Quelques outils css3 utiles
Quelques outils CSS3 très utiles
Oui bon, ok, je l'admet, je n'arrive jamais à me rappeler de toutes les déclarations différentes et de toutes les syntaxes pour l'ensemble des effets CSS ! Voila c'est dit, mais a mon avis je ne suis pas le seul dans ce cas, hein ? Je me suis fait un petit bookmark qui va bien pour toujours avoir quelques outils indispensables sous la main, en voici quelque uns.
CSS3 Generator
Super collection des CSS3 les plus utilisés, avec une interface rapide et facile à utiliser.
http://css3generator.com/
CSS Border Radius Generator
Facon super simple de voir a quoi ressemble un border radius dans son navigateur.
http://border-radius.com/
:nth-child tester
Manière géniale de voir facilement le fonctionnement et la portée de nth-child.
http://css-tricks.com/examples/nth-child-tester/
Border image generator
Facilite beaucoup l'apprentissage du fonctionnement du filtre border-image.
http://border-image.com
Ultimate CSS Gradient Generator
La syntaxe CSS des dégradés est surement la plus compliquée du lot, mais voici un outil qui rend cette tache assez facile finalement.
http://www.colorzilla.com/gradient-editor/
Layer Styles
Un peu comme le ferait photoshop ou votre éditeur graphique préféré, mais dans votre navigateur et cela crée des CSS en plus d’être très simple a utiliser !
http://layerstyles.org/
Sprite Cow
Super pratique pour trouver l'emplacement de vos images dans vos png de sprite par exemple. c'est précis et puisque c'est rapide, ca fait gagner beaucoup de temps.
http://www.spritecow.com/
CyberCrab
Screen Check développé par CyberCrab est un outil en ligne offrant la possibilité de tester un design responsive selon différents viewports, résolutions et supports : tablette, mobile, TV, desktop.
http://cybercrab.com/screencheck/
CSS Matic
Le service est appelé CSS Matic et ses créateurs sont très connus dans le domaine de la conception Web. Il est loin le temps où nous devions coder nos CSS entièrement à la main et encore plus depuis que j'ai découvert cette interface élaborée.A tester !
http://www.cssmatic.com/
Retour a la liste