Fixer les points de rupture ?

Openweb.eu.org > Voir ailleurs  > Fixer les points de rupture ?

Abstract

Article

Jeremy Keith décide d’arrêter de faire des saisies d’écran en se fondant sur des tailles « standardisées » :

If we begin with some specific canvases (devices), they’re always going to be arbitrary. There are so many different screen sizes and ratios out there that it doesn’t make sense to favour a handful of them out of tradition. 320, 480, 640… those numbers aren’t any more special than any other screen widths.

[…]

So I’ve started taking screenshots at different widths. For the screenshots I posted of the new dConstruct site, I took a series of screenshots from 200 to 1200 pixels in increments of 100.

Traduction rapide :

Si nous commençons avec des tailles spécifiques de navigateurs, elles seront toujours arbitraires. Il y a tant de tailles différentes et de ratios qu’il n’y a aucun sens à en privilégier une poignée par habitude : 320, 480, 640… ces nombres ne sont pas plus particuliers que n’importe quelle autre largeur d’écran.

[…]

J’ai donc décidé de faire des saisies d’écrans à différentes tailles. Pour les saisies d’écran du nouveau site de dConstruct, j’ai pris une série de saisies d’écran de 200 à 1200 pixels par incréments de 100.

Adactio: Journal — Fanfare for the common breakpoint

À propos de cet article

Vos commentaires

  • muchos Le 1er octobre 2012 à 23:31

    C’est pertinent : une large fourchette de résolutions peut déjà couvrir pas mal de situations. On pourrait dire qu’entre autres, l’incrément — cette fourchette — définit degré de flexibilité. Il me semble qu’il y a aussi un lien direct avec le grid design…
    Adobe propose aujourd’hui Edge Reflow pour faciliter la définition des points de rupture, et sans doute ce type d’outil va-t-il se développer.

Vos commentaires

modération a priori

Attention, votre message n’apparaîtra qu’après avoir été relu et approuvé.

Qui êtes-vous ?
Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Suivre les commentaires : RSS 2.0 | Atom