J’ai testé…Bootstrap v4.0.0-alpha

Par 16 août 2015 Tests Pas de commentaire
Bootstrap_v4_alpha

J’ai testé Bootstrap version 4.0.0 alpha. J’utilise Bootstrap depuis un moment. C’est bien et rapide pour prototyper des applications ou développer des sites. Le framework dans sa version 3 est mature pour travailler en production. C’est le 4ème anniversaire de Bootstrap ! Alors que nous apporte cette mouture ?

Installation

Côté installation, toujours aussi simple, on télécharge les sources et on pointe vers les fichiers utiles au développement. Ou bien on utilise le CDN (ma préférence).

<link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css">

À l’heure du test, la version compilée (minifiée) n’est pas disponible. Mais ça va venir.

C’est une version Alpha, à ne pas utiliser en production, il reste plusieurs bugs à corriger et points à finaliser. C’est pour ça que je pointe vers le CDN car plus simple à updater quand il va falloir prendre en compte les modifications. Perso, j’utilise cette version sur des projets en tests. C’est un bon moyen pour prendre en main les nouveautés et relever les potentiels bugs. ;)) :))

Pour des tests plus poussés de certaines nouveautés il faut impérativement passer par le download des sources, utiliser Grunt, Node, la console et tout et tout. :))

Documentation

La documentation est toujours aussi claire. Plus claire même ! Elle est réorganisée, plus accessible et complétée de schémas plus compréhensibles pour un néophyte, par exemple pour le layout.

Par contre pas de nouveaux exemples à l’horizon.

La documentation est en cours d’écriture, elle sera prochainement finalisée.

Nouveautés

Plusieurs nouveautés dans Bootstrap V4 :

  • une réecriture – pratiquement complète – du framework,
  • le passage de  LESS à SASS,
  • une optimisation du système de grille basé sur rem et non plus px,
  • l’intégration de Flexbox (en option) – Flexible box,
  • une optimisation des media queries,
  • un nouveau composant, Card, remplace les composants Wells, Thumbnails, et Panels,
  • le composant navbar est simplifié,
  • un nouveau module, Reboot, pour réinialiser le HTML, basé sur Normalize mais qui va plus en profondeur dans les modifications (que Normalize.css) grâce à SASS,
  • plusieurs nouvelles options de personnalisation grâce à SASS (colors, option Flex box, transitions, rounded, shadows, spacing, grid columns etc.),
  • une réécriture complète de tous les plug-ins Javascript,
  • l’abandon du support d’IE8,
  • l’abandon de Glyphicons (suppression effective, remplacé – en cours – à prendre avec des pincettes – par Font Awesome, Octicons et recherche d’une 3ème solution – à suivre),
  • et bien d’autres nouveautés à découvrir.

Conclusion

Verdict. Je garde Bootsrap V4. J’utilise Boostrap depuis un moment, je vais m’adapter aux nouveautés de Bootstrap V4, à SASS par exemple. Je vais explorer de nouvelles pistes et continuer à utiliser Bootstrap.

Vous retrouverez mes différents tests d’utilisation de Boostrap V4 Alpha sur mon projet Github dédié au framework. Mon projet Github Bootstrap V4 va s’étoffer dans le temps grâce aux différents tests et projets que je vais réaliser avec Boostrap V4.

Nous avons quelques bonnes semaines devant nous avant la release finale.  Bonne utilisation. :))

En savoir plus sur les Flexible Box – site du W3C

Le projet Bootstrap V4 sur Github

En savoir plus sur Bootstrap V4.0.0 Alpha, la doc

La page dédiée aux nouveautés de Bootstrap V4.0.0 Alpha

L’article dédiée à Bootstrap V4.0.0 Alpha sur le blog officiel

Mon projet de test Bootstrap V4.0.0 Alpha sur Github

Laisser une réponse