Outils CSS3 – HTML5 – JavaScript : Episode 8

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.

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

JSCS (JavaScript Code Style) : un complément à jshint pour vérifier votre code, basé sur NodeJs. Avec des plugins pour les éditeurs :
- Sublime Text
- Brackets
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, …)