The SEO Guide to Information Architecture
AudetteMedia présente une excellente synthèse des interactions entre l’optimisation pour les moteurs de recherche (SEO) et l’architecture de l’information: The SEO Guide to Information Architecture
Les 10 péchés typographiques sur le web
À lire sur Smashing Magazine: Top Ten Web Typography Sins
CSS: la spécificité des sélecteurs
La spécificité permet de déterminer quel sélecteur aura préséance si plusieurs sélecteurs s’appliquent à un même élément.
Comment déterminer la spécificité? Sur la base 0.0.0:
- pour chaque id : additionnez 1 à la position 1
- pour chaque class ou pseudo-class (:hover) : additionnez 1 à la position 2
- pour chaque élément HTML : additionnez 1 à la position 3
Par exemple:
p { color: red; } /* un élément = 0.0.1 */
#content p { color: blue; } /* un id + un élément = 1.0.1 */
Ici, le premier sélecteur vaut 0.0.1 et le second 1.0.1, donc celui-ci aura préséance sur le premier.
D’autres exemples:
p a { } /* 0.0.2 */
p a.big { } /* 0.1.2 */
.text p a { } /* 0.1.2 */
#content .text p a:hover { } /* 1.2.2 */
div div div div div div div div div div p { } /* 0.0.11 */
Si deux sélecteurs ont la même valeur, c’est le dernier qui aura préséance.
Une règle définie dans un attribut style (<p style="color:red;">) aura toujours préséance sur toutes les sélecteurs.
Vous pouvez lire le texte d’Eric Meyer sur la spécifité.
CSS-Tricks propose aussi un excellent article qui explique comment calculer la spécificité d’un sélecteur: Specifics on CSS Specificity.
Ouvrir des liens dans une nouvelle fenêtre
Est-ce une bonne pratique d’ouvrir des liens dans une nouvelle fenêtre: NON.
Pourquoi? Parce que l’usager doit toujours avoir le contrôle, et qu’en ouvrant une nouvelle fenêtre, on lui retire la capacité d’utiliser son historique et, surtout, le bouton «Précédent» de son fureteur.
Smashing Magazine propose une très bonne revue de cette problématique dans Should Links Open In New Windows?.
Il existe quelques exceptions où il peut être acceptable de la faire, mais ce sont vraiment des exceptions.
Maquettes schématiques (wireframe): conflits et solutions
Dans Wireframes: Struggles and Solutions, Part 1, Sarah Harrison nous explique comment gérer les conflits de présentation visuelle imposer par les maquettes schématiques.
Une solution: faire un diagramme de contenu de page (une liste des contenus et des caractéristiques interactives classée par ordre de priorité) tel que décrit par Dan Brown dans Where the Wireframes Are: Special Deliverable #3.