Depuis la perte des liens constituant ma blogroll lors de l’import de ma sauvegarde réalisée avec la fonction Export XML de WordPress (les liens n’ont pas pas été sauvegardés), je me rends compte que de nombreux sites web (et de blogs) ne facilitent ni n’encouragent le linkbaiting. →
Les formulaires sont indispensables pour recueillir les informations issues des utilisateurs. Leur mise en place nécessite quelques précautions que nous rappelle bbxdesign avec les 10 bonnes pratiques pour réaliser un formulaire d’après la conférence de Luke Wrobleski. →
Je suis encore tout esbaudis par la découverte de 45+ frameworks CSS que tout webdesigner devrait connaitre qui liste une palanquée de bibliothèques CSS et d’outils pour générer des grilles de mise en page sans douleur. Je ne reviendrais pas sur les avantages ou les inconvénients des frameworks CSS ni sur le choix du meilleur d’entre eux. Vous trouverez des éléments de réponse dans : Frameworks CSS + Reset CSS : design from scratch paru initialement en anglais sur Smashing Magazine ; dans Développement efficace avec les frameworks CSS et Blueprint ; ou encore dans Blueprint, un framework pour webdesigner. Oui, beaucoup de Blueprint car c’est le seul que j’ai vraiment utilisé jusqu’à présent. →
Si vos déclarations CSS font-family contiennent désespérément la même liste de police de caractères Helvetica, Arial, sans-serif, etc., le billet de Grégoire Polices sur le web et celui de Michael Tuck 8 Definitive Web Font Stacks devraient élargir votre horizon typographique grâce à 8 ensembles de polices « intelligents » : →
Usability Post est un excellent blog sur le design et l’ergonomie que je viens de découvrir grâce au non moins excellent article sur les 10 techniques pour améliorer de design de l’interface utilisateur paru sur Smashing Magazine sur les trucs et astuces qui permettent d’améliorer l’ergonomie et l’utilisabilité en se focalisant sur quelques détails qui ont leur importance.
styledmenus propose une trentaine de menus de navigation compatibles avec les navigateurs IE6, IE7, Firefox, Opera, Safari, Chrome et conformes aux recommandations du W3C.
Le téléchargement de ces menus est gratuit ; toutefois, vous pouvez acheter les fichiers originaux au format *.psd* si vous voulez personnaliser davantage vos menus selon votre charte graphique.
Merci Thierry 😉
Les Microscopicons sont des icônes microscopiques de 2 pixels de côtés. Pourquoi utiliser ces petites icônes ? Les icônes traditionnelles sont trop grandes et gaspillent la bande passante. Par ailleurs, les Microscopicons prennent moins de place dans la mise en page.
Plutôt que créer des images ou d’utiliser Flash pour afficher du texte dans la police de caractère de votre choix, vous pouvez utiliser typeface.js et écrire vos titres en HTML et CSS comme si vos visiteurs avait installé votre fonte préférée.
Le script utilise les capacités vectorielles des navigateurs pour dessiner les textes : les navigateurs comme Firefox, Safari et Opera utilisent la balise canvas (et SVG par la même occasion) tandis que IE utilise *Vector Markup Language* (VML).
Le projet *typeface.js* est composé d’un module Perl pour extraire la forme vectorielle des fontes Truetype au format JSON. La partie en Javascript parcoure le document à la recherche de « ou de données VML pour afficher les glyphes.
Dans le monde de la création d’objet destiné au monde réel, le designer a l’habitude d’intégrer l’ergonomie dès le début de sa démarche créative. Il n’y parvient pas à tout les coups, mais toujours est-il que le but ultime de tout jeune designer est de créer un objet adapté à l’usage et à l’usager. →
L’excellent guide sur les différentes systèmes de navigation Donne-moi ce que je veux ! » est désormais accessible gratuitement en ligne. Découvrez 60 modèles de navigation commentés des bonnes pratiques d’ergonomie, de référencement et d’accessibilité.
Via le blog Alsacréations.
