MEWS 08. 04. 2026

Brno dnes: Diskuzní večer o web performance v éře AI
příště: 13. května, Lajka?

note:

• MEWS:
  • odchod vpravo do Legerovy
  • open claw: kartička u stroje
• představit spolek

  Budujeme a vzděláváme komunitu frontendových vývojářů a designérů

• organizační náležitosti
• Vítáme nové spíkry! Máš-li zajímavé téma nebo případovku, nenechávej si ji pro sebe. Call for papers AKA náležitosti na webu Frontendisti.cz

FrontKon#26

note:

• první várka řečníků
• pro ranní ptáčata zbývalo včera 30 lupenů, dnes ráno 4

FrontKon#26

Řečni i ty!

• React Done Right
• AI coding in real life
• Next-Gen DX & Edge Tooling

note:

• přihlásit svou přednášku pořád lze do 30/4

FrontKon#26

Hledáme fotografku/fotografa

• 5. a 6. října
• vstupenka
• ozvi se: [email protected] nebo sociální sítě
  

note:

• hledáme fotografa z komunity na FrontKon (5. a 6. října) výměnou za vstupenku.
• Roman Schejbal už letos fotit nebude, tak hledáme náhradu. Zájemci ať píšou na [email protected] nebo přes sociální sítě.

Webexpo: sleva pro {F}rontnendisty.cz

note:

• 1 200 Kč sleva
• platí do začátku konference tj. 26/5

WWW minulém díle…

• Lukáš Chylík: Figma Beyond Design: Automatizácia design-to-code workflow
• FrontKec#10: State of JS (and React) s Riky Fridrichem

note:

Letem swwwětem

Prohlížeče

Firefox 149
vydán 24. března 2026
Chrome 147
vydán 25. března 2026
Safari 26.4
vydáno 24. března 2026

note:

Web platform status

běžně dostupné: 4/2026

• contain-intrinsic-size
• <search>
• @counter-style
• image-set()
• subgrid
• navigator.storage API
• Device orientation events

note:

• běžně dostupné (widely available): 2,5 roku od chvíle kdy fičuru implementoval poslední z trojice CH, FF, SF

nově dostupné: 4/2026

• WebTransport
• Reporting API
• text-indent: each-line
• text-indent: hanging

note:

• nově dostupné: aktuální verze CH, FF, SF podporují
• WebTransport: příjem a posílání dat přes HTTP/3 (lepší websocket)
• Reporting API: jednotný způsob chybových hlášení na základě existujících schopností prohlížeče (content security policy, cross-origin-embbedder policy, použití zastaralých fičur ad.)
• text-indent: čekalo se na CH146

omezená dostupnost: 4/2026

.element {
  color-scheme: dark;
  background-image: light-dark(url(svetlo.png), url(tma.png));
}

• position: sticky mění specifikaci
• grid-lanes

note:

• dostupné jen v některých prohlížečích
• light-dark() pro obrázky FF150, CH148 (za flagem)
• sticky CH146 se nově uplatní pro nejbližší kontejner podle osy pohybu
• grid lanes SF26.4 – zmiňovali jsme v předposledním FrontKecu

Zachyceno v síti

Svlékněte svůj webík

• 9. dubna: CSS Naked Day 2026

note:

• Máte sématické HTML? A mohli bychom ho vidět?

Harry Roberts: What Is CSS Containment and How Can I Use It?

note:

• contain dle Harryho málo používaná, protože se o ní málo píše => náprava

Vypněte si na GitHubu trénování AI

• do 24. dubna

note:

• nutno vypnout!
• zejména máte-li na GitHubu klientská data

Hong Minhee: Vezměme si LLM zpátky

note:

• polemika s článkem On FLOSS and training LLMs, kde autor vyzývá k bojkotu
• Hong tvrdí, že bychom (autoři FLOSS) měli chtít, aby se modely trénovaly na našem kódu, ale na oplátku aby tyto modely byly také FLOSS – nový typ licence
  • článek z ½ ledna, netušil, že Claude code bude zveřejněn
• součástí článku je i přehled licencí, a to chronologicky, jak jejich autoři reagovali na technologické změny

8bitový dezén

note:

• narozdíl od 8bitů funguje bezvadně s diakritiky

Nowwwinky z JS

• What To Know in JavaScript (2026 Edition)

note:

• Chris Coyer
• using; atributy pro import;
• reguláry dostaly metodu .escape() => nevybourá se, pokud vstup obsahuje problematické znaky
• ECMAScript 2026 v půli roku stejně jako TS7
• nejnovější Node umí spustit TS (snad ho umí i vykonat 😉)

Nástroje a udělátka

BaseWatch

note:

• např. kotvení
• lze si nastavit hlídání

Znáte CSS vlastnosti?

Neznáte.

KoutPen

Zpět nahoru bez JS

• container scroll query

note:

• opsáno od Theodore L.

Grid mimo škatulky

Grid mimo škatulky

Dnes wwwečer

• Alex Ratman, Mews
  Frontend Observability v časech AI: přežitek nebo nutnost?
• Michal MartínekMartin Michálek, PageSpeed.one
  Proč vám váš CEO bere práci?
• Marek Velas, EDUpunk
  7 klíčových kompetencí vývojáře v době AI

note:

• přestávka po Alexovi přednášce

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