Développer une application avec HTML5 et Javascript

Ce tutoriel HTML5  intitulé «Retours sur un développement HTML5 & JavaScript avec Visual Studio 2010» présente les différentes étapes pour réaliser un mur d’images et avoir la possibilité de zoomer sur une carte et de dézoomer pour retrouver une vue d’ensemble. Le tutoriel est composé de 12 parties que je vous laisse découvrir :

Interviews Bruno Bichet, intégration web et webdesign de 2007 à nos jours

J’ai eu quelques occasions de répondre à des demandes d’interview de la part d’acteurs de la blogosphère sur les sujets liés au graphisme, au webdesign, et sur le métier d’intégrateur web. Cet exercice demande de la sincérité et une certaine rigueur pour éviter de se répéter. J’ai la chance d’avoir eu de nombreuses expériences professionnelles dans lesquelles je peux picorer ça et là ce qu’il faut pour répondre de manière personnalisée en évitant le contenu dupliqué — le Duplicate Content  ;-). Bref, voici 11 interviews qui m’ont permis de prendre du recul sur la pratique de mon métier de Chef de projet web et d’en apprendre sur moi-même. 

WordPress de A à Z — E comme Extensions (les plugins)

WordPress offre un environnement de publication complet, prêt à accueillir vos textes, vos images et les commentaires des lecteurs, dès l’installation. Cet aspect «Prêt à Publier» n’empêche pas d’avoir envie d’ajouter ou d’étendre les fonctionnalités du CMS grâce aux extensions qui s’installent en deux clics depuis l’interface d’administration. Parmi les quelques 15 000 plugins disponibles, voici les 11 que j’installe le plus souvent au lancement d’un site WordPress, et ceux que j’utilise moins souvent. Voici le sommaire complet des 26 articles de WordPress de A à Z.

Le petit journal du web — WordPress, Couleur, CSS, Page Speed, 404

Ça faisait longtemps que je n’ai pas partagé sur ce blog les bons tuyaux que je tweet depuis mon compte Twitter @br1o. Découvrez : comment contrôler la qualité de vos feuilles de styles CSS ; un journal papier à partir d’un flux de production allant de Google Documents à InDesign en passsant par WordPress ; les goulets d’étranglements qui grèvent les performances d’affichage de votre site web ; une galerie de pages d’erreur 404 ; un site sur les codes couleur ; comment gagner des encarts publicitaires sur des blogs low tech et hight tech ; un thème WordPress basé sur HTML5 Boilerplate.

HTML5 Boilerplate — Des images remplacées cliquables avec la classe .ir

HTML5 Boilerplate et WordPress ♥ Basics par la même occasion contiennent quelques classes CSS utiles pour masquer du contenu de différentes manières en fonction de vos besoins : .hidden.visuallyhidden.invisible and .ir. Après un rapide survol des trois premières classes, nous allons nous attarder un peu sur la dernière classe .ir pour régler une bonne fois pour toutes le problème des images de fond non cliquables.

WordPress — Ajouter des règles de réécriture pour les Custom Post Type

Les types d’articles personnalisés sont très pratiques. Comme l’explique très bien Jérémy Thomas dans son introdution à WordPress 3, les Custom Post Types permettent d’élargir les différents types de contenus pris en charge depuis WordPress 3.0. A côté des Pages, des Posts ou des Liens, vous pourrez ajouter le type Porfolios, Projets ou Petites Annonces. Le système mis en place fonctionne bien, mais je suis tombé dernièrement sur un problème de page d’erreur 404 lié à la  réécriture d’URL en voulant affichant un article issu d’un Custom Post Type. Avec les permaliens par défaut, tout fonctionne, tandis qu’avec une structure de permaliens personnalisés, ce n’est plus le cas.

Soyez « ♥ Basics »

Le thème minimaliste WordPress ♥ Basics — initialement hébergé en sous-domaine de css4design.com –, bénéficie désormais d’un domaine et d’un blog dédiés. Pour le domaine, j’ai recyclé wp4design.com (commencé en français il y a quelques mois) dont le motto était : «WordPress je thème, le bonheur est dans le Codex». Avec le passage à l’anglais, le slogan est devenu : «Basics : A Hard Rock-solid Theme based on HTML5 Boilerplate For Those About to Rock with WordPress». J’ai traduit certains billets, tandis que d’autres ont rejoint css4design.com.

Duster — Nouveau thème WordPress HTML5 par Automattic

Duster — A l’occasion de la sortie prochaine de WordPress 3.2, Automattic propose un nouveau thème par défaut pour remplacer Twenty Ten. Ce thème — déjà disponible au téléchargement — sera certainement amélioré pour tenir compte des fonctionnalités qui verront le jour avec la version 3.2. Contrairement à Twenty Ten, Duster utilise les nouvelles balises sémantiques HTML5. Pour ceux qui connaissent bien Twenty Ten et Toolbox, on peut dire que Duster est un savant mélange des deux. A tester sans tarder ! Via WordPress Francophone.