Il existe plusieurs manières de créer un bouton dans une page web. On peut utiliser une image sur laquelle on place un lien. Cette technique est encore largement utilisée. Aujourd’hui, on lui préfère le HTML5 et les CSS3 pour styliser de jolis boutons colorés. Les coins arrondis et autres propriétés CSS3 étant maintenant bien reconnues par les navigateurs, cette méthode peut être utilisée sans trop de problèmes. Les frameworks CSS utilisent ces propriétés proposer de jolies collections de boutons. Vous trouverez dans cet article, une série de liens vers : 1- des générateurs de boutons CSS3. 2- des générateurs de boutons images.
1- des générateurs de boutons CSS3.
- Bestcssbuttongenerator : très complet, ce générateur est paramétrable à souhait. L plus vient de la possibilité de l’intégrer à Google Chrome sous forme d’application.
- Css3 button generator : un générateur de bouton CSS3 placer sur un lien.
- Button optimizer : Du même genre que le précédent, mais encore plus complet. En plus du code CSS, une version image du bouton est disponible. Un must.
- Css3 button : un générateur de bouton CSS3 très bien fait qui s’intègre sur une balise button. A tester.
- Generateur de boutons css3 : un bon générateur dont le code est à placer sur une balsie button.
- Css gradient button : un générateur très simple de boutons avec dégradé. Le bouton s’intègre sur une balise span.
2- des générateurs de boutons images.
- dabuttonfactory : un très bon générateur de boutons type bootstrap (voir framework css ci-dessus) mais avec des images png.
- button generator : un générateur de boutons simple et complet avec de nombreux gabarits.
- free buttons : ce générateur a la particularité d’offrir une série de boutons pour un même thème. cela peut être intéressant pour construire un site complet.
flashbuttons.com Un générateur de boutons flash. Simple et rapide d’utilisation. A voir, même si le flash n’est peut-être pas nécessaire pour des boutons.
aaa-buttons.com encore un générateur simple et sympa. Pas mal de gabarits avec l’ajout d’ombre et de textes possible.
- buttonland.com: boutonland est le jardiland du bouton :). C’est plutôt une banque de boutons web plutôt qu’un générateur.
- glassybuttons.com un générateur de bouton très complet qui offre un ensemble d’images et des css pour les animer. Il faut un epu s’y connaître.
- kalsey.com : ce générateur permet de faire des boutons en deux parties. Original.
- freewebsitebuttons : une banque de boutons non personnalisables.
- makebutton.com : un générateur pas mal du tout. Pas trop de choix dans les templates, mais une personnalisation descourleurs et de la taille, avec un drégradé. Au final, c’est pas mal.
- coolarchive.com/buttonmaker : un générateur de boutons assez particuliers.Intéressant.
Le petit tour des générateurs de boutons du web est terminé. Il en existe d’autres, mais avec cela vous pourrez déjà faire beaucoup de jolis boutons pour sites web.
A bientôt ;)