29 août 2014

Bootstrap est un framework (cadre de développement) front office HTML, CSS (feuilles de style) & Javascript (jQuery) devenu très populaire car il permet notamment de développer assez simplement des sites orientés mobiles / responsive (Responsive Web Design – RWD).

Transylvania Consulting a largement adopté le développement de sites responsive grace à Bootstrap, voici pourquoi:

Points fort fonctionnels de Bootstrap:

1 – Boostrap permet de développer des sites en responsive design, donc tout à fait dans l’esprit mobile.
2 – Il permet de développer assez simplement des sites « wide », d’une grande largeur (1200 pixels)

Points forts techniques:

3 – Gestion simple et rapide de l’architecture d’une page ; code CSS organisé, structuré (gain de temps lors de la création des pages)
4 – Bootstrap propose aussi des plugins jQuery pertinents et utiles
5 – La grille (grid) peut être fixe ou fluide
6 – Bootstrap fonctionne sur tout type de technologie ou d’environnement serveur
7 – Il est compatible avec les divers types de navigateurs (sauf peut être les antiques versions d’IE n’intégrant pas les standards du domaine ; tabler sur IE 8 et suivants)
8 – Il dispose de plus de 90 % des composants les plus utilisés par les développeurs web, ce qui facilite grandement le travail.

Bootstrap est de plus en plus répandu:

9 – Il est de plus en plus intégré aux CMS et Solutions e-commerce Open Source (PrestaShop 1.6, thèmes WordPress…)
10 – Bootstrap dispose d’une vaste communauté, ce qui donne accès à une variété de composants supplémentaires
11 – Evolutions régulières de Bootstrap

Bref Bootstrap est un outil puissant, même si, rançon du concept, parfois un peu lourd.
Dans certains cas précis il pourra être préférable d’utiliser directement les Media Query pour obtenir les résultats souhaités au niveau Responsive Web Design.
Attention aussi à ajouter une couche de personnalisation des CSS pour éviter que les sites réalisés ne soient trop « bateau».

PS : Un merci spécial à Anne (une de nos utilisatrices convaincues…) pour son aide comme toujours très « responsive » dans la préparation de cette synthèse sur Bootstrap 😉
Elle peut apporter davantage d’infos aux puristes qui se tâteraient encore concernant le choix (ou non) de ce framework. C’est la 12e raison…