Une seule ligne CSS pour tout changer...

[Nicolas]

Hello,

Je suis tombé sur ce site, je l'ai trouvé assez intéressant car il montre bien que si l'on maitrise bien les propriétés CSS il y a de vraie possibilité d'habillage de vos pages avec une ou quelques lignes de code.

Voici le site

1-Line Layouts

Pour chaque exemple il y a un Codepen correspondant pour voir le code complet et éventuellement l'adapter.

Rien que dans le premier exemple j'ai découvert la propriété contenteditable qui permet de rendre une <div> ou autre "box" éditable côté navigateur !

Il y a une vidéo également,

 

[Cascadeur]

Le site en lui-même est carrément génial !
La façon de présenter chaque fonction CSS c'est du travail d'orfèvre, pourtant le code source n'est pas énorme, ni le fichier JS... D'ailleurs je me demande s'il ne manque pas quelque chose dans l'affaire mais je ne vois pas d'autre script.

Mais vraiment c'est super bien foutu !

 

[LaPomme]

Super site, très bien foutu effectivement mais surtout instructif.
J'ai souvent sous-estimé CSS alors que c'est assez puissant pour une multitude de chose.

Merci Nicolas