Twitter Bootstrap 3 vs Foundation 4

J’ai passé beaucoup de temps à comparer Bootstrap et Foundation Framework en vu de la refonte d’un important projet. Étant convaincu que Foundation était la meilleure alternative et je me suis réjouis qu’il passe à la version 4, une version « mobile-first ». Mais en y regardant de plus près, quelques changements important comme la fin du support de IE8 et l’utilisation de la librarie javascript zepto à la place de jQuery, m’ont fait me tourner vers Bootstrap 3, la nouvelle version du framework responsive de Twitter.

Résumé de quelques fonctionnalités que chacun a à offrir

Système de grille

Bootstrap 
960 pixels non-responsive ou multi-break responsive (mobile < 768px / tablette > 768px / écran > 992px et >1200 px)
Foundation 
Single-break responsive (768px).
Création d’une grille qui inclut 2 points de break et trois grilles (petit, moyen, grand) pour Foundation 5. Cette option peut commencer à être utilisée à l’avance en vue de la future version de Foundation.

Continuer la lecture de Twitter Bootstrap 3 vs Foundation 4

Responsive web design

Le responsive web design, que l’on pourrait traduire en français par « Design web adaptable à toutes les résolutions », est la tendance du moment en ergonomie pour les différentes tailles d’écrans des différents appareils connectés à internet. Les sites web construits de cette façon sont de plus en plus fréquents.
La plupart des utilisateurs d’internet se connectent de plus en plus depuis leur mobile ou leur tablettes, certains ne se servent même plus de leur ordinateur depuis qu’il ont investi dans un iPad ou autre. Il est donc plus que jamais nécessaire que les sites web soient accessibles sur tous les types d’écrans. L’accessibilité sur tous les écrans, ordinateurs, mobiles, tablettes et télévisions connectées, permet de maximiser son audience voir d’augmenter ses ventes, ou simplement d’offrir à ses visiteurs la lisibilité des articles, informations ou produits. Chacun a certainement déjà fait l’expérience de se rendre sur un site avec son mobile et de s’en aller immédiatement car la page d’accueil est illisible. Lire la suite…