17 générateurs de boutons gratuits.

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.

set_boutons

 

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

  • button generator : un générateur de boutons simple et complet avec de nombreux gabarits.

Bouton generateur


  • 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.

free buttons


  • 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.

bouton aaa


 

  • 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.

button_glass



  • kalsey.com
     
    : ce générateur permet de faire des boutons en deux parties. Original.

button



  • 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.

button


bouton


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.

Pour aller plus loin, je vous conseille le livre Premiers pas en CSS3 et HTML5 simple, complet pou css3 et abordable. Pour un apprentissage encore plus poussé, choisissez CSS3 Le design web moderne

 

A bientôt 😉

Les recherches qui vous ont mené ici

  • générateur de bouton (4)
  • Générateur Bouton HTML (4)
  • générateur de boutons gratuit (3)
Ces articles pourraient vous intéresser :
6 Comments

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Lire plus :
smilebox
Un logiciel de création de montages photos animés avec musique.

Vous avez des photos brutes que vous souhaiteriez partager de façon originale, par exemple en ajoutant de la musique et...

miniature thème mobile http;//outils-web.fr
4 Plugins pour créer une version mobile d’un blog WordPress

Le nombre de visiteurs provenant de smartphones ou de tablettes est de plus en plus grand. Si vous visualisez votre...

palette de couleur
5 conseils et 11 sites pour harmoniser les couleurs d’un site

Le design et les couleurs sont la première chose qu'un visiteur regarde sur un site web. Harmoniser les couleurs n'est...

Fermer