Composants CSS

Composants pour améliorer et simplifier le design de vos pages Web sans recourir à un framework JavaScript.

Elles peuvent être personnalisées sans framework.

Comment aligner des vignettes et du texte verticalement, avec un code minimal, grâce à une feuille de style.

Pour aligner des vignettes avec un commentaire, grâce à un code CSS compatible avec tous les navigateurs.

Cette propriété CSS 3 qui ajoute une ombre aux caractères, est implémentée sous tous les navigateurs sauf IE 6 à 8 qui utilisent un filtre.

On personnalise les bulles d'information pour choisir leur apparence et aussi leur contenu, avec des images, des titres.

Columnal. Conception en multiples colonnes mais fluide, il devient minimal avec une seule colonne sur les écrans réduits des mobiles.
1140grid. Template similaire.
Skeleton. Template fluide avec une ou plusieurs colonnes selon la taille de l'écran. Onglets, boutons personalisés, etc. Utilise jQuery. Sur Github.

Créer une ombre en ligne.
Créer une box-shadow de façon interactive et récupérer le code CSS.
Tracer des formes en CSS. Cercle, étoile, coeur, tout peut être fait en CSS.
The expressive Web. Des démonstrations CSS 3 et HTML 5 par Adobe.
Alice. Démonstrations des capacités de CSS.
Navigation avec pop-up. Voir la démonstration de cet effet graphique.
CSS Dock. Le dock d'OS X d'Apple en pur CSS! A télécharger sur GitHub. Une autre version.

Closure Stylesheet. Logiciel Java qui étend CSS avec des variables et des fonctions.
Les outils du web design.

Pourquoi se compliquer la vie?