Webdesign

Mondrian et la CSS

Écrit par le 17 décembre 2008
7Commentaires

mondrian_1.jpgRécemment j’ai eu à expliquer comment faire une feuille de style (CSS) à quelqu’un. Je lui expliquais qu’il n’était question au début que de mettre des petits rectangles dans des grands. Un peu comme replacer des sucres dans une boites, ou mieux des aimants dans une boite en fer.

Pour mettre cela en application, il m’est venu l’idée de recréer une œuvre de Mondrian sans aucune image, juste avec un peu de code. Cela m’a semblé plus visuel et cela s’avère être un bon exercice d’apprentissage de la CSS, (suivront d’ailleurs des tutoriels à partir de ce thème).

La première image que j’ai trouvé sur le net m’a parut idéale. Si ce n’est que les bordures ne vont pas jusqu’au bout. Qu’importe, j’avais commencé, je l’ai donc fini en respectant ces “contraintes”.

Les évolution de la CSS nous permettrons peut être un jour de faire autre chose que des blocks carrés ou rectangulaires. Lorsque cela arrivera je m’attaquerais peut être à Guernica.

Les commentaires

#1
Le 17/12/2008

par Panix

Hum, il semble que sous IE6 notre Mondrian se soit heurté à Guernica :
http://panixdrawings.com/comments/mondrian.jpg
Pourquoi ne pas avoir placé tes aplats de couleur en absolu ?

#2
Le 17/12/2008

par Alexandre

IE6 m’ennuie profondément, au point de l’oublier parfois.
Combien de temps encore allons-nous supporter cette horrible chose ?

Ca marche très bien avec tous les autres navigateurs (IE7 compris !)
😡

#3
Le 17/12/2008

par Panix

Malheureusement, encore trop d’amateurs d’art utilisent ce navigateur. La bataille de la compatibilité est loin d’être gagnée…

#4
Le 19/12/2008

par Sabina

Vraiment trop bon cet exercice ! Très inspirant aussi ! Bravo pour le concept !

#5
Le 19/12/2008

par Alexandre

Content que cela te plaise Sabina.
Tu peux essayer aussi sur une autre œuvre et tu nous envoies le lien de ton travail.
:smile:

#6
Le 11/01/2009

par Chris

Ah IE une grande histoire d’amour avec les webeux 😆

#7
Le 11/01/2009

par Alexandre Mauric

:roll: Tout à fait Chris ! 😆

Commenter

Suivez-nous

Agence communication, création sites internet & webmarketing
  • emandarine
  • Agence de Communication & Webmarketing

Catégories

Cliquez sur la flèche pour dérouler la liste des catégories
Flèche

Des articles liés