Eszközfüggő média elemek sütik használatával. Nem bonyolult, viszont hasznos. Aki próbálkozott már eszközfüggő média kiszolgálással (direkt nem képet írok, mert ez hasznos lehet videókhoz is, vagy akár a layout esetén), az tudja, hogy nem olyan egyszerű a dolog. Ha nem csinál semmi extrát az ember, akkor egyesül a user-agent-ből lehet következtetni az eszköz felbontására, abból is csak úgy, ha van egy nagy táblázatod, hogy milyen user-agent-hez milyen felbontás tartozik. Az alábbi leírás egy jóval egyszerűbb megoldás, minimális JavaScript felhasználásával. Az oldal lekérdezésekor JS-ből egy cookie-ba rakjuk az eszköz felbontását (a szerver oldallal ellentétben kliens oldalon ez egyszerűen lekérdezhető), a cookie innentől ugye megőrzi a tartalmát, és szerver oldalról olvasható, így ha dinamikusan (mondjuk PHP-val) szolgáljuk ki a média tartalmakat, akkor ez alapján felbontás függően eldönthetjük, hogy milyen felbontásban küldjük le az adott elemet (akár futás időben is elvégezhetjük a szükséges konverziókat). Igazából ami tetszik benne, az az általánosítható elv, hogy JavaScript-ből összeszedjük az eszközre jellemző profilt, és az egészet sütiben kommunikáljuk a szerver felé. A süti tulajdonképpen egyszerre valósítja meg a kliens-szerver kommunikációt (XMLHttpRequest), és a lokális tárolót (LocalStorage) is ...
Originally shared by Balazs Nadasdi
Wow... Ez egesz jo dolognak tunik :)
Nem mindenhol latom hasznat, de van ahol igen.
#responsivedesign #responsive #javascript #php #webdevelopment #dev #development
http://blog.keithclark.co.uk/responsive-images-using-cookies/
Nincsenek megjegyzések:
Megjegyzés küldése