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

Zdroják » Zprávičky » Jak by vypadal Zdroják v layoutu dle CSS3

Jak by vypadal Zdroják v layoutu dle CSS3

Není to tak dávno, co jsme na Zdrojáku psali o budoucnosti layoutů. Vyzvali jsme při tom zájemce, aby si vyzkoušeli používání Template Layout Module na titulce Zdrojáku. Peter Kahoun se o to nedávno pokusil (výsledek si můžete vyzkoušet díky jQuery pluginu, který celou specifikaci implementuje) a své zkušenosti sepsal na blogu:

„Nelíbí se mi práce s abecedou. Zapomínám, které znaky jsem již použil, které ještě ne. Místo:
"yy"
"ms"
"zz"

bych mnohem raději zvolil nějaký výmluvnější, i když třeba hůře čitelný zápis, např.:

"#header #header"
"#main #sidebar"
"#footer #footer"
“

A co si o tomto způsobu tvoření layoutu myslíte vy? Chtěli byste tímto způsobem vytvářet weby?

Komentáře

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

ne, tak jak to je, tak jsem si na to zvykl, má to svoji logiku a vše co chci jednodušše udělám…

Martin Soukup

Layouty UI řeší každý druhý GUI framework. Třeba Java má řadu skvělých (natahovacích!) layout managerů. Okamžitě by byly použitelné i na webu.

Ale W3C si řekl NE! Proč použít hotové kolo? Vymyslíme si vlastní!

Začal jako projekt studentů Matfyzu. Český BIRD dnes pomáhá řídit provoz na největších internetových uzlech

Internet drží pohromadě i díky místům, kde se propojují sítě poskytovatelů připojení, cloudů nebo videoslužeb. S předáváním informací o tom, kudy jsou jednotlivé sítě dostupné, jim ve Frankfurtu, Londýně i Amsterdamu pomáhá český BIRD. Začal jako studentský projekt, po první verzi z roku 2000 léta spíš dřímal a soustavný vývoj obnovil až CZ.NIC. Ve své úloze uspěl tak výrazně, že největší uzly nakonec začaly platit vývoj konkurenčního softwaru, aby nebyly závislé jen na něm.

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.