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

Zdroják » Zprávičky » Grafy pouze pomocí CSS? Ano jde to!

Grafy pouze pomocí CSS? Ano jde to!

Zprávičky ‐ ‐ Webdesign ‐

Alen Grakalic se pokusil vytvořit úsečkový graf pomocí kaskádových stylů a je nutno uznat, že se mu to do jisté míry podařilo (ukázka). Alen jednotlivé hodnoty zapsané v definičním seznamu označil třídami nesoucími informace o potřebném tvaru úsečky v daném intervalu (patřičná úsečka se následně zobrazí správným pozicováním obrázku obsahujícího množinu všech potřebných úseček).

Alenovo řešení je pochopitelně z řady důvodů nepraktické, jmenujme alespoň jeden: pokud bude potřebovat jiné popisky souřadnicových os, nezbude mu, než překreslit základní obrázek. V praxi pravděpodobně zvolíte jiné řešení, ať již budete generovat graf na straně serveru nebo u klienta pomocí JavaScriptu, Javy, Flashe nebo Silverlightu.

Přesto se jedná o zajímavou hříčku ukazující, že možnosti kaskádových stylů možná dosud nejsou ještě zcela prozkoumané. Alen se navíc před časem podobným způsobem pokusil o grafy sloupcové.

Komentáře

Odebírat
Upozornit na
guest
1 Komentář
Nejstarší
Nejnovější Nejvíce hlasů
Lukáš Lánský

Mě nedávno zaujal graf sestavený jenom z borderů a backgroundů na alkulacka.cz .

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.