Foundation et Bootstrap sont des frameworks CSS/JS, qui permettent de créer rapidement un site ou une application web, grâce à une base de styles et de fonctionnalités JavaScript intégrés.

Il existe des frameworks moins fournis, pour démarrer avec quelque chose de plus light, comme Pure ou Gumby.

Si vous aimez les interfaces Google, vous pouvez par exemple partir sur TODC Bootstrap ou Bootplus qui sont basées sur Bootstrap.

Nous nous intéressons ici à Foundation et Boostrap, qui sont respectivement en version 5 et 3.

Compatibilité

Le problème de comptabilité vient souvent du côté d’Internet Explorer, de ce côté là, Bootstrap supporte à partir de la version 8, Foundation à partir de la version 9 (implémentation de jQuery 2).

Il faut donc prendre en compte ce paramètre avant de partir sur l’un des deux, en fonction de l’utilisateur final.

Documentation

Bonne documentation des deux côtés, avec des exemples et des templates pour partir sur une structure de page spécifique.

Il existe un bon nombre de plugins existant pour Bootstrap, créés par la communauté.

Foundation lui, dispose d’un playground où vous trouverez des plugins (responsive table par exemple) et autre bout de code.

Préprocesseurs

Pour la génération du CSS, Bootstrap utilise LESS, alors que Foundation utilise Sass/SCSS.

Ces deux préprocesseurs sont assez similaires, plusieurs sujets existent sur le web si vous voulez les comparer.

CSS/HTML

Pas beaucoup de différence à ce niveau, la plupart des éléments ont un style prédéfinis (table, navigation, pagination, button, grid, responsive).

Foundation se veut plus Flat UI avec moins d’arrondi et plus d’espace, un design un peu moins marqué que Bootstrap.

L’IconFont, qui est présent dans Bootstrap, est en cours d’implémentation dans Foundation 5, je l’ai testé manuellement ça marche plutôt bien.

Les structures HTML sont un peu moins lourdes dans certains cas pour Foundation, avec moins d’encapsulation de div.

Possibilité de faire sa sauce dans les 2 cas au niveau du design.

JavaScript

Du côté des plugins, encore une fois on retrouve plus ou moins les mêmes fonctionnalités récurrentes pour un site web : dropdown, tabs, carousel, alert.

Les plugins Foundation me paraissent plus intéressants, notamment le Modal qui permet de charger du contenu en Ajax, et d’enchaîner sur d’autres Modal.

Je noterais également le Joyride, le Lightbox, et la validation de formulaire, qui sont absent de Bootstrap.

Les autres sont globalement similaires.

Conclusion

Pour avoir essayer les deux, j’aurais plutôt tendance à partir sur Foundation, de part le choix du préprocesseur, de son design par défaut plus épuré et moins lourd en HTML, mais aussi pour les différences au niveau des plugins JavaScript.

Seul inconvénient, il ne gère pas IE8, qui est la dernière version d’Internet Explorer sous XP.

Edit : Bootstrap dispose maintenant d’une version Sass en plus de la version LESS.