taille d'une page web

[archANJS]

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..

[Snowstar]

Ce qui est populaire c'est de faire le contenu dans une zone de 960px centrée (margin auto) avec fond derrière.

[Murthy]

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.

[Argorate]

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...

[archANJS]

... 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.

[Sephi-Chan]

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.

[Akira777]

Un bon petit livre à ce sujet, de la collection A book Apart.

http://www.alsacreations.com/livres/lire...esign.html

Très complet sur tout ce qui touche le Responsive Design, le concept Mobile First, les media queries, ... Pour une 10zaine d'euros.

[Klhz]

Je dois être le seul taré à utiliser Zoomooz pour faire ça
http://janne.aukia.com/zoomooz/

[Xenos]

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.

[Klhz]

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