J’ai récemment pris connaissance d’une technique en CSS sur le blogue de Mr Xhark. Cette technique permettrait, en quelque sorte, de diminuer le poids d’une page Web. Elle éviterait ainsi l’utilisation de Flash ou de Javascript pour ce genre d’effet. Le résultat n’a rien d’impressionnant, mais sur le plan de la simplicité je le trouve intéressant. À mon avis cet effet facilite la lecture.
Source de l’image : http://blogmotion.fr
Par contre, pour diminuer le risque d’erreur sur les photos j’aurais tendance à jouer avec l’opacité de celles-ci… :
Qu’en pensez-vous ?
Ce qui est en effet pas mal c’est que son code respecte l’ordre des éléments.
Bon pour l’accessibilité, bon pour le référencement !
Merci pour le lien
Pour limiter la bande passante (hotlink) pourrais tu copier héberger directement l’image gif sur ton blog ? merci
Une très belle astuce, même si elle risque de manquer de flexibilité.
Elle marche dans combien de navigateurs ?
Le CSS a tendance à vouloir en faire toujours plus pour remplacer Flash dans ses fonctions les plus basique.
=> Cf. le CSS qui propose des effets dynamique dans le webkit.
C’est une bonne chose, mais à nouveau l’implémentation de ce standard ne l’est pas… et dépend du moteur de rendu et/ou de la plate-forme…
@Jmini
Bonne question. Je ne suis toutefois pas experte en programmation. Il faudrait demander l’avis d’un expert en CSS.
Si tu trouves la réponse, fais-moi signe. Il s’agit d”accessibilité… ça m’intéresse !.
@Jmini @Kim Auclair
Les propriétés css utilisées pour avoir ce rendu sont tout à fait basiques et donc compatibles avec les vieux navigateurs.
Effectivement rien de bien complexe ou compliqué. Mais efficace.
Rien de nouveau cela fait des années que cette “méthode” est utilisée.
Par contre un lien qui pointe vers lui même, est-ce bien pertinent, accessible, respectueux des standards…
Il faudrait utiliser une autre balise conteneur à mon sens.
Car ici le n’est utilisé que pour pallier au manque d’ie vis à vis du :hover.
le :hover est effectif sur l’ensemble des navigateurs sauf IE 6, mais voilà nous ne sommes plus en 2001 et des alternatives existent pour le rendre opérant (c’est sale, à coup de fichier htc donc surcroit de code/script pour IE mais c’est à l’image du navigateur en question)
Faut-il vraiment détourner de leur usage des balises sous prétexte d’être compatible avec un navigateur obsolète et voué à disparaître ?
Oups, désolé pour ce mic mac avec l’extrait de code aboutissant au lien, je pensais qu’il ne serait pas interprété dans le commentaire. j’aurais du utiliser une balise “code”
s’il est possible de corriger…
[…] Un effet CSS pour mettre en valeur les liens […]
[…] Un effet en CSS pour faciliter la lecture des liens distants ; […]
[…] Un effet en CSS pour faciliter la lecture des liens distants ; […]
[…] Un effet en CSS pour faciliter la lecture des liens distants ; […]
[…] Un effet en CSS pour faciliter la lecture des liens distants ; […]