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.
CSS : Cibler tous les éléments d’une liste sauf le premier
3
Tag Archives: CSS
IE 10 : fin des commentaires conditionnels et dégradation progressive obligatoire
Les commentaires conditionnels ne cibleront pas Internet Explorer 10. Fini le temps des célèbres
<!--[if IE]> This content is ignored in IE10 and other browsers. In older versions of IE it renders as part of the page. <![endif]-->
Victor Brito explique dans l’un de ces articles comment la disparation de cette fonctionnelle qui a rendu service à plus d’un intégrateur Web va obliger les concepteurs de sites à généraliser le principe de la dégradation progressive.
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.
Taille de police dans un site multilingue
Lorsqu’on travaille sur un site multilingue, il est important de comprendre que la taille des polices nécessaire à une bonne lecture diffère d’une langue à l’autre. En effet, des langues comme le Chinois, le Japonais ou l’Arabe nécessitent une taille de police plus grande pour pouvoir être lu que des langues comme l’anglais, le français ou l’allemand.
Une version mobile ? Non une version Internet Explorer
Aujourd’hui il n’est pas rare de voir pour un même site une version « normal » et une version optimisé pour mobile. Pourtant, la différence entre ces 2 plates-formes ne cessent de diminuer et on arrive à certaines aberrations.
Quel environnement est le plus adapté pour une version « mobile » ? Un iPad avec une résolution de 1024×768 tournant sur Safari ou une ordinateur datant de 5 ans tournant sous Windows XP et Internet Explorer 7 avec la même résolution ? L’ordinateur de bureau sans aucun doute. Partant de constat, il est peut être intéressant de reprendre la problématique des versions mobiles depuis le début.