En créant du contenu utilisable rapidement, la popularité des outils CSS en ligne est toujours plus croissante auprès des webdesigners. Leurs solutions utiles sont souvent complémentaires, découvrez quelques exemples pour avoir toutes les cartes en main pour bien commencer un projet web.
Primer CSS
Copiez votre HTML, Primer CSS se charge de créer pour vous une feuille de style CSS de base avec vos classes et vos ID. À tester !
CSS Frame Generator
Même principe que pour Primer CSS, coller votre HTML, le site vous génère le code CSS.
Variable Grid System
Basé sur 960.gs, utilisez l’outil pour personnaliser une grille, avec le nombre de colonnes de votre choix et la largeur des marges.
Ultimate Gradient Generator
Son nom l’indique clairement, le générateur ultime de dégradé CSS 3 est le plus complet du moment. Pour les navigateurs ne supportant pas la propriété Grandient CSS3, l’outil génère automatiquement une image.
CleanCSS
Optimisez et formatez correctement votre feuille de style. Attention à valider votre code avec d’injecter votre code dans le générateur.
CSS Shoter
Permet de faire un tri alphabétique de vos déclarations CSS.
CSS Layout Generator
Pratique pour les débutants, générez des mises en pages personnalisables en quelques clics.
CSS Drive
Un des compresseur de CSS les plus connus.
JuicyStudio / CSS Analyser
Très complet, le site de Juicy Studio permet d’analyser votre feuille de style. De la validation, jusqu’à l’analyse de vos contrastes couleurs. Pratique pour l’accessibilité par exemple.
Accessify
Créez des formulaires HTML et CSS en quelques étapes.
Et vous, que pensez-vous de ses générateurs ? Plutôt réservés aux débutants ? Ou bien même aux professionnels confirmés ?