Guide stylistique — Exemple de charte graphique et éditoriale

Lorsqu’on réalise le design d’un site web, il est d’usage de formaliser les choix créatifs retenus en répertoriant les éléments qui composent l’identité graphique et éditoriale dans un guide stylistique. Son objectif est de garantir à l’utilisateur final une expérience visuelle et intellectuelle cohérente tout au long de la navigation. Ce guide stylistique s’adresse généralement aux professionnels chargés de la réalisation technique du site (développeurs, intégrateurs web, etc.) et à ceux qui devront intégrer les contenus au quotidien, qu’il s’agisse des textes et de tout élément graphique ou multimedia. Il peut également préciser les valeurs de la marque et son positionnement vis-à-vis de ses concurrents. C’est dire l’importance de ce guide qui servira souvent de référence dans l’entreprise.

7 conseils pour mélanger plusieurs fontes dans votre design web

La typographie peut devenir la partie la plus créative de votre design ou la plus frustrante. Travailler avec ne serait-ce qu’une police de caractère peut déjà devenir un défi insurmontable pour de nombreux webdesigners ; alors imaginez ceux qui utilisent jusqu’à sept fontes ou plus dans leur design ! Voici un résumé de l’article 7 Rules for Mixing Multiple Fonts in Good Web Design qui passe en revue les éléments à prendre en considération pour utiliser plusieurs polices de caractère dans votre site web.

Les mathématiques appliquées au webdesign

Mathematics is beautiful? et pourquoi pas Code is poetry pendant qu’on y est ! C’est pourtant vrai : les mathématiques pourront servir de tremplin à l’inspiration lorsque mettrez en route votre prochain design web. Comment ? Vous saurez tout en lisant l’excellent Applying Mathematics To Web Design paru chez Smashing Magazine où j’ai eu la surprise de voir mon article sur l’application du nombre d’or et la suite de Fibonacci dans le webdesign cité dans la partie Fibonacci Design o/

Choisir jQuery ou Mootools en connaissance de cause

Choisir une bibliothèque Javascript n’est pas anodin. Une fois qu’on s’est familiarisé avec une librairie, il est souvent difficile de faire marche arrière et la tentation est grande de ne pas aller voir ailleurs si l’herbe est plus verte. Aaron Newton a eu la bonne idée de faire une comparaison éclairée intitulée jQuery vs Mootools en mettant en évidence les qualités et les défauts de ces deux frameworks Javascript, en toute objectivité.

Menus «select» et champs «input» avec jQuery

Michel L’Huillier nous propose six bouts de code pratiques pour manipuler les éléments select et input avec jQuery : récupérer la valeur ou faire passer le texte d’une ou plusieurs options sélectionnées ; utiliser des éléments option sélectionnés dans des instructions conditionnelles ; supprimer un élément option ; déplacer des options d’une liste A vers une liste B. Les snippets sont suivis d’une Cheat Sheet concernant les élements select et input.