10 conseils en responsive design

Le responsive design pour les designers et développeurs

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

Copyright 2012-2015 ©
Seonity du groupe Kaoxee - Siret 753 214 238 00010 - Lille