responsive design des sites web
536 hit(s)](enregistré le 07/07/2015) Classement dans 'Informatique-programation'

test site responsive  https://www.google.com/webmasters/tools/mobile-friendly/?hl=fr&url=http%3A%2F%2Fles-racines-du-ciel.com%2F

 

https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/responsive-design?hl=fr

 

 

pour qooqle : https://varvy.com/mobile/legible-font-size.html

 

Google recommends 2 the following when it comes to font and responsive design:

  • Use a base font size of 16 CSS pixels. Adjust the size as needed based on properties of the font being used.
  • Use sizes relative to the base size to define the typographic scale.
  • Text needs vertical space between its characters and may need to be adjusted for each font. The general recommendation is to use the browser default line-height of 1.2em.
  • Restrict the number of fonts used and the typographic scale: too many fonts and font sizes lead to messy and overly complex page layouts.

 

 http://www.simpleweb.fr/2013/03/29/recommandations-de-taille-pour-les-elements-dinterfaces-mobiles/

Au final, l’article se termine par des recommandations précises sur le formatage des éléments d’interface :

  • hauteur minimum des textes et icônes respectivement de 1,4 et 2,1 mm pour un feature phone ; 2,1 et 2,8 mm pour un smartphone ; 2,8 et 3,5 pour une tablette ;
  • hauteur recommandée de 8 mm pour une zone d’interaction sur un bouton (minimum 6 mm et maximum 15 mm) ;
  • espacement recommandé de 10 mm entre deux éléments (minimum 8 mm).