On reste dans le “pois” avec http://semanticresponsiveillustration.com
=> C’est écrit “responsive” dans l’URL. Cette page est donc à redimensionner. Et c’est bien fait.
Archives par mot-clé : responsive design
Site responsive et hauteur
La taille d’un écran (device, terminal) ne correspond pas à la taille d’affichage d’un site Web.
Un exemple vaut toutes les explications du monde:
Mon écran a une définition de 1920×1080 c’est-à-dire, 1920 pixels (px) de large et 1080 px de haut:
Cependant, un site web, ne sera pas affiché sur la totalité de l’écran (sauf à utiliser F11), mais uniquement dans la fenêtre de navigation du navigateur: …continuer la lecture de Site responsive et hauteur
Responsive et Safari (iPhone)
Lors de ma dernière intégration Web, j’ai pu constater que la plupart des navigateurs interprétait parfaitement mon code sauf Safari sur iphone .
Sur Safari en effet, mes images alors même qu’elles étaient en 100%, dépassaient systématiquement de l’écran; en portrait ou en paysage.
4 heures de recherches intensives et de tests m’ont permis de résoudre mon problème d’affichage en 4 petites lignes de codes dans mon fichier css (grrrr).
Du coup c’est cadeau:
1/ un hack css dédié à Safari 9 : …continuer la lecture de Responsive et Safari (iPhone)
Le responsive design, c’est quoi ?
Le responsive (Website) design c’est la
“Conception de sites Web dont l’affichage s’adapte au terminal utilisé.”
http://www.granddictionnaire.com
Le terme n’est pas très vieux, car le concept a éclot en même temps que les smartphones se multipliaient et que l’accès à Internet devenait plus facile.
Cependant le travail qui consiste à créer un site visible depuis différents types d’écran existe au moins depuis l’avènement du “1024×768”, c’est-à-dire depuis que les écrans affichent une résolution supérieure à 800×600, en gros depuis l’invention des écrans 17 pouces cathodiques. Belle lurette donc. …continuer la lecture de Le responsive design, c’est quoi ?