Pivovar Lajka 11. 03. 2026

Brno dnes: AIS Servis
příště: 8. dubna… sledujte {F} sítě

note:

• sledujte sítě, pozor, FrontKon se sociálně osamostatnil (více u majitele značky Karla N.)
• 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

hledají se řečníci

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

note:

• případovky, průsery, testování
• přihlášky do 30/4

WWW minulém díle jste viděli

• Jan Sasínek: Start-up-and-down
• Jan Kryšpín: Z Figmy do kvalitního kódu: Code Connect + AI
• Lukáš Chylík: Figma beyond design

note:

• Honza v Almě career v únoru vtipně a otevřeně o průseru, který vznikl z jednoho špatného rozhodnutí
• Honza a Lukáš na stejné téma: propojení Figmy a kódu

Letem swwwětem

Prohlížeče

Firefox 148
vydán 24. února 2026
Chrome 146
vydán 25. února 2026
Safari 26.3
vydáno 11. února 2026

note:

• FF: opravy chyb (anchor positioning)
• CH145: letter-spacing a word-spacing – v procentech
• CH: od září 14denní cyklus

Web platform status

běžně dostupné: 3/2026

• atribut dirname
• subgrid

note:

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

nově dostupné: 3/2026

• shape()
• Trusted types
• Map getOrInsert()
• zstandard compression

note:

• nově dostupné: aktuální verze CH, FF, SF podporují
• shape() CSS funkce pro clip-path nebo offset-path
• Trusted types: vylepšení ochrany proti XSS (cross-site scripting)
• zstandard: lepší komprese než brotli

omezená dostupnost: 3/2026

• corner-shape

note:

• dostupné jen v některých prohlížečích
• CH139
• border-shape od Uny Kravets

Zachyceno v síti

How my side project got banned from the internet

note:

• důkladný popis štrapáce, může se hodit, potká-li vás podobný osud (falešný poplach)
• kaskáda černých listin

On Programming with Agents

note:

• Mikayla Maki pár stručných tipů pro uměřenou práci s LLM, aby pomáhala a nezaplevelila kód
• přivedl mne k tomu článek Sophie Koonin, Stop generating, start thinking – Lidská stonožka, NL horor z roku 2009 => když píšeme sračky, nelze očekávat, že LLM nám bude servírovat krevety

CSS k zachycení stavů

.track-focus {
  --was-focused: false;
  animation: track-focus .00001s linear forwards paused;
}
.track-focus:focus-within {
  animation-play-state: running;
}
@keyframes track-focus {
  to { --was-focused: true; }
}

@container style(--was-focused: true) {
  input {
    background: lightgreen;
  }
}

note:

• CSS se začíná roztahovat

KoutPen

Adam Argyle: View Transitions can swoop‽

note:

• jak dostat zakřivení do view transitions
  • přímá vlastnost translate nikoli transform
  • křehké řešení
• CodePen 2.0beta

Adam Argyle: View Transitions can swoop‽

note:

• jestli loňský rok byl čas učit se anchor positioning, letos jsou to view transitions, vzhledem k Interop 2026

Dnes wwwečer

• Karolína Vyskočilová, kybernaut.cz
  AI tě naučí všechno. Nebo nic.

• Karel Navrátil & Jakub Gregorec, AK SvoKo
  Seriál Silicon Valley byl více o právu než o techu. Nevěříš?

• (rauch|bír|tschuhr)pauza

• Risk{F}uj…

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

note:

• Matter.js rozhýbala známý obrázek ze srpna 2020