Icone_actu Actu Icone_creative Creative Icone_bdw Blog Du Webdesign Icone_emploi Emploi BDW

20 outils et générateurs pour le CSS et CSS 3 en ligne

by Ginet Vincent - le 06/05/2011

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
  • 3

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

css3 generator

Patternify

patternify créez vos trames facilement

Ultimate CSS Gradient Generator

gradient-editor

Westciv

Tools CSS3

css3 maker

css3 maker

 

Structure et composition d'une page web


Layouts ironmyers

Layouts CSS

The 1KB CSS Grid

1k grid layout

html-ipsum

Html Ipsum

Navigation Tabs

Navigation Tabs

Couleurs


Kuler by Adobe

Kuler by Adobe

Oto255

Oto255

ColorExplorer

Color Explorer

DeGraeve

DeGraeve

 

Typographie et @Font Face


CssTypeset

css typeset

Font face generator

Font face generator

Lorem ipsum

Lorem ipsum

 

 

Optimiser son CSS


Procssor

procssor

Css usage Module FireFox

Css usage

CleanCSS

Clean CSS

Bonus

 

Lorempixum

lorempixum

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
  • 3
37b908b3fc2ef97244b19c7e24313a3b Auteur : Ginet Vincent voir son blog

Passionné par le Web, les Arts Graphiques et les installations numériques, je travaille actuellement dans l'agence Dezup que nous avons créé avec l'équipe du BlogDuWebdesign J'interviens dans dif...

5commentaires

  • 1381
    Joao Oliveira

    le 06/05/11| #1

    Très utile !
    Merci

  • Bc30e844f6eb0c1ee24c47dc0a6a626b
    Generique

    le 06/05/11| #2

    Merci infiniment pour le partage!!

  • 160
    Mathias Coutant

    le 07/05/11| #3

    Une très belle liste de ressources je dois dire ;) félicitation belle trouvaille.

  • 9485693fdda7719fb3e227d6f06e1556
    Arnaud

    le 10/05/11| #4

    Merci pour ces outils :)

  • 9dc31f90fcd1504413cdd652fe527371
    Vincent Ouvrat

    le 16/06/11| #5

    Super liste de ressources. Et hop dans les favoris.

Ecrire un commentaire