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ší Most Voted
Inline Feedbacks
Zobrazit všechny komentáře
Lukáš Lánský

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

Cesta URL: co se děje, než se načte webová stránka

Když do adresního řádku prohlížeče napíšete webovou adresu a stisknete Enter, spustí se fascinující řetězec procesů, které propojují váš počítač s celým světem. Od překladu doménového jména na IP adresu, přes navázání šifrovaného spojení, až po vykreslení každého pixelu na obrazovce - to všechno se odehraje během zlomků sekundy. Pojďme se podívat, co se mezitím děje pod kapotou webu.

Stav SIMD v Rustu v roce 2025

Různé
Komentáře: 1
SIMD - neboli Single Instruction, Multiple Data - znamená, že procesor může jednou instrukcí zpracovat více datových prvků najednou. Typicky to znamená, že místo sčítání dvou čísel přičtete dvě sady čísel paralelně. To může přinést výrazné zrychlení například při zpracování obrazu, audia nebo numerických výpočtů. Pokud již SIMD znáte, tato tabulka je vše, co budete potřebovat. A pokud s SIMD teprve začínáte, tabulku pochopíte do konce tohoto článku