Comments on: Responsivní (adaptivní) obrázky v CSS https://kahi.cz/blog/responsivni-adaptivni-obrazky-v-css Zápisník někdy o ničem, ale někdy i o tvorbě webových stránek, o použitelnosti, o uživatelských rozhraních, o CSS a tak všelijak. Sun, 25 Aug 2019 21:00:51 +0000 hourly 1 http://wordpress.org/?v=3.5.2 By: Kahi https://kahi.cz/blog/responsivni-adaptivni-obrazky-v-css#comment-170718 Kahi Tue, 28 Jan 2014 21:32:37 +0000 http://kahi.cz/blog/?p=1331#comment-170718 <!–texy–>Ještě jsem zaznamenal negativum závislosti na JS. Napadá vás, když si odmyslíme historické puristické tendence, proč je to problém?

]]> Ještě jsem zaznamenal negativum závislosti na JS. Napadá vás, když si odmyslíme historické puristické tendence, proč je to problém?

]]> By: Kahi https://kahi.cz/blog/responsivni-adaptivni-obrazky-v-css#comment-170717 Kahi Tue, 28 Jan 2014 21:15:58 +0000 http://kahi.cz/blog/?p=1331#comment-170717 <!–texy–>[10] Rozumím tomu dobře, že tvá hlavní výhrada vůči tomu mému řešení ("opravil jsem Chrome":[http://jsfiddle.net/x9S5m/5/]) je, že HTML by bylo nepřehledné, pokud bych chtěl pokrýt podstatě více variant? (Když pominu, že přirovnání s odkázaným kódem mi přijde zavádějící.)

Připomínám, že má jediná ambice je mít minimalistické řešení pro dnes řešené use-casy. Hypotetické use-casy rád přenechám k diskusi jiným.

]]> [10] Rozumím tomu dobře, že tvá hlavní výhrada vůči tomu mému řešení (opravil jsem Chrome) je, že HTML by bylo nepřehledné, pokud bych chtěl pokrýt podstatě více variant? (Když pominu, že přirovnání s odkázaným kódem mi přijde zavádějící.)

Připomínám, že má jediná ambice je mít minimalistické řešení pro dnes řešené use-casy. Hypotetické use-casy rád přenechám k diskusi jiným.

]]> By: David Grudl https://kahi.cz/blog/responsivni-adaptivni-obrazky-v-css#comment-170716 David Grudl Tue, 28 Jan 2014 20:57:57 +0000 http://kahi.cz/blog/?p=1331#comment-170716 <!–texy–>Ještě vyšší pixel ratio nemá moc smysl, limitem je lidské oko. Spíš se dá očekávat, že brzy bude vše na úrovni retiny a budou se spíš přidávat pravidla pro nízká rozlišení. Bylo by ideální, kdyby s tím návrhy pro responzivní obrázky počítaly.

S tím, jak nás bude méně pálit datový přenos, zmizí potřeba přenášet obrázky ve standardním rozlišení, jelikož nejsou o tolik menší.

]]> Ještě vyšší pixel ratio nemá moc smysl, limitem je lidské oko. Spíš se dá očekávat, že brzy bude vše na úrovni retiny a budou se spíš přidávat pravidla pro nízká rozlišení. Bylo by ideální, kdyby s tím návrhy pro responzivní obrázky počítaly.

S tím, jak nás bude méně pálit datový přenos, zmizí potřeba přenášet obrázky ve standardním rozlišení, jelikož nejsou o tolik menší.

]]> By: Robin Pokorný https://kahi.cz/blog/responsivni-adaptivni-obrazky-v-css#comment-170712 Robin Pokorný Tue, 28 Jan 2014 14:35:22 +0000 http://kahi.cz/blog/?p=1331#comment-170712 <!–texy–>[8] Rozumím otázce a chápu, proč se ptáš :)

> Mimochodem retina displej je přece taky rozlišitelný v media-query, ne?

Ano, jde to. Těch kombinací je ovšem tolik, že vypisovat všechny by bylo velmi, velmi komplikované. Nakonec bys skončil s něčím jako v "tomto příkladě":[http://lists.w3.org/Archives/Public/public-respimg/2013Sep/0087.html]

A co až příjdou zařízení s device pixel ratio 4? 6? 20? 0.01? Co když mám odzoomováno, nazoomováno?

Jistě Javascriptem jde většina (tedy pro většinu použití) vyřešit (to je důvod existence polyfilů), přesto to nebude (a nemůže být) plnohodnotné.

Mimochodem, zdá se, že jsem asi senzibil, protože mi něco říká, že vyvyjíš ve Firefoxu…

(Je to to, že v Chrome (Win) tvůj příklad nefunguje :o :D )

]]> [8] Rozumím otázce a chápu, proč se ptáš :)

Mimochodem retina displej je přece taky rozlišitelný v media-query, ne?

Ano, jde to. Těch kombinací je ovšem tolik, že vypisovat všechny by bylo velmi, velmi komplikované. Nakonec bys skončil s něčím jako v tomto příkladě

A co až příjdou zařízení s device pixel ratio 4? 6? 20? 0.01? Co když mám odzoomováno, nazoomováno?

Jistě Javascriptem jde většina (tedy pro většinu použití) vyřešit (to je důvod existence polyfilů), přesto to nebude (a nemůže být) plnohodnotné.

Mimochodem, zdá se, že jsem asi senzibil, protože mi něco říká, že vyvyjíš ve Firefoxu…

(Je to to, že v Chrome (Win) tvůj příklad nefunguje :o :D )

]]> By: Kahi https://kahi.cz/blog/responsivni-adaptivni-obrazky-v-css#comment-170710 Kahi Tue, 28 Jan 2014 12:59:11 +0000 http://kahi.cz/blog/?p=1331#comment-170710 <!–texy–>Resumé: `img src` není dobré, protože se stáhne navzdory `display: none`. Jedním řešením je místo `img` použít jiný prvek s `background-image`. Jiným řešením je `img` oživit až později javascriptem. "Demo":[http://jsfiddle.net/x9S5m/4/]

]]> Resumé: img src není dobré, protože se stáhne navzdory display: none. Jedním řešením je místo img použít jiný prvek s background-image. Jiným řešením je img oživit až později javascriptem. De­mo

]]>