Eszközfüggő média elemek sütik használatával.

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/

PHP kisokos ... Akit érdekel, olvasgathatja, aki meg jobban tudja, az GitHub-on írhatja is ...

PHP kisokos ... Akit érdekel, olvasgathatja, aki meg jobban tudja, az GitHub-on írhatja is ...

Originally shared by Kyriakos Brastianos

A great resource for PHP.

#webdevelopment #learn  
http://www.phptherightway.com/