Un effet en CSS pour faciliter la lecture des liens distants.
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 ?
le 5 mars 2009 à 20:35
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 !
le 5 mars 2009 à 23:17
Merci pour le lien
Pour limiter la bande passante (hotlink) pourrais tu copier héberger directement l’image gif sur ton blog ? merci
le 5 mars 2009 à 23:28
Une très belle astuce, même si elle risque de manquer de flexibilité.
le 6 mars 2009 à 8:01
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…
le 6 mars 2009 à 20:51
@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 !.
le 7 mars 2009 à 14:14
@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.
le 9 mars 2009 à 12:02
Effectivement rien de bien complexe ou compliqué. Mais efficace.
le 18 mars 2009 à 9:20
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 ?
le 18 mars 2009 à 9:23
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…
le 1 avril 2009 à 18:41
[...] Un effet CSS pour mettre en valeur les liens [...]
le 3 avril 2009 à 6:43
[...] Un effet en CSS pour faciliter la lecture des liens distants ; [...]
le 13 avril 2009 à 17:27
[...] Un effet en CSS pour faciliter la lecture des liens distants ; [...]
le 27 avril 2009 à 21:00
[...] Un effet en CSS pour faciliter la lecture des liens distants ; [...]
le 5 juin 2009 à 0:13
[...] Un effet en CSS pour faciliter la lecture des liens distants ; [...]