Journal Une technique CSS sympa de Google

Posté par .
Tags : aucun
16
17
avr.
2009
Salut,

J'ai fait un peu d'ingénierie inverse sur une feuille de style d'un thème d'iGoogle.

Leur technique CSS me parait vraiment bien pour permettre à un site enrichi d'images d'avoir un bon aspect quelque soit la résolution de l'écran de l'internaute.

C'est une technique basée sur des background-image répétées horizontalement.

Vous trouverez tous les détails sur ce billet sur cette technique CSS de Google.

Antoine T

PS : j'ai initialement posté cette info sur le forum développement web de linuxfr, mais comme j'ai eu en retour "Pour une fois, une entrée de forum qui mériterait un journal !"... ;-)
  • # Comme d'habitude, un journal qui aurait mieux sa place dans les forums

    Posté par (page perso) . Évalué à 10.

    /o\ Pas taper !

    L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire

  • # Pas compris ...

    Posté par (page perso) . Évalué à 3.

    Je suis le seul à ne pas comprendre, à la simple lecture de l'article, comment les raccords entre les images peuvent être bon quelle que soit la largeur de la fenêtre ?
    • [^] # Re: Pas compris ...

      Posté par (page perso) . Évalué à 2.

      C'est parce que les deux images de fond sont centrées horizontalement, point important qui est mentionné pour wrap-front mais pas pour wrap-behind. Ce n'est indiqué que dans le code CSS mais ça manque à l'explication dans l'article.
    • [^] # Re: Pas compris ...

      Posté par (page perso) . Évalué à 3.

      2 points importants :
      - l'image de fond et celle de devant sont centrés
      - l'image de devant est de taille 2n+1 par rapport à celle du fond. (n=1 dans le cas présent).

      L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire

  • # Si tu aimes les CSS...

    Posté par (page perso) . Évalué à 3.

    Je te conseille ce concours de CSS.
    http://www.csszengarden.com
    Il y a des exemples très impressionnants. Tant au niveau esthetique que technique.
    http://www.csszengarden.com/?cssfile=202/202.css
    http://www.csszengarden.com/tr/francais/?cssfile=/208/208.cs(...)
  • # Le nom de la technique

    Posté par . Évalué à 2.

    Merci d'avoir partagé cette expérience avec nous.

    PS : Honnêtement, je ne sais pas si cette technique CSS porte un nom. Si c’est le cas, merci de la noter en commentaires … :-)

    ça ne serait pas "Sympathetic Google's CSS " ;)
  • # Re:

    Posté par . Évalué à -2.

    et le résultats est sur quel lien les amis

Suivre le flux des commentaires

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.