J’ai déjà évoqué rapidement dans un précédent article sur les outils CSS3, HTML et JavaScript, Twitter BootStrap, boite à outils/template/Framework pour HTML/CSS/JavaScript permettant de démarrer un projet rapidement. Il inclut de base une feuille de style riche ainsi que des composants d’interface vous permettant de designer un site rapidement.
Voici quelques ressources/outils concernant Bootstrap que j’ai pu trouver sur le net :
- Bootswatch : des thèmes prêt à l’emploi
- Darkstrap : Un thème sombre
- Générateurs de thème
- JetStrap : permet de designer un site avec les éléments bootstrap en drag’n drop (en bêta)
- Font-Awesome: une police incluant les icônes de bootstrap. Quel est l’intérêt me direz vous d’utiliser une police pour des icônes au lieu d’images ? Les avantages sont multiples :
- agrandissement en augmentant la taille de la police
- modifiables via CSS (couleurs, ombres, tailles …)
- plus pratique à gérer qu’un sprite CSS
Pour en savoir plus, je vous invite à lire l’article de Raphaël Goetter sur le sujet.
- jquery-ui-bootstrap : Un thème style bootstrap pour JQuery UI
- Fuel UX : Un kit de widgets avancé
- Date range picker : Un composant de sélection de plage de date
- 2 outils du site plugolabs.com :
- Twitter bootstrap button generator : permet de générer le code html d’un bouton Bootstrap
- Custom Twitter Bootstrap Button Generator
with FamFamFam Icons : Générateur de boutons compatible Bootstrap avec icone FamFamFam
- Des thèmes Modern UI (anciennement Métro) Windows 8 : metro-bootstrapp et BootMetro