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, …