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

Zdroják » Zprávičky » CSSCSS zbaví vaše styly nadbytečných deklarací

CSSCSS zbaví vaše styly nadbytečných deklarací

Zprávičky ‐ ‐ Webdesign ‐

Nálepky:

Šikovných nástrojů nebude nikdy dost. Chtěli byste zeštíhlit vaše kaskádové styly? Nástroj CSSCSS od Zacha Moazeni vám v tom pomůže. Ukažme, jak funguje? Váš stylopis může obsahovat např.:

.contact {color:white; text-weigth:bold}
.name    {color:white; text-weigth:bold}

V takovém případě vás CSSCSS upozorní, že selektory .contact a .name sdílejí dvě stejná pravidla a mohli byste zvážit jejich sloučení do jednoho bloku. U krátkého stylopisu to vypadá triviálně, ale až budete někdy čistit stylopis dlouhý stovky, stovky řádků, může vám CSSCSS přijít vhod.

Zdrojáky projektu najdete na GitHubu, v jejich spuštění budete potřebovat nainstalované Ruby. Další informace najdete na stránkách projektu CSSCSS.

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.