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, Programování, Chrome, Firefox, Výchozí stav, CES, Images, Maly, Autor stránek, Cesta, Obrázek, Chrom


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

Rekordy počasí: V Česku to ještě jde, skutečné extrémy zažívají jinde

Rekordy počasí: V Česku to ještě jde, skutečné extrémy zažívají jinde

** Teplotní extrémy dokážou překvapit. Seznamte se s rekordy v Česku i ve světě ** Rekordní hodnoty jsou mnohdy až k neuvěření ** Zjistěte, kdy ke bylo největší horko, zima, déšť či vítr

Karel Kilián | 7

Nová zbraň Microsoftu proti iPadu: Levný tablet Surface Go bude stát jen deset tisíc

Nová zbraň Microsoftu proti iPadu: Levný tablet Surface Go bude stát jen deset tisíc

** Microsoft představil nový tablet Surface Go ** Nový model zaujme nízkou cenou, ale schopnostmi zařízení Surface ** Microsoft nepoužil čip ARM, ale klasický procesor od Intelu 

Karel Javůrek | 116


Aktuální číslo časopisu Computer

Velký test 18 bezdrátových sluchátek

Vše o přechodu na DVB-T2

Procesory AMD opět porážejí Intel

7 NVMe M.2 SSD v přímém souboji