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. →
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. Ce qui est dramatiquement insuffisant au regard de la faible résolution du texte à l’écran, alors qu’il suffit d’ajouter une ligne de déclaration CSS à la balise `html` ou `body` pour permettre à vos lecteurs de passer du déchiffrage laborieux à la lecture pleine et entière. Essayez, vous serez surpris de voir à quel point vos pages web auront gagné en lisibilité. →
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. →
…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.
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… →
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. →
Des fois c’est facile, des fois… pas facile. Pourtant, un site web ou un blog devraient être accessibles depuis n’importe quel périphérique, y compris un téléphone portable. Après la lecture du billet de Nico, j’ai testé mon blog sur le site .mobi qui a évalué ma page d’accueil sur une échelle de 1 à 5 en fonction de sa lisibilité sur un petit écran, de sa taille et de l’estimation de sa vitesse (ou coût) de chargement. Le tout en une trentaine de tests. Strict is the way… →
Après mon petit tour sur les questions relatives à l’ergonomie des blogs, je me suis décidé à repenser la navigation sur css4design qui en avait bien besoin. Quelques commentaires plus tard sur la navigation par tag vs catégorie, je suis descendu de mon petit nuage… J’en ai même profité pour harmoniser les couleurs en diminuant la part du rose au profit du vert. Sans connotation politique aucune 😉 →
1646. C’est le nombre total de sites inscrits sur la page CSS Naked Day. Je suis en 997ème position et Google.com en 210ème. Ils ont vraiment beaucoup d’humour chez Google 🙂 Autant dire que je vais m’entrainer durement et améliorer mon score l’année prochaine. Si vous avez peur d’oublier la date, le concepteur du strip a prévu la fonction PHP is_naked_day() pour désactiver vos CSS en temps et en heure. Ce qui peut être utile pour d’autres occasions. Ceci dit, venons-en au fait : la mise à nu d’un blog en terme d’habillage graphique impacte-t-elle le nombre de visiteurs, de pages vues ou encore le temps passé sur un blog ?
Un petit mix pour commencer le mois. Demain c’est Show Time pour ce blog qui dévoilera ses dessous pour la bonne cause, au moment même où mes Copaings font leur apparition… Et dire que ça se passe peut-être près de chez vous : si vous habitez la région lyonnaise, venez noyer votre chagrin football-istique (pourtant le nom d’une liste ordonnée aurait pu être de bonne augure, mais bon…) en compagnie de Lyon-Blog qui prépare sa V2. En parlant de V2, il y a aussi du nouveau du côté de chez Alsacreations.
