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…  :

remote_link_css.jpg


Qu’en pensez-vous ?

14 commentaires pour “Un effet en CSS pour faciliter la lecture des liens distants.”

  1. Posté par Mael a dit : le

    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 !

  2. Posté par Mr Xhark a dit : le

    Merci pour le lien :)

    Pour limiter la bande passante (hotlink) pourrais tu copier héberger directement l’image gif sur ton blog ? merci ;)

  3. Posté par jthomas a dit : le

    Une très belle astuce, même si elle risque de manquer de flexibilité.

  4. Posté par Jmini a dit : le

    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…

  5. Posté par Kim Auclair a dit : le

    @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 !.

  6. Posté par Konal a dit : le

    @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.

  7. Posté par Ndeve a dit : le

    Effectivement rien de bien complexe ou compliqué. Mais efficace.

  8. Posté par Olivier a dit : le
  9. Posté par Olivier a dit : le

    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…

  10. Posté par Rattrapage de la charrette #5 | AbriCoCotier.fr a dit : le

    […] Un effet CSS pour mettre en valeur les liens […]

  11. Posté par L’actualité des mes autres blogs (Mars 2009) | FredCavazza.net a dit : le

    […] Un effet en CSS pour faciliter la lecture des liens distants ; […]

  12. Posté par Tous les articles de mars 2009 publiés par frederic cavazza | web&toiles a dit : le

    […] Un effet en CSS pour faciliter la lecture des liens distants ; […]

  13. Posté par L’actualité des mes autres blogs (Mars 2009) | MKT planet – News Web Marketing – Nouvelles Technologies a dit : le

    […] Un effet en CSS pour faciliter la lecture des liens distants ; […]

  14. Posté par Ideal » Archive du blog » L’actualité des mes autres blogs (Mars 2009) a dit : le

    […] Un effet en CSS pour faciliter la lecture des liens distants ; […]

Laisser un commentaire