PUBLIC MARKS from eledo34 with tag boutons

Des boutons extensibles avec contenu riche avec #jQuery

Ce nouveau Framework CSS3 de boutons est parfait pour vos sites web, blogs et projets web. Il vous est ainsi enfin possible d'intégrer des boutons personnalisés facile à utiliser et à comprendre. Trois styles de boutons différents, ainsi que quelques paramètres pour dynamiser l'apparence des boutons.

Les ressources présentées sur Designmoo sont magnifiques et ont fait l’objet d’un travail soigné. Ces ressources sont classées en 9 catégories : Web Layout UI Elements Graphics Patterns Icons Textures Emails Newsletter layout Illustrations Fonts

Une longue liste à afficher? Un manque de place? VerticlaSlider va pouvoir vous aider. Ce plugin JQuery fait s’aficher une liste d’une façon plutôt élégante. Mode d’emploi… Comme d’habitude, on va commencer par inclure jquery et les copains :

jQuery radioSwitch est un plugin créé par Ammon Casey dont l’objectif est de transformer des boutonsradio HTML en superbes Sliders d’un coup de magie CSS3 et Javascript. Il suffit d’envelopper les boutons radio avec un container sur lequel s’effectuera l’appel de la fonction. Chaque bouton radio doit posséder un label avec l’attribut for pointant vers l’identifiant du bouton correspondant.

Xbizstudio est un tout jeune site qui à pour but d'offrir en libre téléchargement des ressources pour webdesigner, créateurs de sites Internet ou simple utilisateurs d'outils graphiques et web (icones, brushes pour photoshop, patterns pour backgrounds de sites, palettes d'association de couleur, menu css, logos, polices de caractères, boutons divers et variés, headers de sites, ...). Tous les éléments de Xbizstudio sont libres de droits mais sont gérés par une licence Creative Common.

http://mtnconcept.com/free-tools/ : Button Download est un site proposant 24 ressources PSD et PNG gratuites. Bien que ce site ne propose que peu de ressources, je l’ai tout de même retenu car chaque bouton a fait l’objet d’un travail très soigné… La qualité primant sur la quantité ! De plus, vous serez en mesure de personnaliser ces boutons très aisément après avoir télécharger le fichier PSD. Ce qui implique de posséder Photoshop… Seul bémol, la police de caractère utilisée n’est pas fourni avec l’archive… mais rien de rédhibitoire…

Voici un article qui vous permettra de mettre en place des boutons accessible, redimentionnable et sympa visuellement grâce à un petit png et à un peu de css. C'est complet, bien expliqué et totallement indispensable.