Si comme moi vous tentez de maitriser le responsive design pour produire des sites auto-adaptable a (presque) tous les types d’écrans alors cette infographie va vous plaire.
Ces 10 conseils ne feront pas le travail a votre place mais si vous maitrisez et respectez ces étapes cruciales alors le plus dur sera fait…
Petit récapitulatif :
- Créer une mise en page simple
- Utiliser les media queries
- Définition des point de rupture majeurs
- Mise en page flexible
- Ne pas fixer les tailles d’images
- N’oubliez pas le MAX et le MIN
- Pensez en relative ( et non en absolue)
- Linéarisez les version mobile(ou petit écran)
- Supprimer le superflue pour les mobiles
- Vérifier le meta VIEWPORT
Jeu de briques
Snake
Pacman
Bubble