Depuis que j’ai redonné une seconde vie à ce blog qui vient de fêter neuf années d’existence, j’essaie d’optimiser les performances web en jouant sur un maximum de leviers. J’ai d’abord opté pour un système de cache ; j’ai ensuite cherché à diminuer le nombre de requêtes et à compresser les fichiers HTML, CSS et Javascript. Pour les images, il était important de les compresser un peu plus et de les charger uniquement lorsqu’elles apparaissaient dans le champ de vision du visiteur. Pour finir, j’ai regardé du côté du fichier .htaccess proposé par HTML5 Boilerplate pour gagner encore en efficacité. →
Archives des tags : HTML5 Boilerplate
WordPress Basics 0.5.1 — HTML5 Boilerplate 4.0.1 et Caption shortcode
Après plusieurs mois sans modification, j’ai fais pas mal de changements dans Basics (et accessoirement dans Beyond Basics) en raison du passage de la version 3.0.2 de HTML5 Boilerplate à la version 4.0.1, d’une part, et de l’évolution de la syntaxe du shortcode pour l’insertion des images depuis WordPress 3.4, d’autre part. →
Framework HTML : Bootstrap, Fondation et HTML5 Boilerplate
Dans la catégorie des frameworks HTML permettant de faciliter la mise en place d’un projet web, Bootstrap, from Twitter s’est rapidement fait une place de choix à côté de HTML5 Boilerplate et de Zurb Fondation. (Je ne parle pas de Blueprint, 960.gs ou de 940.css version fixe ou fluide qui sont plutôt des frameworks CSS pour aligner des blocs sur une grille de mise en page.) Mais au fait, c’est quoi un framework HTML ? Un tel outil devrait inclure une structure de fichiers normalisée, quelques trucs pour mettre les navigateurs au garde-à-vous et des fichiers HTML servant de fondations pour des projets différents. →
Nouvelle méthode de remplacement de texte par une image
Dans l’article Nouvelle méthode de remplacement d’image en CSS, je vous faisais part d’une nouvelle méthode de remplacement de texte par l’image en CSS proposée par Scott Kellum qui utilise la propriété text-indent
avec un décalage en pourcentage. Cette méthode n’étant pas dénuée d’effets de bord (voir dans la suite de l’article), une nouvelle technique a fait son apparition lors de la mise à jour de HTML5 Boilerplate. Je vous propose une traduction de l’article Another CSS image replacement technique écrit par Nicolas Gallagher qui détaille une technique avec font-size
: →
Le blank thème WordPress Basics en quelques mots
WordPress Basics est un thème WordPress minimaliste basé sur le concentré de bonnes pratiques HTML5 Boilerplate qui permet de démarrer un projet web dans de bonnes conditions. Ce thème brut mais est complété par le thème enfant Beyond Basics dont la raison d’être est d’accueillir les fonctionnalités plus avancées (page d’accueil home.php et page non trouvée 404.php, par exemple. Voulez-vous en savoir plus ? →
Nouvelle méthode de remplacement d’image en CSS
Pour remplacer du texte par une image avec CSS, il existe au moins neuf méthodes, dont deux ont été largement utilisées par les intégrateurs web. Vous trouverez à la fin de l’article une dixième méthode que je n’ai pas encore testée qui devrait allier performance et accessibilité. Elle nous vient tout droit de chez Jeffrey Zeldman. →
Apprendre jQuery
La série Decoding jQuery proposée par Shi Chuan (créateur de Mobile Boilerplate et faisant partie de l’équipe de HTML5 Boilerplate) nous propose une immersion (en anglais) dans le code source de jQuery. Après 4 parties consacrée aux bases du framework et aux subtilités de la programmation objet dans jQuery, l’auteur attaque les fonctions et les méthodes principales qui font le charme de jQuery ( extend(), isWindow(), parseXML(), globalEval() et toArray() ) pour le moment. →
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. →
HTML Email Boilerplate : des Emails passe-partout
Vous avez aimé HTML5 Boilerplate ? Vous serez ravi d’apprendre qu’il existe un projet similaire qui vous servira de base de travail pour concevoir vos Emails ! HTML Email Boilerplate regroupe un ensemble de bonnes pratiques qui tient compte des différences de rendu entre les clients mails comme Outlook, Gmail, Hotmail, etc. →
Roots — Thème WordPress à base de HTML5 Boilerplate
Roots — Ce thème fait la synthèse entre les templates de HTML5 Boilerplate et le thème Starkers HTML5. Il comprend également un framework CSS (960.gs ou Blueprint CSS) et inclut le microformat hNews pour donner encore plus de sens à votre site ! →