+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : taille d'une page web (/showthread.php?tid=6465)
RE: taille d'une page web - archANJS - 26-10-2012
Personnellement, la méthode que je préfère est celle implémentée par le Bootstrap de Twitter (qui utilise les
media-queries).Quant à la largeur des pages pour les sites statiques, j'ai toujours eu tendance à fixer ça à 1024px. Aucune justification, hormis le fait que je trouvais que c'est la taille qui allait le mieux à tous les écrans, en général. Mais bon, maintenant j'utilise des designs responsives..
RE: taille d'une page web - Snowstar - 26-10-2012
Ce qui est populaire c'est de faire le contenu dans une zone de 960px centrée (margin auto) avec fond derrière.
RE: taille d'une page web - Murthy - 26-10-2012
(26-10-2012, 04:17 AM)Snowstar a écrit : Ce qui est populaire c'est de faire le contenu dans une zone de 960px centrée (margin auto) avec fond derrière.
Je ne suis pas du même avis. Cette approche me semble maintenant faire partie du passé. Selon ma vision, nous sommes maintenant à des approches orienté plein-écran et de plus en plus souvent s'adaptant à la résolution de l'internaute.
Exemples : www.buffalowildwings.com, kikk.be, www.atlassian.com/time-wasting-at-work-infographic, ...
Merci à HTML5, CSS3 ainsi qu'à toutes les tablettes et smartphones.
RE: taille d'une page web - Argorate - 26-10-2012
C'est à cause des tablettes et des smartphones comme tu dis, que les résolutions d'écrans standard pour le web ont cessé d'augmenter avec 1024pixel de large en moyenne.
Personnellement sur DVO j'ai adapter la hauteur de la page au la résolution mais je ne vois pas comment faire pareil en fullscreen, faudra que je regarde plus attentivement cette histoire de media-querie, même si je vois pas bien comment on peut étirer une icone ou un cadre en fonction de tout type de résolution et d'écran...
RE: taille d'une page web - archANJS - 26-10-2012
Argorate a écrit :... même si je vois pas bien comment on peut étirer une icone ...
Font Awesome le fait. D'ailleurs, couplé au Bootstrap de Twitter, le résultat est plus que satisfaisant, quant à moi.
RE: taille d'une page web - Sephi-Chan - 26-10-2012
(26-10-2012, 03:29 PM)Argorate a écrit : C'est à cause des tablettes et des smartphones comme tu dis, que les résolutions d'écrans standard pour le web ont cessé d'augmenter avec 1024pixel de large en moyenne.
Personnellement sur DVO j'ai adapter la hauteur de la page au la résolution mais je ne vois pas comment faire pareil en fullscreen, faudra que je regarde plus attentivement cette histoire de media-querie, même si je vois pas bien comment on peut étirer une icone ou un cadre en fonction de tout type de résolution et d'écran...
Le principe des media query, c'est d'afficher différemment les choses selon la taille disponible.
Il faut considérer différents crans d'affichage (petit, moyen, grand, très grand, etc.). On passe d'un cran à l'autre quand on redimensionne et les styles du nouveau cran remplacent ceux de l'ancien.
RE: taille d'une page web - Akira777 - 28-10-2012
Un bon petit livre à ce sujet, de la collection A book Apart.
http://www.alsacreations.com/livres/lire/1320-responsive-web-design.html
Très complet sur tout ce qui touche le Responsive Design, le concept Mobile First, les media queries, ... Pour une 10zaine d'euros.
RE: taille d'une page web - Klhz - 14-11-2012
Je dois être le seul taré à utiliser Zoomooz pour faire ça
http://janne.aukia.com/zoomooz/
RE: taille d'une page web - Xenos - 14-11-2012
Hum... Zoomer et s'adapter à la taille du support d'affichage ne me semblent pas être la réponse à la même problématique...
Zoomer ne changera pas la taille ni l'agencement général de l'application (aka du site web) suivant le support.
RE: taille d'une page web - Klhz - 14-11-2012
Non bien entendu! Ce n'est pas non plus adapté pour les tablettes et smartphone.
Désolé j'aurais du pousser ma reflexion un peu plus loin!
Mais pour une partie de mes projets, je gere la resolution d'écran en dezoomant sur ma page.
Par contre les element flottant sont difficile a gerer car il faut les placer en dehors du zoom et il faut gérer la taille de cet element du coup