Menu déroulant en rollover semi-accessible avec jQuery

Logo jQuery

Joie : je fais maintenant partie de Planète Accessibilité en plus de Planet Libre. C’est l’occasion pour ce premier article dédié d’allier à la fois logiciels libres et accessibilité pour le plus grand bien du Web ;-)

Le but de cette explication sera de développer la méthode et le raisonnement pour mettre en place un menu en rollover accessible. La difficulté tient essentiellement au fait que tout élément masqué par le biais des CSS est masqué pour de nombreux clients Web.

Nous verrons aussi pourquoi il est important de dissocier la présentation et les artifices graphiques grâce à une dégradation propre du JavaScript. Nous utiliserons pour cela jQuery, ma librairie JavaScript favorite.
Lire la suite : Menu déroulant en rollover semi-accessible avec jQuery

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

Microformats : comment microformater du contenu déjà existant ?

Ce billet a initialement été publié sur le blog de Clever Age dans microformats : republier et donner du sens aux contenus.

Microformats logo

Nous avions dressé un panorama des microformats dans un précédent article intitulé « microformats : republier et donner du sens aux contenus ». Nous avions notamment conclu que leur intégration était rapide, peu coûteuse et surtout bénéfique tant pour le visiteur que pour la visibilité du contenu.

Nous nous intéresserons cette fois-ci à une partie plus pratique des microformats : leur intégration. Toutefois ce rapide apprentissage sera didactique puisque nous apprendrons à identifier visuellement quels contenus d’une page peuvent être microformatés mais aussi comment microformater du code HTML déjà existant.
Lire la suite : Microformats : comment microformater du contenu déjà existant ?

Google, ange et démon : faut-il lui confier notre vie numérique ?

Logo Google

Google est une société à la fois adulée et pointée du doigt. La moindre nouveauté résonne sur l’étendue du Web, louée par ses défenseurs, critiquée par ses détracteurs.
Au-delà de ces querelles insipides et totalement subjectives, qu’est-on en droit de penser de Google ?

Aujourd’hui nous confions notre vie à Google avec plus ou moins de visibilité : données personnelles, emails, mots de passe, habitudes comportementales, organisation professionnelle et j’en passe. Est-ce parce que c’est écrit Google que l’on peut dormir tranquille ?
Lire la suite : Google, ange et démon : faut-il lui confier notre vie numérique ?

BlogCamp Bordeaux #3 : le dessous des cartes

Logo BlogCamp France

J’ai tenu ma première conférence vendredi 29 février 2008 à l’occasion de BlogCamp Bordeaux #3. Petite conférence car il n’y avait “qu’une trentaine” de personnes face à moi. Une fréquentation plus qu’honorable si on tient compte de la jeunesse de BlogCamp France, à savoir 3 mois.

C’est l’occasion pour moi d’aborder cette session par un angle un peu différent, en parlant notamment de l’aspect présentation : où, quand, comment et surtout combien de temps. Ce sera un bon complément du résumé officiel et du wiki BlogCamp Bordeaux #3.
Lire la suite : BlogCamp Bordeaux #3 : le dessous des cartes

Bonnes pratiques de codage CSS

CSS URL @import

J’y songeais mais l’article «De l’ordre, que diable !» m’a incité à m’y atteler plus tôt que prévu.
Il n’y a en effet pas de méthode universelle pour programmer les CSS mais après plusieurs années d’expérience, j’ai affiné ma réflexion que je vous livre aujourd’hui.

Où l’on parlera de présentation en 1 ligne, de CSSDoc mais aussi de folding et d’indentation. En clair, tout plein de bonnes pratiques de développement en CSS qui vous feront gagner du temps, vous éviterons de la sueur et sentent bon le travail de qualité.
Lire la suite : Bonnes pratiques de codage CSS

À propos de l'auteur

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