Sky 09. 09. 2026

Brno dnes: Vývoj pomocí lokálních LLM
příště: 6. října, FrontKon
příště: 11. listopadu, Pivovar Lajka

FrontKon: můj wwwýběr

• Sara Polak: Odhalování budoucnosti: Jak se připravit na AI s pomocí archeologie
• Ondřej Velíšek: View Transitions do hloubky: Jak je konečně začít používat
• Jan Kryšpín: Rozvoj design systému s AI
• Jan Kaiser: Přestali jsme číst logy - ale stále opravujeme problémy dříve, než si jich uživatelé všimnou
• Tejas Kumar: Frontend po AI: Nové UX
• Karel Navrátil: Zničím vám kód a asi i život
• Kateřina Boušková: 7 fuck upů na stagi

note:

• Kdo neslyšel o FrontKonu‽
• Kdo nejde na FrontKon‽
• Sara: Webexpo, jízda, historie očima technologického pokroku
• Ondřej: view transitions do hloubky
• Honza: kam se posunuli od minula
• Honza: účelné použití AI
• Tejas: přinese (snad) odpovědi na otázky, které si kladu taky
• Karel: kdyby nic jiného nebude záznam
• Kateřina: jsem zvědav, kolik průserů si odškrtám

Frontkon: workshopy – 5. října

• Petr Glaser
  AI ve vývoji bez omáčky: od neznámé codebase po debugging a testy
• Riki Fridrich
  Karpathy LLM wiki: dlouhodobá paměť pro vás nebo projekt
• Kamil Tomšík
  Vývoj s lokálními LLM: soukromí, výkon a praxe
• Manuel Matuzović
  Accessibility v Reactu: Od teorie k funkčnímu kódu
• Michal Matuška
  WebPerformance v Chrome DevTools: ponoř se do hloubky
• Artem Zakharchenko
  Testování komponent React v režimu prohlížeče Vitest

note:

• 3× AI/LLM; 3× frontend
• dopo/odpo 5. října
• 5000 Kč

Letem swwwětem

Prohlížeče

Firefox 155
vydán 1. září 2026
Chrome 154
vydán 9. září 2026
Safari 26.6
vydáno 27. července 2026

note:

• zrychluje se cyklus vydávání CH a FF na 14 dní
  • CH od srpna (ale v prosinci jen 1×) => na příštím srazu 158
  • FF od září

Web platform status

běžně dostupné: 9/2026

• AVIF
• Declarative shadow DOM
  <template shadowrootmode>
• checkVisibility()

note:

• běžně dostupné (widely available): 2,5 roku od chvíle kdy fičuru implementoval poslední z trojice CH, FF, SF
• další metody a vlastnosti viz webstatus.dev

nově dostupné: 9/2026

• Intl.Locale info
• pseudotřídy pro <video> a <audio>
:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked
• sibling-count() & sibling-index()
• progress()

/* nefunguje — px nelze vykrátit a získat bezrozměrné číslo */
opacity: clamp(0.4, (100vw - 400px) / (1200px - 400px), 1);

/* funguje */
opacity: calc(0.4 + progress(100vw, 400px, 1200px) * 0.6); /* 1 */

note:

• nově dostupné: aktuální verze CH, FF, SF podporují

Zachyceno v síti

Rebuilding FIFA Standings Layout with CSS Subgrid

note:

Ještě k MS ve fotbale. Nejsem fanoušek fotbalu, já radši koukám na hokej, ale jsem fanoušek chytrých frontendových řešení:

Anthony Hobday: Základy wwwizuálního designu

note:

• s nimi nešlápnete vedle
• naučte je Clauda

Sylwia Laskowska: Slowwwníček AI pojmů

note:

• pokud kolem sebe máte někoho, kdo ještě tápe v záplavě AI pojmů, pošlete mu odkaz

Manuel Matuzović: Nadpisy nowwwě

<h1>Museums</h1>
<section headingoffset="1">
  <h2>Free entry to the museum</h2><!-- nadpis úrovně 3 -->
</section>

:heading(3) {
  color: fuchsia;
}

note:

• max úroveň 9 pro headingoffset="8"

Pac-Man v praxi

note:

• tip na FrontKon, ale vyzkoušet můžete už dnes tady
• když se vám vytvoří disuksní kroužek, ponechte jej otevřený
  • platí pro časoprostor: během diskuse ponechte prostor k mluvení pro ostatní tím, že se občas odmlčíte
• názorně vysvětlí v lightnig talku Ned Batchelder

Nowwwinky z JS

• TypeScript 7 => 10× rychlejší (kompilace)

note:

• přepsán do Go => abyste mohli psát lepší JS(?) používejte TS, napsaný v Go…

Nástroje a udělátka

Romain Simon: Ozwwwučení

note:

• se zvuky opatrně, ale tahle knihovna je velmi uměřená

KoutPen

Cubiqův pawwwouk

Dnes wwwečer

• Barbora Sokolová, Sky
  Changing the Engine on the moving train (🇬🇧 anglicky)
• Jiří Cerhan, SiteOne
  Jedno jednoduché pravidlo, které změnilo, jak píšu React aplikace
• Matěj Kusý, Nejprofici.cz
  5 UX fuck upů, které už nikdy nepustíte do produkce

note:

• přestávka po první přednášce?

Díky, prezentace v komentáři na Meetup.com