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

Zdroják » Zprávičky » Cesta do webdesignerovy budoucnosti aneb CSS Template Layout v JavaScriptu

Cesta do webdesignerovy budoucnosti aneb CSS Template Layout v JavaScriptu

Nedávno jsme tu představovali, jak vypadá budoucnost layoutů podle CSS3. Velkou slabinou takových návrhů je podpora v prohlížečích. Může trvat klidně 10 let, než se staré prohlížeče vymění za nové s podporou nového layoutovacího systém. Pesimistické? Jistě. Beznadějné? Ani náhodou!

Není to tak dávno, co Eric Meyer volal, že to JavaScript nás všechny zachrání. (Ano, ten samý JavaScript, který byl ještě před lety považován za problematickou část webu, se dnes stává věrným pomocníkem v jeho dalším rozvoji.)

Alexis Deveria totiž v JavaScriptu vytvořil kompletní implementaci modulu Template Layout z CSS3 (dříve nazývaného Advanced Layout Module a i nadále přezdívaného „ASCII art“). Jeho plugin do jQuery funguje ve všech dnešních prohlížečích, jak si můžete vyzkoušet na několika ukázkách. Více se dozvíte v představení projektu. Alexis ukazuje, že jedna javascriptová knihovna může dokázat překlenout celých těch 10 let čekání.

Pochopitelně, Alexisova knihovna je zatím proof of concept, může se ukázat, že je v téhle podobě zatím nevhodná pro produkční nasazení a její nasazení na jiných než nepříliš důležitých webech zatím nelze doporučit. Ovšem Alexisova knihovna jistě nebude poslední, spíše se jedná o jakousi první vlaštovku svého druhu.

Ukazuje se, že Eric Meyer měl nejspíš pravdu a JavaScript bude nakonec hrát v dalším osudu webu naprosto rozhodující roli. Vyberte si sami: je pro vás výhodnější čekat na novinky třeba deset let, nebo sáhnout po knihovně, která vám je nabídne dnes? Obě možnosti mají své neduhy (ta druhá vám designerům jistě přidělá starost, co s uživateli s vypnutým JavaScriptem). Volba je na vás.

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

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

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

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ů.