Tutoriel

Codecademy : un cours Javascript interactif et ludique

Apprennez les bases de la programmation Javascript de manière interactive et pro-active avec Codecademy. Ce site propose une console dans laquelle l’apprenant est inviter à saisir des lignes de code pour voir ce que ça donne. Très simple, voire basique, cette initiative permettra néanmoins à celles et ceux qui veulent se lancer dans la programmation d’avoir quelques bases tout en s’amusant. Vous pourrez partager votre avancement dans les leçons avec vos amis pour une saine émulation et un système de badges vous donnera des jalons pour mesurer vos progrès. Via roget.biz

Thèmes WordPress

Mise à jour du thème WordPress ♥ Basics avec HTML5 Boilerplate 2

Je commençais à m’endormir sur la version 0.2.5 de mon thème WordPress ♥ Basics quand la version 2 de HTML5 Boilerplate a fait son apparition au beau milieu du mois d’août. Cette nouvelle version de HTML5 Boilerplate apporte de nombreux changements, dont le plus important est peut-être le remplacement du reset CSS par une « simple » redéfinition des balises HTML grâce à normalize.css mis au point par  Nicolas Gallagher et Jonathan Neal. →

Plugin jQuery

FlexSlider — un Slider flexible et sémantique pour jQuery

FlexSlider est un slider, un de plus, qui permettra de faire défiler vos contenus avec le marquage HTML de votre choix.  FlexSlider est utilisable avec le clavier, ce qui est toujours bon pour l’accessibilité ; son poids plume (6 kb minifié) est également un atout de taille. Il est possible d’ajouter une légende (caption) pour chaque image. Pour cela, une simple balise p sous l’image suffit. Pour plus de sémantique et pour profiter des nouvelles balises apportées dans la hotte du Père Noël HTML5, il faudrait tester FlexSlider avec une balise figure et un bon vieux figcaption des familles. Merci à @allfordesign et @oncletom pour la suggestion 🙂 →

Applications autonomes

spin.js — Icône de chargement animée sans image

spin.js est une solution en Javascript (compatible avec jQuery) qui permet d’afficher une icône de chargement de page animée (loader) sans utiliser d’image, grâce à CSS3. La compatibilité avec Internet Explorer en version 6, 7 et 8 est assurée grâce à WML.  →

Le petit journal du web

Notes de lecture — HTML5 : de la page web à l’application web

Je viens de terminer le livre HTML5 — De la page web à l’application web écrit par Jean-Pierre Vincent et Jonathan Verrecchia, préfacé par Paul Irish et publié au éditions Dunod. Ce livre est destiné en premier lieu aux personnes qui utilisent déjà HTML comme les intégrateurs web, les développeurs front-end, etc. Bref, toutes celles et ceux qui utilisent le langage de balisage mis au point par Tim Berners-Lee au début des années 1990 dans le cadre de leur travail ou de leur loisir. →

Typographie

Useful Shortcuts — Symboles accessibles via la touche Alt de votre clavier

Ah ! les symboles… Que celui ou celle qui n’a jamais galéré pour retrouver ce satané symbole caché dans les circonvolutions de son clavier me jette la première touche ! Useful Shortcuts est un site dont l’objectif est de répertorier et de classer la quasi-totalité des symboles accessibles via la touche Alt de votre clavier. Notez qu’il est également possible d’utiliser les symboles directement par copié-collé depuis les pages de Useful Shortcuts. →

Applications autonomes

Require.js — Chargement asynchrone de fichiers Javascript

Si les performances de votre site web et le service rendu aux utilisateurs vous préoccupent, vous aurez certainement besoin de Require.js. Ce «loader» Javascript léger (5 kb gzipé), avec gestion de cache, accélère le chargement de vos pages lorsque vous utilisez de nombreux scripts. Sans ce loader, le navigateur doit attendre que les fichiers Javascript sont chargés avant d’afficher votre contenu. Require.js effectue un chargement asynchrone de l’ensemble de vos fichiers javascript lorsque votre page a fini de se charger, sans bloquer votre navigateur. →