Journal Une technique CSS sympa de Google

Posté par Antoine T le 17 avril 2009 à 19:50.

Étiquettes : aucune

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 Infernal Quack (site web personnel) le 17 avril 2009 à 20:47. É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 Colin Pitrat (site web personnel) le 17 avril 2009 à 21:05. É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 Dinofly (site web personnel) le 17 avril 2009 à 21:12. É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 Infernal Quack (site web personnel) le 17 avril 2009 à 21:16. É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 Francois G. (site web personnel) le 17 avril 2009 à 21:43. É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 LeJulien le 17 avril 2009 à 22:31. É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: Le nom de la technique
  
  Posté par Dr BG (site web personnel) le 18 avril 2009 à 12:44. Évalué à 4.
  
  Euh, sympathetic veut plus dire compatissant que sympatique. C'est un faux ami.
# Re:

Posté par mickael rameau le 19 avril 2009 à 02:39. Évalué à -2.

et le résultats est sur quel lien les amis

Suivre le flux des commentaires

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