Mettre des éléments inputs en dehors de la balise form avec HTML5

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.

Continue reading

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.

Continue reading

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.

Continue reading

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.

Continue reading

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.

Continue reading