Au menu, des liens, des outils, des présentations … sur HTML, CSS et JavaScript.
Talks
Voici quelques présentations que j’ai beaucoup appréciées :
- Techdays 2014 (oui ça date un peu …)
- CSS, c’est pas si facile : Présenté par Vincent De Oliveira
- Le futur du responsive web design : Présenté par Raphaël Goetter
- Présentation de node js par Christophe Porteneuve
- JS + toi = ♥ : Retour sur les fondamentaux JS (prototypes, closures, this) par Christophe Porteneuve
- Dev Avengers pour le Front-End : Comment utiliser au mieux les outils pour le développement web
- Front-end Tooling Workflows par Addy Osmani (une pointure de chez Google)
HTML
- iconmelon.com : des icônes svg
- Une présentation complète sur l’avantage d’utiliser des SVG
- Article sur comment utiliser les web notifications
CSS
- Pure : Un framework CSS (gère le responsive)
- Responsive Web Design
- Guide Responsive web design : un guide sur le Responsive web design
- RWD Wireframes : outils de création graphique de gabarit Responsive
- mediaqueri.es : Annuaire de site responsive
- PlentyofFrameworks : trouver le framework CSS qui vous convient
- Enjoycss : éditeur de composant CSS
- CSSShake : Une feuille de style pour secouez vos éléments
- Style Guide guide : site regroupant des générateurs de style guide (guide d’utilisation de vos style (un exemple))
- CSS Values : permet de rechercher une propriété CSS pour facilement connaître son utilisation et les valeurs possibles
- Bounce.js : un générateur d’animation CSS 3
- CSS Stats : Statistique concernant CSS (nb de sélecteurs, couleurs, …) d’un site
- Critical Path CSS Generator : Générateur de Critical Path. Critical Path est une technique qui consiste à injecter, directement dans votre code HTML(inline, dans le header) le code CSS minimal afin d’accélérer la vitesse de rendu de votre page. Le reste du code CSS est à charger via des fichiers CSS classique en fin de page. Cet outils permet d’extraire le code CSS à injecter en fonction d’une page.
- Flexplorer : un générateur et outils de test de flexbox
- une cheatsheet sur la propriété flexbox en css3
JavaScript
- Développer une SPA (Single Page Application) pour tous les devices
- Un article pour améliorer votre fichier grunt
- jshybugger.com : outil pour débugger votre code HTML, JavaScript et CSS sous Android (navigateur ou web view)
- jsdelivr.com : un CDN très complet (plus de 1000 librairies disponibles)
- JavaScript Equality Table : Un tableau récapitulatif des résultats de comparaison en JavaScript avec le == et le ===
- Es 6 features : présentation des nouveautés d’EcmaScript 6
- json-generator.com : un générateur aléatoire de JSON
Divers
- feedthebot : site qui analyse un site et vérifie si vous suivez les guidelines Google
- Liste d’extension Chrome pour mieux debugger
- Atom : un IDE (en preview) créé par Github basé sur NodeJS. Il est très configurable et personnalisable. Un article de présentation de l’éditeur.
- buildmypinnedsite.com : Un outil pur créer une tuile Windows 8 de votre site
- www.gitignore.io : générateur de .gitignore en fonction de votre IDE, outils, …