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

Zdroják » Zprávičky » Pokročilé techniky automatického číslování pomocí kaskádových stylů

Pokročilé techniky automatického číslování pomocí kaskádových stylů

Zprávičky ‐ ‐ JavaScript, Webdesign ‐

Nálepky:

Kaskádové styly obsahují podporu pro automatické číslování, které od verze osm bude podporovat i Internet Explorer. Jejich základní použití je jasné, např. číslování kapitol, obrázků nebo tabulek. Automatické čítače můžete ale použít v některých dalších případech, kdy byste jinak sáhli po JavaScriptu. Kupříkladu když chcete generovat statistiku, kolik váš článek obsahuje obrázků, kolik odkazů, a kolik z těchto odkazů směřuje na externí weby (tato statistika se může hodit např. pro administrační rozhraní vašeho CMS). Článek A Little-known Way to Replace Some Scripts with CSS Counters vám ukáže, jak takovou statistiku snadno vytvoříte.

K TÉMATU: Automatické číslování pomocí kaskádových stylů

Martin Hassman založil a řadu let vedl magazín Zdroják, absolvoval VŠCHT Praha, pořádal řadu konferencí, pomáhal s rozšířením otevřených technologií, byl u založení projektů CZilla, Dáme roušky a dalších. Vymyslel a dva roky vedl dobrovolnický projekt Movapp pod Česko.Digital. Nyní pracuje jako produktový manažer v datové platformě Golemio.cz.

Komentáře

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

WebSocket: Jak dostat webovou aplikaci do reálného času

‐ Webový vývoj ‐
Komentáře: 1
Chat, živé notifikace, společná úprava dokumentu nebo průběžně aktualizované kurzy. Uživatelé dnes čekají, že se webová aplikace změní ve chvíli, kdy se změní data, a ne až po stisknutí klávesy F5. Protokol WebSocket je nejrozšířenější způsob, jak mezi prohlížečem a serverem vytvořit trvalý obousměrný kanál. V článku se podíváme, jak funguje pod kapotou, jak ho použít v prohlížeči i na serveru a na co si dát pozor při nasazení do produkce.

Zahoďte knihovny: dropdowny, tooltipy a přechody stránek jen s HTML a CSS

‐ Webový vývoj ‐
Komentáře: 2
Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.

Rok po Shai-Hulud: co se změnilo na npm a co musíte udělat do ledna

‐ JavaScript ‐
Komentáře: 0
Před rokem začal registrem npm procházet samošířící červ Shai-Hulud. Od té doby se útoky na dodavatelský řetězec JavaScriptu staly pravidelnou záležitostí a npm postupně přepisuje pravidla publikování. Projdeme, co se za ten rok stalo, jak dnes bezpečně publikovat balíček, co musíte stihnout do ledna 2027 a jak se bránit jako uživatel balíčků.

Sledujte Zdroják: