Html
- Une liste d’articles sur l’utilisation d’Emmet(part 1, 2, 3 et 4) (mon article de présentation d’Emmet qui s’appelait à l’époque Zen coding) Toujours sur le même sujet, une cheat sheet de emmet assez complète.
- Un article qui présente l’api de vibration
- Responsinator : Permet de visualiser le rendu d’un site en mode responsive sur différents terminaux (iPhone 3/4, iPhone 5, iPad, Android, …) en portrait et paysage. Un exemple avec mon site.
CSS
- Spinkit : Animations d’attente en CSS3
- Myth : Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It’s like a CSS polyfill.
- CSS Zen Garden : La nouvelle version HTML5 Zen Garden.
- lesshat.com : collection de mixins less
- extractCSS : permet d’extraire les styles inlines d’un code HTML
- Stitches : un générateur de Sprites
- CSS Animate : Outil de génération d’animations CSS
JavaScript
- JSCS (JavaScript Code Style) : un complément à jshint pour vérifier votre code, basé sur NodeJs. Avec des plugins pour les éditeurs :
J’ai fait une demande pour intégrer JSCS dans Web Essentials (une extension Visual Studio) qui est déjà inclus dans la nouvelle version 1.8 (pour Visual Studio 2013). Merci Mads !!
- Design Patterns :
- Javascript Patterns : Une collection très complète de design pattern
- Learning JavaScript Design Patterns : Un livre (au format électronique) sur les design pattern en JavaScript, écrit par Addy Osmani, un des gourous web de chez Google
- JS the right way : une collection de lien pour bien débuter en JavaScript
- Moment.js : une super librairie pour la gestion des dates (utilisable dans le navigateur ou en node.js)
- You might not need jquery : un site qui compare du code avec JQuery et sans (Vanilla JS)
- Une liste d’anomalies des différents navigateurs que jQuery permet d’éviter.
- html5index.org : un site qui regroupe les doc d’API des nouvelles API JavaScript apportés par HTML5 (Storage, Canvas, Media, …)
Divers
- Livre (électronique) sur les outils modernes pour le développement web
- Un article concernant les améliorations de barre d’outil de Firefox
- Ripple (extension Chrome) ou http://emulate.phonegap.com/ : émulateur cordova directement dans Chrome
- Une liste de bookmarklet pour développeurs et designeurs
- Une liste des meilleurs outils web pour les développeurs/designers de 2013