CDN77 11. 09. 2024

Brno dnes: Diskuzní večer o tom, jak začít dělat vývojáře na volné noze
příště: 9. října, O₂ universum: FrontKon

WWW minulém díle jste viděli

• Kristýna Marková - Odhalení mýtů o webové přístupnosti

• Heydon Pickering – What is React.js

note:

• v 5 minutách a 1 sekundě vysvětlí Heydon Pickering
• doporučuji si projít přepis pod videem s režisérskými poznámkami
• zajímavé související články:
  • Reckoning: Part 1 — The Landscape
  • Virtual DOM Is Pure Overhead

Letem swwwětem

Prohlížeče

Firefox 130

vydán 3. září 2024

• nativní akordeon pomocí

…
…

• opravena chyba 1908931

• @property

note:

• KoutPen: akordeon; details se seskupí atributem name
• chyba 1908931: nefunkční rozdělování slov ve slovenštině a češtině
  • Ondřej Sojka (je přítomen?) nahlásil 19. července, opraveno za 2 měsíce
• @property od 9/7 široce dostupné
  • ukázat rozdíl mezi initial value a výchozí hodnotou var(--vlastnost, záchranná hodnota)
  • výchozí hodnota je povinná
  • Una Kravets vysvětluje, co se dá dělat s @property

Chrome 129

vydán 11. září 2024

• funkce calc-size() umožní animovat

  • auto

  • min-content

  • max-content

  • fit-content

  • stretch

  • contain

note:

• calc-size() umožňuje animovat nečíselné hodnoty

Safari 17.6

vydáno 29. července 2024

note:

• opravy, na obzoru je 18

Zachyceno v síti

State of CSS

note:

• díky Adamovi Kudrnovi i česky
• uzavřeno minulý týden, výsledky snad do FrontKonu, povíme si v listopadu

Co jsem nevěděl, nebo zapomněl:

• backdrop-filter
• linear() Easing Function
• offset-path
• overscroll-behavior (zapomněl, představoval jsem v nowwwinkách 5/22)
• scrollbar-gutter
• scroll-timeline
• view-timeline
• Discrete Properties Animations
• hanging-punctuation
• Sign-Related Functions
• Stepped Value Functions
• image()

Web components

note:

• praktické články a návody

Přístupnost ze zákona

• „Evropský akt přístupnosti“

• v platnost: 28. června 2025

• WCAG (Web Content Accessibility Guidelines)

• netýká se mikropodniků (do 10 zaměstnanců a do 2 mil. EUR obratu) – zatím

note:

• video Kristýny Markové
• v červnu vstoupí v platnost

Nenechte se uchlácholit výjimkou pro mikropodniky. Mikropodnik neznamená provozovatele webu, resp. u jednoho s.r.o., ale u všech partnerských nebo propojených podniků. Tím jsou typicky další právnické osoby, které mají podíl na tom s.r.o s e-shopem, nebo na kterých má podíl právě to s.r.o. s e-shopem… Stejně tak se typicky přičtou další právnické osoby přes společníka, který má 50 % a podíly na dalších společnostech.

• díky Karel Navrátil za právnické okénko: více na jeho přednášce na FrontKonu
• weby bychom ovšem měli stavět přístupně zákon nezákon, resp. ze zákona slušnosti

Heydon Pickering

série článků u HTML prvcích

note:

• jede přísně podle abecedy zatím pokryl písmeno A, takže (vyjmenujeme všecky prvky na A? Je jich 7.):
  • The anchor element
  • The abbr element
  • The address element
  • The area element
  • The article element
  • The aside element
  • The audio element
  • z Heydonovy timeliny:

Nástroje a udělátka

Accessibility Acceptance Criteria

note:

• zevrubný souhrn toho co a jak testovat přístupnost komponent nebo procházení webu na čtecím zařízení
• návody v markdownu, tj. snadno si je přenesete do své dokumentace, nebo nástroje na řízení projektů (jako zadání pro kolegu)

Perfect debugger

note:

• jestli vás štvou kolegové, co vám hlásí chyby lakonickými výkřiky: „Nefunguje web!“ nebo „Je to rozbitý!“, pošlete je (to taky můžete, ale nikam to nevede, věřte mi) na Perfect debugger

KoutPen

note:

• ukázka animace vlastností normálně neanimovatelných

Dnes

• Opi Danihelka, Frontend Platform Engineer Postman
  Jak postavit Continuous Integration pipeline pro velké frontend monorepo
• Pavel Cvetler
  Reflektuj, plánuj, uspěj: Umění retrospektivy času
• Jenda Horák, CDN77
  Passkeys: zapomeňme konečně na hesla

note:

• prožram

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