Responsive Web Design

Spread the love

Responsive Web design LayoutNato nel 2012, è una delle maggiori tendenze nel web design che si è trovato a dover affrontare un problema nuovo: come visualizzare bene pagine web in una miriade di scelte tra tipi di piattaforma (pc, tablet, smartphone), dimensioni dei monitor e risoluzioni diverse.

Il 29 agosto 2012 il W3C ha pubblicato una bozza con la proposta “HTML Responsive Images Extension”, documento non normativo nel quale vengono affrontati i nodi della questione e vengono proposti sia degli ulteriori attributi per il tag <img>, sia dei nuovi tag come <picture> che consentano al browser, in fase di download del materiale, di selezionare le immagini che meglio si adattano al dispositivo.

I quattro punti di miglioramento proposti sono

  • device-pixel-ratio
  • viewport-based selection
  • image format-based selection
  • Art direction-based selection

Device pixel ratio per tenere conto della diversa densità di pixel se le dimensioni dell’immagine sono fisse

Viewport based selection per poter scegliere immagini in dimensioni diverse (diversa larghezza in pixel ad esempio)

Image format based selection: il browser, se è capace di trattarli, sceglie i formati con maggiore compressione (JPEG XR al posto di JPEG ad esempio; JPEG XR ha una capacità di compressione maggiore)

Art direction based selection: L’immagine viene mostrata tutta se dimensioni del viewport e capacità di risoluzione dello schermo lo consentono, oppure ne viene mostrata solo una parte, dichiarata più importante dall’autore (art director), se l’immagine non ci sta.

 

Lascia un commento

Your email address will not be published.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.