Alma Career 10. 04. 2024

mezitím v Brně: Music Lab
příště: 15. května (místo upřesníme)

note:

• Adam Křenek: úvod za Almu
• Díky Alma Career za dlouhdobou podporu už od dávných dob, kdy se ještě jmenovali LMC a sídlili úplně jinde přes most (který ještě stál).
• představit spolek

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

• organizační náležitosti
• Brno: Jak se připravit na pohovor v roce 2024
• pozor, pokud mne paměť nešálí, poprvé porušme pravidlo 2. středy v měsícit

15. května

9. října

Praha

note:

• jiné datum, kdo ví?
• nápověda… :P

Dnes

• Dr. Adam Kulhánek MBA, adamkulhanek.cz
  Lifestyle medicína a zdravotní hacky pro vývojáře - jak přežít rutinu
• Pavel Ungr, pavelungr.cz
  SEO ještě neumřelo, co dělat aby žilo co nejdéle?
• Adam Kudrna, Frontend Garden
  Toast notifikace: kolik zvládne moderní CSS?

note:

• změna programu: prohodili jsme Adamy

WWW minulém díle jste viděli

• Oliver Kutiš - Vyhodnocování marketingových aktivit s pomocí sGTM

note:

• z YT kanálu Frontendisti.cz
• sGTM: Google tag manager na serveru, což vám umožní si data, než je pošlete do analytics, očistit, upravit, doplnit

Letem swwwětem

note:

• 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

Prohlížeče

Firefox 124

vydán 19. března 2024

note:

• spíše drobnosti a opravy

Chrome 124

vydán 10. dubna 2024

:root {
  color-scheme: light dark;
  --primary-color: light-dark(#333, #fafafa);
  --primary-background: light-dark(#e4e4e4, #121212);
  --highlight-color: light-dark(hotpink, lime);
}

note:

• funkci light-dark() připravuje Safari do příští verze (17.5)

Safari 17.4

vydáno 7. dubna 2024

@scope (.card) {
    img {
        border-color: green;
    }
}

note:

• zavináčové pravidlo (at-rule), které omezí dosah selektorů/předpisů v něm obsažených

Safari 17.4

vydáno 7. dubna 2024

@scope (.card) to (.card__content) {
    img {
        border-color: green;
    }
}

note:

• Limit the reach of your selectors with the CSS @scope at-rule

Zachyceno v síti

NaHTMLé stránky

note:

• každý rok 9. dubna odhoďte CSS a ukažte své sémantické stránky v plné nahotě čistého HTML
• kdyby nic jiného, budou téměř dokonale responzivní (kromě nahrazovaných prvků)

Bramus van Damme

• scroll driven animation tool

note:

• bude na Webexpu
• o měsíc dříve, 25. dubna i v CSS Café – webinář

Ahmad Shadeed

• An Interactive Guide to CSS Container Queries

note:

• v návaznosti na video Katky Volákové, která na loňském FrontKonu přednesla úvod do problematiky
• vyčerpávající přehled o container queries, včetně teorie a spousty praktických příkladů
• podpora je výborná, i když u klíčových komponent raději jako progressive enhancement, případně kombinovat se starými dobrými media queries
• příklad s časovou osou

KoutPen

• Scroll driven animation: zobrazujte šipky, jen pokud to dává smysl

Díky, prezentace za chvíli na @frontendisti

note:

• pokračuje Adam Kulhánek