CSSWarp : un générateur de CSS3 pour vos textes
Tweet
Dans la continuité de l’article d’Emeline sur le générateur de CSS : CSS3Please, j’ai le plaisir de vous présenter (si ça n’a pas déjà été fait) CSSWarp : un autre générateur de CSS, très user-friendly, exclusivement destiné à mettre en forme vos textes html à la sauce CSS3.
CSSWarp a été elaboré par un designer/développeur allemand, Dirk Weber, que vous retrouverez sur son blog eleqtriq. On peut déjà applaudir notre généreux ami pour son interface, si intuitive, soignée, et redoutablement efficace (et son talent un peu énervant, il faut avouer).
Même si, au final, vous appliquerez certainement (ou pas) à vos textes html des styles CSS plus sobres, subtils et mesurés, l’outil à lui seul vaut le détour pour tout webdesigner ou développeur front office qui se respecte. L’interface à elle-seule est intéressante à décortiquer, pour les amoureux du javascript, tout comme le code généré, qui vous en apprendra certainement beaucoup sur les CSS3 et vous fournira au passage quelques astuces cross-browsers.
Avis aux boycotteurs, notez que le code généré est par défaut compatible IE9, Opera, Firefox et Webkit, mais qu’il peut, au besoin, ne l’être que pour une sélection de navigateurs de votre choix parmi ceux-ci.
- csswarp.eleqtriq.com [le site de l'outil, évidemment]
- www.eleqtriq.com/ [le blog de l'auteur, ça va sans dire]
- ww3.advancedcreation.fr…csswarp-donnez-du-style-css-a-votre-texte
[un article plus détaillé par Morgane sur advancedcreation.fr à propos de notre chouette outil, avec captures, explications et vidéo]
Dans le même esprit :
- CSS3 Generator
[Un autre générateur de CSS3 pour les styles les plus utilisés, comme les border-radius, box-shadow, gradient, opacity... Bien pratique. Encore un merci à Morgane pour ce tuyau! Pour plus de détail sur l'outil, je vous invite chez elle (si je puis me permettre)] - border-radius.com
[Comme le laisse deviner son nom, ce générateur se limite à vous donner la syntaxe d'un border-radius cross-plateforme selon votre petit réglage. Il peut paraître un peu limité par rapport aux précédents, mais il est si simple et direct qu'il nous donner envie d'y revenir, quand notre mémoire nous fait défaut...]
A propos de l'auteur
Samuel est webdesigner au sein d'une web agency roubaisienne, et sévit en métropole Lilloise depuis quelques années. Co-fondateur d'ikomeo, il est passionné de graphisme et d'intégration web. Il parle couramment le CSS et le jQuery, et a des affinités un peu floues avec les développeurs...
Continuez votre lecture
Css3Please sera sans doute le nouvel allié des intégrateurs ! Ce générateur de css3 vous permet ...
Face à la recrudescence des smartphones et autres machins mobiles en 3G, il devient de plus en p ...
Marre des polices système sur vos sites web ? Vous avez essayé divers outils un peu dans tous le ...
Vos clients n'ont-ils jamais été pris de panique en voyant la maquette que vous leur présentez p ...
Annoncé lors de l'Adobe Max 2010, Adobe Edge est disponible depuis aujourd'hui en téléchargement ...
Fubiz
Make Better Websites
Pattern Tap
Presse-Citron
Smashing Magazine
Fitéo
Bonjour Samuel,
Merci pour votre lien
Il existe un autre générateur de css3 qui a lui aussi une interface vachement sympa : CSS3 GENERATOR
http://ww3.advancedcreation.fr/webdesignmag/logiciels/16-03-2011-css3-generator-generer-du-css3-sans-toucher-a-une-feuille-de-style
En tout cas c’est toujours agréable de vous lire =D
Mais dites-donc, c’est vrai qu’il est chouette, aussi, celui-là! Simple et pratique. Je bookmarque ça immédiatement.
ça mérite même un petit update d’article!
Merci !