5 outils en ligne qui permettent d’aider à l’accouchement d’un site aujourd’hui:
http://mediaqueriestest.com:
permet de connaître à tout moment largeur et hauteur d’écran et de fenêtre de navigation
http://www.infowebmaster.fr/outils/mon-user-agent.php:
permet de savoir avec quel user-agent (=agent du navigateur) le serveur d’un site va nous reconnaître …continuer la lecture de Outils pour responsive et html5 design
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
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).
1/ un hack css dédié à Safari 9 : …continuer la lecture de Responsive et Safari (iPhone)
"Il s'appelle comment le mec de bref déjà ?"Bref, Aujourd'hui, vous me copierez 50 fois " Le mec de bref s'appelle Kyan Khojandi." ...continuer la lecture de Une fois pour toute
Petit bout de code commenté permettant de centrer verticalement et horizontalement un div sur une page.
Parce que il y en a marre de passer du temps sur des sujets aussi simples.
#mondivfixe {
position: fixed;
width: 300px;/* la largeur est obligatoire cf margin-left*/
height: 300px;/* la hauteur est obligatoire cf margin-top*/
left: 50%; /* le coté gauche du div est placé à la moitié de l’écran et donc trop loin vers la droite de 50% de la largeur du div, 50% qu’on va enlever avec l’instruction margin-left ci-dessous*/
margin-left: -150px; /* le div est décalé de 150px vers la gauche,c’est à dire 50% du width (300 ici) */ …continuer la lecture de Centrer un div fixe
