HTML5: webkit ora supporta l'attributo srcset nei tag IMG
Si parla tanto di responsive design (quella tecnica di web design che punta a relizzare siti che si adattino dinamicamente a diverse risoluzioni/dimensioni di schermo), e il W3C di sicuro non perde tempo a rilasciare nuove specifiche di HTML5 che supportino questa tecnica.
Una delle ultime draft rilasciate riguarda l'attributo imgset, applicabile ai tag img: permette in pratica di specificare non un solo url, ma un intero set di immagini dal quale il browser andra' a scegliere quella piu' adeguata alla dimensione o alla risoluzione delle schermo che lo ospita.
Ad esempio, un tag img cosi' costruito
permettera' al browser di restituire l'immagine img-720.jpeg su schermi con larghezza massima di 720px, img-1280.jpeg su schermi da 1280px, img-2x.jpeg su schermi con densita' doppia (retina) e img.jpeg sulle rimanenti configurazioni.
Oltre a permettere un migliore adattamento del layout ai differenti schermi dei device, da la possibilita' allo sviluppatore di limitare l'uso di banda sui dispositivi mobili, servendo (ad esempio) immagini di minore qualita'.
La funzionalit' in questione e' ancora in draft, ed e' notizia di pochi giorni fa la sua implementazione nelle Nightly builds di WebKit.
Una delle ultime draft rilasciate riguarda l'attributo imgset, applicabile ai tag img: permette in pratica di specificare non un solo url, ma un intero set di immagini dal quale il browser andra' a scegliere quella piu' adeguata alla dimensione o alla risoluzione delle schermo che lo ospita.
Ad esempio, un tag img cosi' costruito
<img src="img.jpeg" srcset="img-720.jpeg 720w, img-1280.jpeg 1280w, img-2x.jpeg 2x" alt="Responsive img!">
permettera' al browser di restituire l'immagine img-720.jpeg su schermi con larghezza massima di 720px, img-1280.jpeg su schermi da 1280px, img-2x.jpeg su schermi con densita' doppia (retina) e img.jpeg sulle rimanenti configurazioni.
Oltre a permettere un migliore adattamento del layout ai differenti schermi dei device, da la possibilita' allo sviluppatore di limitare l'uso di banda sui dispositivi mobili, servendo (ad esempio) immagini di minore qualita'.
La funzionalit' in questione e' ancora in draft, ed e' notizia di pochi giorni fa la sua implementazione nelle Nightly builds di WebKit.