Chrome 38 a Firefox 33 otevírají cestu k responzivním obrázkům

Chrome 38 a Firefox 33 otevírají cestu k responzivním obrázkům

Testovací verze Chromu už ve výchozím stavu podporuje nový HTML tag <picture>, který umožňuje autorovi stránek nastavit, jaký obrázek se má použít pro adekvátní rozlišení displeje, respektive velikost zobrazovací plochy.

Vyjma Chromu dnes <picture> nabízí ještě Firefox 33, funkce je ale ve výchozím stavu zablokovaná. Povolit ji můžete v konfiguraci about:config a klíči dom.image.picture.enabled.

K čemu je dnes vlastně <picture> dobrý? Snaží se jej prosadit zejména RICG – Responsive Images Community Group. Responzivní obrázky na webu by se měly chovat jako současný responzivní design mnoha webů, který se přestaví dle velikosti zobrazovací plochy, aniž by vývojář musel připravovat dvě samostatné verze – jednu pro mobil a druhou pro velký monitor.

Pomocí tagu <picture> lze tedy určit, aby se na ploše o určité šířce načítal obrázek maly.png, zatímco na velkém ploše notebooku a monitoru desktopu třeba velky.png.

Autoři dalších prohlížečů podporu technologie zatím zvažují.

Diskuze (62) Další článek: Češi vyhráli tendr pro Galileo, obstarají softwarový vývoj

Témata článku: Technologie, Web, Chrome, Programování, Firefox, Maly, Images, Cesta, Obrázek, Výchozí stav, Adekvátní rozlišení, CES, Chrom, Autor stránek


Určitě si přečtěte

Blíží se HTTP/3: Web bude rychlejší a bude používat úplně jinou technologii

Blíží se HTTP/3: Web bude rychlejší a bude používat úplně jinou technologii

** Příští verze klíčového protokolu HTTP nebude postavená na TCP ** Namísto toho použije „vylepšené UDP“ ** HTTP/3 bude postavené na QUIC

Jakub Čížek | 60

Vyzkoušeli jsme eObčanku a přihlásili se s ní na weby úřadů. Vážně to funguje!

Vyzkoušeli jsme eObčanku a přihlásili se s ní na weby úřadů. Vážně to funguje!

** Máme eObčanku, máme čtečku, vyzkoušeli jsme přihlášení na weby úřadů. ** Objevily se drobné problémy, podařilo se nám je vyřešit. ** Používání eObčanky pro online identifikaci je velmi pohodlné.

Marek Lutonský | 37

Nový iPhone a další novinky Applu: sledujte, na co se zase budou stát fronty

Nový iPhone a další novinky Applu: sledujte, na co se zase budou stát fronty

** Apple dnes představuje nové produkty v čele s novými iPhony ** Nemusí zůstat jen u telefonů, čekají se i další novinky ** Úvodní přednáška začíná v 19:00 našeho času

David Polesný | 57



Aktuální číslo časopisu Computer

Jak nastavit a ochránit nový mobil

Velký test bezdrátových klávesnicí a myší

Počítače v roce 2019

Srovnání barevných laserových multifunkcí