…surtout si on est pas sûr que c’est pas fait exprès…
Ainsi, est-ce que “Google design” affiche carrément son jemenfoutisme des navigateurs autres que le sien quand il montre cette page https://design.google.com/devices (mon graal d’hier) avec autant de problème d’affichage sur Firefox ?
7 ascenseurs dont 6 de trop !
Cet article est la suite de :
http://www.lespetitspois.fr/qui-nen-veut-du-pixel-part-1/
http://www.lespetitspois.fr/qui-nen-veut-du-pixel-part-2/
Et donc Google dit qu’
“Un iPhone 5 mesure 320 dips de large”.
=> est-ce que ça se calcule ?
=> ça sert à quoi de savoir ça ?
1/ Est-ce que ça se calcule ?
Bien sûr et ce n’est pas très compliqué en fin de compte:
Rappel: …continuer la lecture de Qui n’en veut du pixel ? Part.3
Le début de l’article: Qui n’en veut du pixel ? Part.1
Rappel de la définition sur Google developers :
“une mise à l’échelle des pixels de l’appareil pour correspondre à un pixel de référence uniforme avec un éloignement d’écran normal, qui doit faire à peu près la même taille sur tous les appareils. Un iPhone 5 mesure 320 dips de large.”
Je ne sais pas si c’est clair pour tout le monde… pour moi c’est pas le cas…
Une petite recherche sur “pixel indépendant des appareils” ne donne rien. Par contre avec “Device-independent pixel” on a une micro info sur le Wikipédia (anglais): …continuer la lecture de Qui n’en veut du pixel ? Part.2
Spéciale dédicace à Sylvain et Cédric
Selon Google developers, il existe 3 types de “pixel”:
- “Pixel matériel : un pixel physique à l’écran. Par exemple, un iPhone 5 possède un écran avec 640 pixels matériels horizontaux.
- Pixel indépendant des appareils (Device-independent pixel, dip) : une mise à l’échelle des pixels de l’appareil pour correspondre à un pixel de référence uniforme avec un éloignement d’écran normal, qui doit faire à peu près la même taille sur tous les appareils. Un iPhone 5 mesure 320 dips de large.
- Pixel CSS : l’unité utilisée pour la mise en page, contrôlée par la fenêtre d’affichage. Les dimensions en pixels dans les styles comme “width: 100px” sont indiquées en pixels CSS. Le rapport entre les pixels CSS et les pixels indépendants des appareils constitue le facteur d’échelle ou de zoom de la page.”
Woaw, Google mentionne “Un iPhone 5” ! Mais c’est la guerre ouverte! …continuer la lecture de Qui n’en veut du pixel ? Part.1
Quelques nouveaux (pour moi) “outils” glanés cette semaine concernant le responsive design.
Pour l’instant je collecte. Je classerai si cela devient nécessaire. Donc, en vrac:
http://www.alsacreations.com/article/lire/930-css3-media-queries.html:
Le tuto d’alsacreations sur les Media Queries CSS3
http://responsivetest.net:
Un site qui permet de tester un site sous différentes résolutions: smartphone, tablettes, portables, pc …continuer la lecture de Update outils responsive design
