Twitter Bootstrap

0 Flares Filament.io 0 Flares ×

Ceux qui ont assisté à ma première présentation sur les outils de développement front-end connaissent twitter bootstrap. Pour ceux qui ne connaissent pas et qui font du développement web, vous devriez immédiatement jeter un œil aux possibilités offertes par ce framework HTML/CSS/JS.

Ce qu’il y a de vraiment génial avec Bootstrap c’est qu’il permet de créer un site web sans écrire une ligne de CSS et d’avoir un rendu visuel très correct très facilement pour un développeur. Ensuite, comme il a été écrit par des experts et qu’il est très facile de comprendre/copier/adapter le HTML/CSS/JS, on peut voir les bonnes pratiques sur comment structurer son code HTML/CSS, les lier ensemble et gérer simplement les interactions basiques avec le JS. Mais surtout, ce qui est réellement génial c’est tout l’écosystème qui s’est construit autour de ce framework; et c’est de ça dont je vais vous parler.

En gras, les plugins qui vallent absolument le détour (même si tous ici sont très bons :))

 Les pickers

User Interface

Thèmes

  • wrapbootstrap est une galerie de thèmes basés sur twitter bootstrap (à voir, vraiment ! )
  • BootSwatch regroupe une collection de thème déjà faits
  • Plusstrap est un thème google+ pour bootstrap
  • BootMetro est un thème métro pour bootstrap
  • Metro buttons permet de donner un style métro aux boutons bootstrap (très réussi)
  • Fbootstrap est un thème facebook

Bootstrap intégration

Builders

Ils permettent de customiser twitter bootstrap pour avoir une identité visuelle personnelle.

Autres

Pour une liste beaucoup plus complète des liens et outils utilisables directement avec twitter bootstrap, je vous conseille The Big Badass List of Twitter Bootstrap Resources. La liste de ressources de bootsnipp est aussi sympathique : http://bootsnipp.com/resources

0 Flares Twitter 0 Facebook 0 Filament.io 0 Flares ×
Cet article a été publié dans Informatique avec les mots-clefs : , , , , , , , . Bookmark the permalien. Laisser un commentaire ou faire un trackback : URL de trackback.

Laisser un commentaire

Votre e-mail ne sera jamais publié ni communiqué. Les champs obligatoires sont indiqués par *

*
*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

0 Flares Twitter 0 Facebook 0 Filament.io 0 Flares ×