Adobe vient de lancer la première préversion d’un nouveau produit baptisé Edge. Le but de cette application est de permettre la création d’animations pour les utiliser sur des sites web. Après avoir pourri le Web via sa technologie Flash pendant des années, la société change de direction en produisant enfin du contenu purement Web.
La pseudo-classe dynamique :hover est connue fonctionnent parfaitement sur les liens mais peu d’intégrateurs savent qu’il est tout à fait possible de l’appliquer
à n’importe quel élément de la page, par exemple p:hover {background-color: pink;}, tout simplement parce que IE6 ne comprend pas cette syntaxe.
Raphaël Goetter, référence international en matière de CSS, mentionne dans son article sur 10 techniques avancées et secrets de CSS2 enfin utilisable grâce à la dispartion d’Internet Explorer 6, la pharse suivante
Les illustrations de cette pseudo-classe en action sont nombreuses. La plus parlante demeure sans-doute la réalisation d’un menu déroulant à l’aide de li:hover {…}.
Je ne peut que bondir car l’utilisation du :hover est à faire avec parcimonie car :hover peut potentiellement introduire des éléments de gestion de comportement de l’IHM, rôle réservé normalement aux javascripts.
Contrairement à une idée reçu, les tableaux ne sont pas préjudiciables pour l’accessibilité pour peu que l’on respecte certaines règles.
L’interface de connexion à l’administration de WordPress dispose d’un logo qui ne correspond pas au logo de votre client. On peut personnaliser le logo de connexion à l’administration WordPress en insérant quelques lignes de code dans le fichier functions.php de votre thème. Au final, un site plus professionnel et proche de l’image de marque de votre client.
Les critères d’accessibilité nous ramène souvent au respect de la sémantique des différentes balises. Un des points concernent le détournement de balise à des fin de présentation. On trouve par exemple un règle relative à l’écriture des paragraphes : dans chaque page Web les balises (à l’exception de div, span et table) ne doivent pas être utilisées uniquement à des fins de présentation. L’utilisation d’éléments div ou span pour créer des paragraphes est considérée comme non conforme
.
Autrement dit, chaque texte en prose doit être mis en être présent au sein d’une balise p. Logique et plutôt simple à mettre en place au premier abord, ce n’est pas aussi évident que cela et dépend beaucoup de la manière dont on été écrit les contenus. Un exemple assez classique et d’avoir une phrase introductive suivi d’un « : » et d’une liste à puces. Chaque élément de la liste se terminant par une virgule et le dernier par un point. Nous allons voir à travers cet exemple que le Web est très différent du papier.