Frameworks et outils pour le Responsive Web Design

1 1 1 1 1 1 1 1 1 1 Rating 0.00 (0 Votes)
Submit to DeliciousSubmit to DiggSubmit to FacebookSubmit to Google PlusSubmit to StumbleuponSubmit to TechnoratiSubmit to TwitterSubmit to LinkedIn

Cette évolution des techniques de webdesign, d’intégration et de développement se base sur un objectif simple : un même site doit pouvoir s’adapter lui-même aux différentes résolutions d’écrans… et donc son contenu aussi ! Les colonnes par exemples peuvent s’ajuster, se déplacer, voire disparaître. Les images se redimensionnent, se replacent et il en va de même pour de nombreuses choses. Lorsque je disais que le responsive design est également une philosophie, c’est parce que cela ne s’arrête pas à quelques modifications pour que le tout s’adapte aisément mais il faut repenser toute l’approche de création d’un site Internet. En effet, on ne navigue pas sur un smartphone comme sur un ordinateur. Le but même de la visite d’un site peut différer selon que l’utilisateur soit sur un support ou un autre.

Framework

L'utilisation d'un framework permet de simplifier l'agancement lors des passages en mode mobile, tablette et desktop.

Émulateurs

Afin de tester rapidement un site en responsive design sur plusieurs terminaux, si l'on n'a pas la chance d'avoir sous la main ces derniers, il existe des émulateurs.

Mockup

Pour réaliser la phase d'ergonomie, vous pouvez utilisez les applications ci-dessous :

Exemples

Beaucoup d'exmples de sites en "Responsive Design" avec une présentation qui permet de visualiser 4 rendu.

Compatibilité

Quelques scripts de compatibilité qui pallient à l'absence des media queries lorsque les navigateurs n'implémentent pas les CSS3.

Submit to DeliciousSubmit to DiggSubmit to FacebookSubmit to Google PlusSubmit to StumbleuponSubmit to TechnoratiSubmit to TwitterSubmit to LinkedIn