10 conseils en responsive design

Le responsive design pour les designers et développeurs

Posté le 8 décembre 2012 Infographie
Le responsive design pour les designers et développeurs
Scoop.it

Splio présente une infographie des 10 choses à savoir dans le domaine du responsive design pour les web designers et développeurs. L'adaptation des sites sur différents supports (smartphones, tablettes tactiles…) pour réorganiser le contenu selon la taille de l'écran de l’appareil. Compte tenu de l’explosion de la naviguation sur les mobiles, les sites sont contraint de s'adapter...

  • Simplifier la mise en page avec le bannissement des DIV superflus, floats inutiles...
  • Les medias queries avec un Design adaptif selon la résolution de l'écran
  • Definir les paliers des résolutions d'écran dont certains sont indispensables
  • Mise en page flexible et fluide avec un width relatif plutôt que fixe
  • Les images s’adaptent aux différents terminaux avec des techniques
  • Un minimum et maximum d'adaptation pour éviter le design de trop s'élargir
  • Définir une unité au début du contenu et l’utiliser pour calculer le reste
  • Lineariser les blocs sur mobiles pour n'avoir qu'une colonne
  • Supprimer l'inutile pour éviter une colonne trop longue pour un affichage sur mobiles
  • Balise meta viewport device-width pour simuler l'affichage en largeur dans le navigateur

Infographie Splio 10 petits conseils en responsive design

Scoop.it

comments powered by Disqus