Před rokem tady Robin Pokorný psal o aktuálním vývoji na poli responzivních obrázků, ukazoval src-N variantu řešení a vyjádřil naději, že se standardizátoři již brzy domluví a hlavně — že přijdou nějaké implementace v prohlížečích.
Jak je to s přístupností mobilního menu z klávesnice? Používáte odkazy “více” a “zde”? Znáte rozdíl mezi aria-label, aria-labelledby a aria-describedby? Je PDF strojově čitelný formát z pohledu zákona o přístupnosti?
Posledních pár let mě baví se zabývat bezpečností aplikací. Čistě technicky. A když člověk tyhle věci implementuje, dostane se k zajímavým problémům, které by ho ani nenapadly. A tak se stalo, že jsem se dostal k proxy. Jako slepý k houslím.
Proč jsou ECMAScript moduly lepší než CommonJS? Už nastal ten správný čas přepsat všechny své NPM balíčky na ECMAScript moduly?
argument o nahrazení javascriptem je vadný!
Je špatné se vypořádat s javascriptovým nahrazení „src“ tak, že uvedu nesmyslný příklad a pak ho sám vyvrátím jako nesmyslný.
V praxi se samozřejmě do „src“ dá ten nejhnusnější a nejmenší obrázek a na lepších zařízeních se nahradí za lepší. Zadarmo tak získáme i rychlé preview. Ne naopak!
Re: argument o nahrazení javascriptem je vadný!
Co píšete myslím tu informaci článku doplňuje (za to díky), ale nevyvrací.
V případě použití vašim způsobem se nevýhody zmenšují, ale zůstávají – pořád na některých displejích stahuji zbytečně 2 obrázky namísto jednoho. Datový objem a počet requestů to navyšuje.
Ale abych byl korektní vůči ostatním čtenářům, když už jste to nakousl – jsou situace kdy to řešení může být použitelné. Např. pokud mám ve stránce jeden obrázek, do scr vložím jeho velmi malou variantu a je neefektivní zde nasazovat srcset/sizes.
Firefox
Mne osobne tedy http://codepen.io/machal/pen/azBmaX?editors=110 ve Firefoxu 34.0.5 funguje. Takze je (alespon castecna) podpora i v nem?
PS: Firefox
Funguje to defaultne, na dom.image.srcset.enabled jsem nesahal.
Platforma Windows 7 64b.
Re: PS: Firefox
V příkladech na Codepenu radostně polyfilluji Picturefillem: http://www.vzhurudolu.cz/prirucka/picturefill :-)
Opravdu to tedy funguje téměř všude.
Do příkladů jsem to raději připsal, díky.
pouziti s lazy load?
Ahoj Martine,
díky za článek, docela mi teď padl vhod, tento týden to přesně řeším. Prosím tě, mám dotaz: máš nějaké zkušenosti s použitím responzivních obrázků a lazy load? Na projektu máme teď unveil.js (myslím, že ho na svém webu také doporučuješ), a chtěla bych tam přidat ješte více variant obrázků. Četla jsem, že samotný unveil má podporu pro retina displaye, ale co v případě mobilů? Nemáš nějaký tip?
Díky moc
Jana
Re: pouziti s lazy load?
srcset/sizesa lazyloading jsem zatím nikde nekombinoval. Ale lazyloading beru ve většinu scénářů jako hack pro rychlost načítání na mobilech v době, kdysrcset/sizesneexistovaly.Výjimku tvoří jen scénáře kdy do stránky načítáš vysoké desítky nebo stovky obrázků nebo situace kdy ty obrázky jsou ohromných velikostí, viz třeba demo na webu Unveil.js. Tam bych o lazyloadingu obrázků dál uvažoval.
Re: pouziti s lazy load?
Ahoj, díky za odpověď. Nakonec to u nás přesně tak dopadlo a lazy-load jsme vyřadili. Docela ho teď nenávidím :) protože jsme na webu měli spousty různých obrázků a naráželi jsem na špatné počítání výšky webu (pohyb po anchorech na stránce). Uznávám však, že má svoje místo třeba na stránkách, které generují opakující se obsah. Cpát ho úpně všude opravdu nemá cenu. :)