Le concours CSS1K tente le retour aux sources...

06 Juillet 2011

Les sites web sont de plus en plus lourd et embarquent énormément de code CSS qui est bien souvent inutile mais surtout beaucoup d'images qui plombent généralement les performances des sites-web. Le concours CSS1K, qui suit la tendance des concours à base de 1ko de code, est le premier concours du genre qui touche au CSS mais il a un objectif plus honorable qu'un simple concours...

Le postulat de départ

Comme je le disais en intro, les sites sont de plus en plus lourds, ce sont les archives du net qui le disent : le poids moyen des CSS pour les sites les plus populaires est de 28ko et en moyenne les pages contiennent environ 50 images...

En 2003, David Shea a lancé le CSS Zen Garden qui montrait ce que l'on pouvait faire avec des CSS. Je me souviens lors de mes débuts avec PHP4 et MySQL avoir passé énormément de temps à m'inspirer de ce qui pouvait être fait en CSS. Le "jardin du CSS Zen" a ouvert la voie des possibilité des CSS à une époque ou il n'y avait pas toutes les propriétés que nous avons aujourd'hui.

Pourtant le site du jardin n'a pas changé depuis et le design n'a toujours pas vieilli 8 ans après...

Capture du CSS Zen Garden

Le concours

A partir de cette idée originale du CSS Zen Garden et des différents concours à base de 1ko de code, le concours CSS1K est né. L'objectif défini par Jacob Rask (développeur pour Opéra) est on ne peut plus simple, il faut créer un design pour le site du concours avec une feuille de style qui ne doit pas dépasser 1024 octets une fois le fichier minifié.

Ca a l'air simple comme ça, mais une fois que l'on pense que cela ne fait que 1024 caractères, on se rend compte de la difficulté de l'exercice. D'autant plus qu'il y a des règles qui empêche d'utiliser les Data URIs, les imports, les font-face. Il faut faire du design basique et tirer parti des propriété CSS3 qui n'existaient pas avant. Pour participer il suffit de forker le projet CSS1K sur GitHub qui a été créé pour le concours.

Bref, y'a de quoi s'amuser avec ce petit concours sans grande prétention, comme je les aime, du coup il y a pas mal de monde qui a proposé un design, il y en a 41 pour l'instant. Mon design préféré pour l'instant est celui de GeoCities, presque comme en 2003.

Ce petit concours me donnerai presque envie de réinstaller CSSEdit sur mon Mac...

Twitter du concours : @CSS1K Github du concours : CSS1K

Charger les commentaires…