CSS Layout est un site regroupant des dizaines de codes CSS d'éléments que l'on retrouve sur beaucoup de sites (accordéon, avatar, badge, tableau, etc...).

Développé par l'excellent @nghuuphuoc, qui a également produit l'excellent 1loc.dev (des dizaines de codes Javascript utiles en une seule ligne), CSS Layout contient plus de cent exemples de codes CSS représentants des éléments classiques ou des mises en page.

Si vous souhaitez ajouter sur votre site un élément avatar, une navigation par onglet, une timeline, ou d'autres éléments, vous trouverez certainement votre bonheur sur CSS Layout.

Les codes CSS et HTML sont disponibles sur la fiche de l'élément et un exemple du rendu est disponible.

Très complet pour comprendre comment créer certains éléments, CSS Layout vous aidera sans doute dans la réalisation de votre site.

Le code de CSS Layout est disponible sur Github.