Version Alpha de Bootstrap 4

Bootstrap 4

 

Hier, c’était l’anniversaire de Bootstrap et le même jour, ses créateurs ont lancé la version 4 de ce fameux framework.


 

Quoi de neuf ?

Les développeurs de ce framework ont apporté beaucoup de nouveaux éléments. C’est difficile de parler de tout dans ce petit « aperçu » mais nous allons essayer de souligner l’esssentiel.

Migration de Less à Sass :

Maintenant, Bootstrap se compile plus vite car il utilise Libsass.

Un système amélioré de découpage par grille :

Bootstrap fait plus attention aux utilisateurs mobiles. Selon la documentation, il est possible d’ajouter plein de choses à des endroits différents. Par exemple, c’est possible d’avoir une classe .line au lieu de .row

.line {

@include make-row();

}

Le support de Flexbox:

« L’avenir, c’est maintenant » – disent les développeurs. Aujourd’hui, il ne faut que recompiler et changer des variables pour avoir un Bootstrap basé sur Flexbox.

Les cartes : 

Certains composants (well, thumbnail, panel) ont été remplacés par des cartes (cards). Elles ont la même fonction mais font les choses de meilleure manière.

Reboot :

Tous les éléments qui servaient au découpage Cross-Browser sont regroupés dans le module Reboot (dans les configurations, dans un seul fichier).

Nouvelles options de configuration:

Maintenant, il y a plus de configurations disponibles grâce aux variables Sass.

Bootstrap Features

IE8 n’est plus à la mode. Les px ont été remplacés par les rem et em :

Si vous voulez que le site reste compatible à IE8, utilisez Bootstrap 3. Les développeurs du framework ont décidé de n’encourager que les meilleures solutions que nous offre CSS. Sans pixels, la modification de la taille des blocs devient beaucoup plus simple et plus rapide.

Tous les plugins JavaScript ont été réécrits.

Tous les plugins ont été refaits en ES6 pour utiliser toutes les possibilités de la nouvelle version de JavaScript.

Les bulles d’aide et les popovers fonctionnent encore mieux:

Pour cela, il faut remercier le projet Tether .

La documentation est plus pratique :

Elle a été refaite sur Markdown. De plus, les développeurs ont ajouté quelques plugins très utiles pour faciliter le travail avec la documentation. En outre, on dit qu’il aura un moteur de recherche bien optimisé.

Nouveaux éléments :

Le control des formulaires est plus pratique, il y a de nouvelles classes pour les marges etc.

La version 4 comprend près de 1100 commits et 120000 lignes modifiées et le travail n’est pas encore terminé.

Ci-dessous le plan de développement :

  • Lancer quelques versions Alpha;
  • 2 versions Beta ;
  • Tests ;
  • La version complète.

Bootstrap 3 :

Les développeurs ont compris leur faute avec la version 2 (une fois qu’ils ont lancé la version 3 ils ont abandonné le support de la version 2). Cette fois, ils continueront à offrir une assistance aux utilisateurs de la version 3. Ils sont prêts à améliorer la documentation et à fixer les bugs critiques.Bootstrap Themes

Attention : encore une bonne nouvelle : un nouveau projet : Official Bootstrap Themes a été lancé.

Pour l’instant il y a 3 thèmes pour $99 (dashboard, application, marketing). Chaque thème offre toutes les possibilités de Bootstrap + des exemples, des composants, des plugins, une documentation etc. Une fois acheté, le thème peut être utilisé autant de fois qu’il faut, pour tous vos projets.

Regardez au plus vite 🙂

 

Articles similaires

Pourquoi faut-il choisir le CMS Drupal pour créer un site?

Drupal - est un système de gestion du contenu, qui donne un grande nombre de possibilités pour le développement de projets web. Vous pourrez déterminer l’ensemble des droits pour chaque type d’utilisateur (administrateur, ...