Přejít k navigační liště

Zdroják » Zprávičky » BreakpointInspector – posviťte si na CSS media queries

BreakpointInspector – posviťte si na CSS media queries

Zprávičky ‐ ‐ Webdesign ‐

CSS Media Queries tu asi příliš představovat nemusíme (více se dočtete v CSS Media Queries: co jsou a k čemu slouží a Webdesignérův průvodce po CSS3: Media Queries). Pokud se potřebujete rychle zorientovat v tom, jak jsou použity na nějakém webu, použijte jednoduchý bookrmarklet BreakpointInspector, který vytvořil Tyson Matanich.BreakpointInspector_20130422-201026

Pokud vás zajímá, jak nástroj funguje, projděte si jeho zdroják na GitHubu.

Komentáře

Odebírat
Upozornit na
guest
0 Komentářů
Nejstarší
Nejnovější Nejvíce hlasů

Spacer.gif a tabulky v tabulkách: Jak se kdysi dělaly webové stránky

Kdo dnes napíše display: grid a za minutu má hotový třísloupcový layout, těžko si představí, jakou akrobacii to stálo před pětadvaceti lety. Webové stránky tehdy držely pohromadě vnořené tabulky, průhledné obrázky o velikosti jednoho pixelu a pevná víra, že to nikdo neotevře v jiném prohlížeči. Pojďme si připomenout, jak to fungovalo, proč to fungovalo a proč jsme s tím museli skončit.

Rust pomohl vrátit JPEG XL do Chromu. Stačí to k úspěchu na webu?

Před čtyřmi lety Google podporu JPEG XL z Chromu odstranil. Teď formát vrací s dekodérem v Rustu, který vznikl na popud vývojářů Firefoxu. AVIF přitom může nabídnout menší soubory a bezeztrátový WebP rychlejší dekódování. JPEG XL má jiné přednosti: velkou fotografii dokáže zobrazovat už během stahování a staré JPEGy zmenší bez další ztráty kvality. Vedle historie jeho návratu se podíváme na výsledky srovnání, bezeztrátovou kompresi i praktické nasazení jednotlivých formátů na webu.