Le Chemin vers l'Illumination

Sur une route sombre et lugubre gisent les reliques du passé : balises spécifiques aux navigateurs, DOM incompatibles, support CSS défaillant et navigateurs abandonnés.

Nous devons libérer notre esprit du passé. L'illumination web a été atteinte grâce aux efforts inlassables d'organisations comme le W3C, WaSP, et les créateurs de navigateurs majeurs.

Le CSS Zen Garden vous invite à vous détendre et méditer sur les leçons importantes des maîtres. Commencez à voir avec clarté. Apprenez à utiliser les techniques éprouvées de manière nouvelle et revigorante. Devenez un avec le web.

De Quoi S'agit-il ?

Il existe un besoin continu de montrer la puissance de CSS. Le Zen Garden vise à exciter, inspirer et encourager la participation. Pour commencer, visualisez quelques-uns des designs existants dans la liste. Cliquer sur l'un d'eux chargera la feuille de style dans cette même page. Le HTML reste identique, la seule chose qui a changé est le fichier CSS externe. Oui, vraiment.

CSS permet un contrôle complet et total sur le style d'un document hypertexte. La seule façon de l'illustrer d'une manière qui enthousiasme les gens est de démontrer ce qu'il peut vraiment être, une fois les rênes placées entre les mains de ceux capables de créer la beauté à partir de la structure.

Participation

Un design visuel fort a toujours été notre objectif. Vous modifiez cette page, donc de solides compétences CSS sont nécessaires aussi, mais les fichiers d'exemple sont suffisamment commentés pour que même les novices en CSS puissent les utiliser comme points de départ.

Vous pouvez modifier la feuille de style de la manière que vous souhaitez, mais pas le HTML. Cela peut sembler intimidant au début si vous n'avez jamais travaillé de cette façon auparavant, mais suivez les liens listés pour en apprendre plus, et utilisez les fichiers d'exemple comme guide.

Téléchargez les fichiers d'exemple

Commencez à créer votre propre design !

📄 HTML 🎨 CSS

Avantages

Pourquoi participer ? Pour la reconnaissance, l'inspiration, et une ressource à laquelle nous pouvons tous nous référer pour montrer aux gens à quel point CSS peut vraiment être incroyable.

🎨

Inspiration

Source d'inspiration pour ceux qui travaillent sur le web aujourd'hui

📚

Apprentissage

Outil d'apprentissage pour ceux qui le seront demain

🚀

Innovation

Galerie de techniques futures que nous pouvons tous attendre avec impatience

Exigences

Dans la mesure du possible, nous aimerions voir principalement l'utilisation de CSS 1 & 2. CSS 3 & 4 devrait être limité aux éléments largement supportés uniquement, ou de solides alternatives devraient être fournies.