Bootstrap est un framework (ensemble d'outils et de bouts de programmes prêts à l'emploi) généreusement mis à la disposition des webmasters et des blogueurs par les équipes de Twitter. Il est disponible sur la page
. Il a été décliné pour les principaux CMS du marché, et est disponible aussi sous formes de librairies pour les aventuriers, comme nous, qui fabriquent encore leurs sites à la main, artisanalement! ;-)
Ce framework contient les feuilles de styles et les fonctions javascripts nécessaires à un rendu propre de vos pages internet dans le style twitter. Vous pouvez le personnaliser et l'adapter à volonté, sous réserve de gérer vous-même les prochaines montées de version ! Plus on s'éloigne de framework d'origine, plus les mises à jour sont complexes et risquées.
L'une des forces de bootstrap (et de la plupart de ses frameworks concurrents), est d'offrir un socle responsive design. Vous pouvez gérer vos pages internet pour tous les supports et adapter leur présentation à presque tous les écrans.
C'est de la magie?
La prise en charge multi-supports est devenue ces dernières années la pierre philosophale des développeurs web. Les CMS tels que Joomla, Drupal, Spip et autres consorts proposent tous des modules "responsive design", sans quoi ils perdraient tous leurs clients. Aujourd'hui, les sites internet qui ne s'adaptent pas à la taille de leur support font figure d'antiquités.
Image empruntée au site
templarii qui devrait se mettre à boostrap.
Mais cet outil n'est pas magique, non, et il a quand même quelques failles. Entre la version 2 et la 3, certaines restitutions réagissent différemment. Dans l'ensemble, on a une amélioration du rendu, mais attention !
Dans la version 3, j'ai constaté un changement de comportement de la classe container, très pratique pour délimiter des ensembles logiques. Si elle est contenue par un panel ou un formulaire, elle ne va plus hériter sa taille du bloc la contenant, mais de tout l'écran, débordant généreusement votre page sur la droite. c'est sale. Donc, exit les containers, jusqu'à nouvel ordre.
De même, bootstrap exploite un autre outil génial: les glyphicons. Seulement, depuis la version 25.0 de firefox, ces derniers sont mal restitués, ce qui explique que vous ne voyez pas ces sympathiques images dans unemployaid.com sous ces versions de firefox. J'ai préféré les écarter plutôt que de les voir remplacées par le numéro de code, nettement moins joli.
Ah mais unemployaid utilise Bootstrap alors?
En effet! Voilà pourquoi il est possible que sur certains écrans, vous ayez des mises en page un peu étranges. Des boutons propulsés hors des formulaires, des textes jouant la fille de l'air...
Nous sommes en train de corriger tout cela et vous livrerons une version un peu plus universelle dans quelques jours.
En attendant, nous vous remercions d'être de plus en plus nombreux à nous faire confiance. Grâce aux retours de certains utilisateurs, nous avons corrigé et amélioré certaines pages. N'hésitez pas à utiliser le formulaire de contact pour nous faire part de vos observations. L'outil est encore jeune et a besoin d'apprendre. Vous n'êtes qu'à peu près 300 utilisateurs, il nous est plus facile de développer et adapter l'outil sur la base de vos remarques que quand vous serez 10 000 ! C'est le moment d'envoyer vos doléances pour disposer d'un outil sur mesure (dans les limites de nos capacités techniques et budgétaires, bien entendu). Et sachez que souvent, en informatique, ce sont les solutions qui ont l'air les plus simples qui se révèlent les plus difficiles à mettre en oeuvre, tandis que des solutions d'apparence impossibles se révèlent réalisables en un coup de cuiller à pot!

Bonne recherche à tous et n'oubliez jamais que si un poste vous est refusé, une entreprise se prive du meilleur collaborateur que vous connaissiez!