On ne peut pas encore dire que le CSS 3 s’impose en webdesign, mais heureusement il gagne petit à petit du terrain. Pour éviter de créer tous vos effets « à la main », je vous propose une sélection d’outils utiles pour travailler mieux et plus vite.

Au début pour certains effets, il vaut mieux posséder une cheat sheet CSS3 pour se rapeller de l’ordre des propriétés. Pour aller plus vite, des sites comme ceux ci-dessous peuvent réellement vous aider…

CSS Gradient Générator :

Pour des dégradé CSS en quelques clics de souris.

CSS Transform :

Les effets de transform en live.

CSS Tricks – Button Maker

Outil de création de bouton full CSS, bien réalisé.

CSS 3 Please

Amusez-vous avec les propriétés pour voir l’effet directement sur un blog. Tout est à porté de main.

CSS 3 Gradient

Une vidéo pour comprendre les dégradés.

10 boutons CSS 3

10 modèles de boutons pour vos sites.

CSS 3 – cubes 3D

Expériences en avec les propriétés 3D.

CSS 3 – Menu elastique

Menu élastique au passage de la souris

CSS 3 – Comparateur de formules

Vraiment bien réalisé, le survol met bien en avant la formule choisie.

CSS 3 – Comparateur de formules

Déjà vu mais toujours bien, une « galerie de photo » 100% sans Javascript

CSS 3 – Miniatures photos

Cliquez, survolez, réorganisez…De nombreuses possibilités s’offrent à vous alors n’hésitez pas à vous déchainer !

Depuis cet été, les tutoriels sur le CSS 3 se font de plus en plus nombreux. Découvrez un tuto proposé par Tutorialzine pour créer une galerie avec CSS3, PHP et Jquery.

Je ferai prochainement un article pour vous apporter des éléments de réponses sur le développement de CSS 3 et son utilisation à l’heure actuelle en terme de webdesign. En attendant, je vous invite à découvrir le tutoriel de Tutorialzine (en anglais…) et à mettre les mains dans le code !