Les champs de formulaires avec HTML 5 sont dotés d’un nouvel attribut particulièrement intéressant c’est l’attribut form. Il permet de spécifier le formulaire auquel se rattache le champ.
Category Archives: HTML & CSS
Responsive Web Design : s’adapter ou mourir ?
Responsive design
Si vous vous intéressez de près ou de loin au Webdesign ou à l’Intégration HTML/CSS, vous n’avez pas pu échapper au dernier terme à la mode : le « responsive web design ».
Comme souvent sur le Web, il ne s’agit pas d’une réelle avancée technologie mais plutôt une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le « responsive web design » et expliquer quels en seront les conséquences.
CSS : Cibler tous les éléments d’une liste sauf le premier
Le sélecteur d’adjacence (signe +), disponible sur tous les navigateurs depuis Internet Explorer 7 permet de cibler un groupe d’élément identique tout en excluant le premier.
Adobe lance Edge, un outil d’animation HTML5
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 :hover n’est pas faite pour des menus déroulants
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.