Le Hollandais Volant#5481 - Introduction au responsive design : comment rendre son site responsive sans trop d’efforts ? | Soat blog
Oui, en soi c’est très simple de faire un thème responsive.
La plupart des thèmes ont une sidebar en float et un contenu principal avec un margin pour laisser la place à la sidebar.
Pour l’affichage mobile : désactivez le float sur la sidebar ET supprimez les marges.
Ensuite, réduisez les padding/margin (pour profiter du max de largeur possible) et réduisez les polices trop grande (1.2em pour titre du site, maximum).
C’est tout.
Ensuite il est toujours possible d’affiner les choses : rendre les liens plus gros et augmentez la hauteur de ligne pour les rendre plus facilement clicable au tactile, ajoutez des attributs HTML5 pour le mobile, etc.
Voir là : http://lehollandaisvolant.net/index.php?d=2012/11/24/20/37/08-css-faire-un-theme-mobile-avec-html5-et-responsive-design
(article via sebsauvage via (et rédigé par, d’ailleurs) tommy)
La plupart des thèmes ont une sidebar en float et un contenu principal avec un margin pour laisser la place à la sidebar.
Pour l’affichage mobile : désactivez le float sur la sidebar ET supprimez les marges.
Ensuite, réduisez les padding/margin (pour profiter du max de largeur possible) et réduisez les polices trop grande (1.2em pour titre du site, maximum).
C’est tout.
Ensuite il est toujours possible d’affiner les choses : rendre les liens plus gros et augmentez la hauteur de ligne pour les rendre plus facilement clicable au tactile, ajoutez des attributs HTML5 pour le mobile, etc.
Voir là : http://lehollandaisvolant.net/index.php?d=2012/11/24/20/37/08-css-faire-un-theme-mobile-avec-html5-et-responsive-design
(article via sebsauvage via (et rédigé par, d’ailleurs) tommy)