Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

tag » Accessibilité

14 outils en ligne pour créer des palettes de couleur

Pour le webdesigner d’aujourd’hui comme pour le peintre d’hier, le choix d’une bonne palette de couleur est déterminant pour la réussite d’une oeuvre, fut-ce un site web. Pour y parvenir, voici quelques ressources en ligne pour obtenir rapidement des palettes de couleurs de qualité, tout en s’amusant. Voulez-vous en savoir plus ?

Manifeste pour un interlignage minimum syndical pour les blogs !

Un spectre hante le web : le spectre de l’interlignage par défaut des navigateurs. Trop de blogs et de sites web se contentent du minimum syndical pour gérer l’interlignage. Par défaut, les navigateurs web proposent 120% de la taille de la police. Voulez-vous en savoir plus ?

Menu à onglets (tabs) — idTabs ou domTab ?

Menu à onglets avec Javascript et CSS fait partie des articles les plus lus de ce blogzine. Mais la solution présentée n’est pas un modèle d’accessibilité car elle ne fonctionne plus correctement si Javascript est désactivé. Dans ce cas, le menu reste bloqué sur le premier onglet actif. Bien que certains trouvent qu’il s’agit d’une fonctionnalité et non d’un défaut, je préconise deux scripts bien plus accessibles et efficaces : idTabs de Sean Catchpole et domtab de Chris Heilmann. Voulez-vous en savoir plus ?

Rions un peu avec…

Jakob Nielsen. Et oui, contre toute attente, c’est avec l’expert en utilisabilité des sites web et des logiciels que j’inaugure cette nouvelle rubrique Rions un peu avec… tout ce que j’ai trouvé d’amusant lors de mes pérégrinations réticulaires. Surtout lorsque le côté drôle n’est pas voulu au départ, parce que sinon, c’est moins fun. En recherchant un extrait de faux-texte Lorem Ipsum, je suis tombé sur l’article consacré au faux-texte sur Wikipédia où la phrase suivante m’a fait sourire (je ne promets pas la franche rigolade, on est bien d’accord !) :

L’expert en utilisabilité des sites web et des logiciels Jakob Nielsen souligne que l’une des limites de l’utilisation du faux texte dans la conception de sites web est que le texte n’étant jamais lu, ceci ne permet pas de vérifier sa lisibilité effective. La lecture à l’écran étant plus difficile, cet aspect est pourtant essentiel. Il préconise donc l’utilisation de textes représentatifs plutôt que du lorem ipsum.

Jakob a raison de se mêler de tout, il n’y a pas de petite requête et les petits mot-clés font les grandes audiences, mais quand même…

Enfin, après avoir rigolé… un peu (faut pas exagérer non plus, je vous l’accorde), voici ma recommandation : contrairement à Jakob Nielsen, je préconise personnellement le faux-texte pour la raison suivante : en mettant un contenu réellement intéressant, ne risque-t-on pas d’être pris par le sujet au point de passer à côté d’un éventuel problème de lisibilité qui passerait de ce fait au second plan ? ;)

Jakob, si tu me lis, donnes-moi ton avis ;)

PS : mon air désinvolte n’ayant l’air de rien ne doit pas vous empêcher de prendre J. Nielsen au sérieux et de parcourir son site qui vaut vraiment le détour.

HTML Validator pour traquer les erreurs javascript ?

Depuis peu, l’affichage et le masquage de certaines rubriques de ma blogroll était en grève sans raison apparente : aucune modification des scripts jQuery en question. Tout en continuant malgré tout de chercher du côté de Javascript, je me suis rappelé une discussion avec Goulven ou Sébastien concernant l’intérêt de valider son code HTML pour traquer les erreurs. J’ai lancé HTML Validator sans conviction… Voulez-vous en savoir plus ?

Quelques notes autour du design fluide avec 3 colonnes du collectif Alsacréations

Florent Verschelde du collectif Alsacréations nous propose deux méthodes pour réaliser un design fluide avec trois colonnes en utilisant le positionnement flottant. Je me suis surtout intéressé à la première méthode, la deuxième faisant appel à la notion de contexte de formatage dont j’ai encore du mal à saisir toutes les subtilités. Voulez-vous en savoir plus ?



Colophon

css 4 design est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2009

Contactez l'auteur du site