Bootstrap, from Twitter

1

bootstrap, from twitter

L’utilisation des frameworks en développement est quelque chose de très courant, les plus connus en PHP étant Zend Framework et Symfony. Ces outils permettent de développer plus vite, facilement et simplement, des applications très complexes.

Des solutions semblables existent pour le frontend ; des frameworks html, l’objet de ce billet.

Donc, Bootstrap est un Framework html développé et maintenu par Twitter, la version 2 est sortie il y a quelques semaines apportant son lot d’améliorations et de nouveautés.

Conçu au tour de HTML5 et CSS3, totalement open source, ce framework a pour but d’éviter au développeur de coder lui-même certains aspects contribuant à l’enrichissement de l’application, et de se focaliser sur les fonctionnalités spécifiques à cette dernière. Cela garantit ainsi à l’utilisateur final une expérience de navigation riche, fluide et agréable, tout en minimisant les coûts de développement.

Principaux points clés du framework :

  • accessible à tous, que vous soyez professionnel ou amateur, codeur du dimanche ou « cador » du JS ou de la CSS, ce framework est fait pour vous.
  • compatibles tous navigateurs. Initialement compatible avec les navigateurs récents seulement, il est maintenant compatible avec la plupart des navigateurs actuels (même IE7), pour IE6 c’est pas trop ça, mais bon c’est un peu normal (faut pas trop pousser non plus^^). La version 2 apporte même une compatibilité mobile (smartphones et tablettes).
  • responsive design. C’est à la mode, et de toute façon c’est un peu obligé vu que la compatibilité mobile débarque, vous pouvez consulter notre article sur le sujet
  • plugin jQuery spécifiques. Des plugins conçus pour le framework, de quoi garantir des applications faciles à développer, propres et extensibles.

Principales fonctionnalité offertes par ce framework :

  • système de grille complet (totalement en div) jusqu’à 12 colonnes avec adaptation automatique en fonction de la largeur de l’écran, et avec 2 layouts à largeur fixe ou fluide.
  • style prédéfinie pour une multitude de balises HTML(5)
  • compatible Google Prettify pour afficher du code source colorié
  • tableaux avec styles prédéfinis simplifiant leur skin
  • formulaires optimisés avec gestion des différents états (erreur, notification, success, etc.)
  • boutons de différents styles, couleurs, tailles, etc.
  • un large choix d’icônes regroupées dans un seul sprite, ou, comment joindre l’utile à l’agréable
  • boutons avec listes déroulantes intégrées et groupes de boutons
  • navigations, tabulations et accordéons
  • breadcrumb en simple ul li
  • pagination
  • boites de d’alerte
  • barres de progression
  • et plein d’autres fonctionnalités que je vous laisse découvrir par vous-même.


Et pour finir, un mot sur LESS. En effet, Bootstrap est conçu avec LESS, pour des css plus fun et plus dynamiques (utilisation des variables, mixins, fonctions, etc.)

Et en bonus, voici le lien vers un autre framework que j’apprécie bien, personnellement, mais qui est moins complet que Bootstrap : G5 Framework.

Charger les commentaires

1

Commentaire

Laissez un commentaire :

  • (will not be published)