Emu Nova 2.1 : coulisses d’une refonte ergonomique et visuelle

Emu Nova

Mon premier grand fait d’armes sur le Web aura été le lancement d’Emu Nova en octobre 2002. Les grandes lignes du site ont toujours été jeux vidéo rétro, émulation et aide aux utilisateurs.
J’ai ainsi décidé d’offrir une nouvelle garde-robe à Emu Nova le 1er avril 2008 pour renouveler une interface vieille de 3 ans. 3 ans où le contenu s’est accumulé, les menus se sont désordonnés et la navigation s’est complexifiée.

Aujourd’hui je vous dévoile les tenants et aboutissants d’un travail de réflexion mené sur plusieurs mois tant en terme d’ergonomie, d’accessibilité et de respect des standards du Web.
Où l’on parlera de jQuery, Blueprint et d’interface orientée utilisateur.
Lire la suite : Emu Nova 2.1 : coulisses d’une refonte ergonomique et visuelle

Firebug : bonnes pratiques pour le développement Web

Logo Firebug

Firebug fait partie de mes extensions préférées depuis un bon moment. Je l’estime aujourd’hui même plus importante que l’extension Web Developer, c’est dire.

J’ai pourtant constaté que la plupart de ses utilisateurs la sous-exploitait en se limitant à la console pour consulter les erreurs et éventuellement à l’inspecteur HTML pour remonter rapidement dans l’arborescence des balises en 1 clic. C’est bien mais pas assez.
Firebug est tout simplement énorme ! Suffisamment énorme pour gagner un temps incroyable dans le développement d’applications JavaScript et pour mieux comprendre les incohérences des CSS dans une page, entre autre.

Je vous offre aujourd’hui mon cadeau de Noël pour gagner en productivité et maîtriser cet outil ô combien indispensable.
Lire la suite : Firebug : bonnes pratiques pour le développement Web

Migration vers Wordpress 2.3 réussie

Logo Wordpress

Wordpress 2.3 est sorti, accompagné de sa traduction française. C’est un fait et je conseille aux aventuriers de toujours mais alors toujours faire une sauvegarde de leurs fichiers et de leur base de données avant de se lancer dedans. Compte-rendu d’une migration qui s’est passée sans trop de problèmes et point rapide sur quelques correctifs appliqués pour rendre le tout fonctionnel.
Lire la suite : Migration vers Wordpress 2.3 réussie

Modifier du HTML à la volée de manière non intrusive

Javascript

Lors de la refonte de ce blog, j’ai concocté un petit script JavaScript (non intrusif bien entendu) affichant et modifiant le contenu d’un bandeau sous la forme d’une classe statique reponsant sur jQuery. J’explique aujourd’hui comment ces 48 petits lignes de code (en comptant commentaires, sauts de lignes et accolades) fonctionnent, comment il est aisé de mettre en place de telles routines de manière intelligente, souple et non intrusive.

Et comme l’indique le slogan de jQuery : Write less, do more.
Lire la suite : Modifier du HTML à la volée de manière non intrusive

Ménage d’été : nouveau look pour le blog

La Case de l’Onc’ Tom n’avait presque pas changé de visage depuis son lancement en février 2005. L’été s’installe enfin dans notre vert pays et j’en profite donc pour donner un gros coup de balais. Exit donc le fond sombre, le jaune et le blanc, bienvenue au marron et au blanc cassé. Vous noterez également le léger changement de nom (il n’était presque pas respecté faut dire). On parlera désormais de La Case de l’Oncle Tom. Ne vous prenez pas la tête, c’est comme le livre (mais ça n’a rien à voir on est d’accord).

C’est en lisant un article sur l’intégration et la promotion des Microformats que j’ai réalisé à quel point cela pouvait bien s’intégrer dans un blog. J’avais déjà microformaté mon CV (hCalendar, hCard, hResume) mais pour d’autres raisons que je développerai, j’ai finalement cédé aux sirènes de la tentation.
Lire la suite : Ménage d’été : nouveau look pour le blog

Tableau auto-extensible en JavaScript

Bon nombre de clients utilisant les sites Internet de mon employeur passent des commandes en saisissant directement les codes articles de leur choix. Ce n’est pas anodin : pour du réassort de magasin, ils savent exactement ce qu’ils veulent. Et un beau jour on vient me voir en me disant qu’ils ne peuvent saisir qu’un code et une seule quantité à la fois, qu’il faudrait changer ça.

Ligne article

Voici donc mon constat de départ :

  • un client doit pouvoir saisir un seul article s’il le veut
  • un client doit pouvoir saisir 10 articles s’il le veut
  • un client doit pouvoir saisir 100 articles s’il le veut
  • mais celui qui n’en saisit que 10 ne doit pas être gêné par 100 lignes de formulaire à remplir
  • un débutant doit pouvoir saisir 100 lignes sans avoir de mode d’emploi sous la main

Donc ma solution a été très simple : je ne mettrai qu’une ligne.
Lire la suite : Tableau auto-extensible en JavaScript

À propos de l'auteur

Pour me connaître un peu mieux, je mets à disposition plusieurs ressources professionnelles et personnelles :