Le domaine de l’intégration et de la mise en page en CSS ou CSS 3 demande souvent un travail répétitif. On se retrouve généralement à réutiliser les même lignes de code. Pour faciliter le travail de mise en page, beaucoup de créatifs ont développé des outils ou générateurs en ligne.

Découvrez une sélection de 20 outils qui vous serviront à gagner du temps lors de vos intégrations. Nous avons classé ces outils et générateur de CSS en différentes rubriques avec :

• 1. Les effets CSS
• 2. Structure et composition d’une page web
• 3. La couleur
• 4. La typographie
• 5. Optimiser son CSS

L’ensemble de ces applications en ligne possèdent une interface simple à prendre en main, et donne pour la plupart un code compatible avec les différents navigateurs.

Vous trouverez un petit bonus à la fin de l’article, qui a fait le tour du web il y a quelques semaines 😉

Les générateurs d’effets CSS

css3 generator

Patternify

Ultimate CSS Gradient Generator

Westciv

css3 maker

Structure et composition d’une page web

Layouts ironmyers

The 1KB CSS Grid

html-ipsum

Navigation Tabs

Couleurs

Kuler by Adobe

Oto255

ColorExplorer

DeGraeve

Typographie et @Font Face

 

CssTypeset

Font face generator

Lorem ipsum

Optimiser son CSS

Procssor

Css usage Module FireFox

CleanCSS

Bonus

Lorempixum