CDN77 10. 06. 2026

příště: 9. září, Sky
Brno dnes: Vývojář v éře AI – Jak na pevné základy a lepší soft skills

WWWýhledově

- 11. 6. 17:30 LundeTalks: Na vlně AI
Futurama Business Park - Karlín
- 5.–6. 10. FrontKon
0₂ Universum

Frontkon: workshopy

5. října

• Petr Glaser
  AI ve vývoji bez omáčky: od neznámé codebase po debugging a testy

• Manuel Matuzović
  Accessibility v Reactu: Od teorie k funkčnímu kódu

• Michal Matuška
  WebPerformance v Chrome DevTools: ponoř se do hloubky

note:

• workshopy den před FrontKonem – konference 6. října (i když někteří šíří fámy – Máchal: 10. října)
• lze stihnout i 2 (v určitých kombinacích)
• Michal: PageSpeed.one

WWW minulém díle jste viděli

Frontendisti.cz na YT

• Martin Michálek – Proč vám váš CEO bere práci?

• Marek Velas – 7 klíčových kompetencí vývojáře v době AI

• Martin Omacht – Budeme ještě frontendisti?

FrontKec

• Riki Fridrich – Co říkají výsledky State of JavaScript/React 2025

• Robin s Martinem o AI, filozoficky i prakticky

note:

• Martin Omacht: co s námi frontendisty a frontendistkami
  • případovka + tipy, na co se zaměřit a zvýšit svůj přínos (tím že rozšířím svůj záběr) a kudy do toho

Letem swwwětem

Prohlížeče

Firefox 151
vydán 19. května 2026

Chrome 149
vydán 20. května 2026

Safari 26.5
vydáno 11. května 2026

note:

Wwwywwwíječe

Claude Opus 4.8 (Anthropic)
vydán 28. května 2026
GPT-5.5 (OpenAI)
vydán 23.dubna 2026
Gemini 3 Pro (Google)
vydán 19. května 2026
Grok 4.3 (xAI)
vydán 30.dubna 2026
DeepSeek V3.2 (DeepSeek)
vydán 24.dubna 2026

Web platform status

běžně dostupné: 6/2026

• CSS nesting

• lh, rlh

• lazy loading obrázků a iframů

• :has()

note:

• běžně dostupné (widely available): 2,5 roku od chvíle kdy fičuru implementoval poslední z trojice CH, FF, SF
• lazy loading: nově v CH nyní i video a audio

nově dostupné: 6/2026

• contrast-color()
• container style queries

@container style(--themeBackground),
    style(--themeColor: blue) or style(--themeColor: purple) {
  /* stylopis */
}

note:

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

omezená dostupnost: 5/2026

Prompt API

• Mat Marquis: Google’s Prompt API

Žádný webový standard by neměl obsahovat povinný souhlas s obchodními podmínkami reklamní společnosti.

note:

• CH148 na pozadí stáhne 4GB Gemini Nano (smažete-li, obnoví si ho) => od příští verze
  • každá stránka, kterou navštívíte ho může úkolovat
• Matthias Ott: Lazy and Prompt
• Jake Archibald
• FF i SF odmítli

omezená dostupnost: 6/2026

.flex-container {
  display: flex;
  flex-wrap: balance;
}

• column-rule, row-rule

note:

• column-rule nenápadné, leč mocné rozšíření gridu
  • jen CH
  • stylování mezer (gap) v gridu a flexu
  • článek Brechta De Ruyte

Zachyceno v síti

State of CSS

Letošní ročník průzkumu State of CSS 2026 pouze do pátku!

note:

• Riki Fridrich: horoskopy pre vývojárov
• výsledky State of AI

Temani Afif: The State of CSS Centering in 2026

• 100 způsobů

note:

• 60 hacků, 30 použitelných, 10 jedinečných
• grid, flexbox, block, anchor positioning
• znáte safe a unsafe centrování
• tip od Kateřiny
• Fundamentals of alignment in CSS

Ahmed Shadeed: Better fluid sizing with round()

.title {
  font-size: round(down, 15px, 2px);
}

note:

• způsob up|down|nearest|to-zero
• samotná hodnota
• interval
• Baseline 5/24

Josh Comeau: Scroll-Driven Animations

note:

• nezapomínat na @media (perfers-reduced-motion)
• čeká se na FF

Durgesh Rajubhai Pawar o vícestránkových view-transitions

1. The Gotchas Nobody Mentions
2. Scaling Across Hundreds of Elements

note:

• stále jen CH => progressive enhancement
• škálování: 100 produktů s unikátním názvem animace?
• součástí článku i tahák s nejdůležitějšími tipy

Browsers Treat Big Sites Differently

• Safari quirks
• Firefox webcompat

note:

• předstírají býti CH, protože neCH prohlížeče dostávají omezený obsah, nebo jsou rovnou blokovány!
• historie se opakuje, vyhrabali jsme se jímky optimalizací pro IE a rovnou začali hloubit novou
  • vzniká smyčka: CH dominuje, vývojáři ladí pro CH, ostatní prohlížeče trpí, uživatel obviní prohlížeč z neschopnosti a přepne do CH, který je zas o kousek dominantnější…

Matthias Ott: Ad infinitum

Google I/O – nové vyhledávací pole

1. Co když o to lidi nestojí?

2. Co bude s reklamami?

3. Co když o to lidi nestojí?¿

note:

• Matthias reaguje na letošní Google I/0
• co bude s reklamami Google ohlásil den na to během Marketing live
  • nejlepší reklamy musí být odpovědi

Nástroje a udělátka

web-features-cli

wf <query> [options]

wf grid -s bugs -s positions

KoutPen

Ana Tudor: animované ohraničení

note:

Dnes wwwečer

• Adam Kovář
  Mezistavy: React nechce, abyste řešili async
• Jan Honza Černý a.k.a. chemiX
  Vibecoding 280+ dní poté
• Jiří Cerhan
  Co mi chybí v BEM (lightning talk)

note:

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

už AI vydělává?

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