Alma Career 11. 02. 2026

Brno dnes: Diskuze na téma CSS Wrapped 2025
příště: 11. března, Pivovar Lajka

note:

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

WWWýhled

FrontKon: nově samostatné sociální sítě

note:

FrontKon získal vlastní socnety
koho zajímá FrontKon, nechť sleduje sociální sítě FrontKonu
na sociálních sítích Frontendistů budeme dál informovat o meetupech, hospodách a všech akcích mimo FrontKon

WWW minulém díle jste viděli

note:

Frontkec: neruším svým vstupem, zato si můžeme o nowwwinkách popovídat 26/2 při živém streamu
Tomáš: manažerský pohled
Karel:
- Tailwind = CSS pro právníky
- při claudění kontrolovat licence, které LLM porušují
- pozn. o M$, který vykradl internet stejně jako Claude, ale tím, že vlastní GitHub, může garantovat, že kód, co vám ChatGPT poskytne licenci neporušuje - ovšem jen pokud si zaplatíte licenci enterprise (akvizice GitHubu dostává nový rozměr)
Tech talk – záznam bude, inspirativní přednáška Michala Táborského
- The alignment problem
- A brief history of intelligence

Letem swwwětem

Prohlížeče

Firefox 147
vydán 13. ledna 2026
Chrome 145
vydán 28. ledna 2026
Safari 26.3
vydáno 26. ledna 2026

note:

Interop 2025 => dotaženo na přelomu roku (SF26.2 a FF147)

Web platform status

běžně dostupné: 2/2026

Array by copy
display se 2 hodnotami (display: <display-outside> <display-inside>)

note:

běžně dostupné (widely available): 2,5 roku od chvíle kdy fičuru implementoval poslední z trojice CH, FF, SF
toReversed(), toSorted(), toSpliced(), with() vracejí pozměněné kopie původních polí
v březnu subgrid

nově dostupné: 2/2026

CSS anchor positioning
The navigation API
View transition types
Brotli support in Compression/DecompressionStream
CSS module imports
Invoker commands

note:

nově dostupné: aktuální verze CH, FF, SF podporují
ve FF se uprostřed zimy pohly ledy

omezená dostupnost: 2/2026

Temporal API

<geolocation accuracymode="precise" autolocate watch>
  <strong>Tento prohlížeč nepodporuje &lt;geolocation&gt;.
  Zkus Chrome 144+</strong>
</geolocation>

:granted {
    background: green;
}

CSS Grid Layout Module Level 3
- grid lanes

note:

dostupné jen v některých prohlížečích
Temporal API: FF139, CH144
přesnost, sleduje změnu
přidáním lang lze ovlivnit výpis hodnot
geolocation představil Manuel Matuzović
- přednášející z letošního FrontKonu
grid lanes => masonry, zatím jen SF techpreview

Zachyceno v síti

Směrnice pro Clauda (dle Karpathyho)

Než začneš, přemýšlej
Nepředpokládej. Nezastírej zmatek. Přiznej nevýhody.
Jednoduchost především
Pouze kód nezbytný k řešení daného problému. Žádné spekulace.
Chirurgicky přesné změny.
Nesahej na nic, na co nemusíš. Uklízej pouze svůj čurbes.
Neustále sleduj cíle
Popiš úspěšný výsledek. Iteruj, dokud ho nedosáhneš.

bonus: statusová řádka

note:

kdo pravidelně klaudí, měl by si tohle vsadit do CLAUDE.md
statusová řádka: díky Danovi Srbovi; měří vám tokeny a kontext

Interzměť jak za starých časů

note:

celosvětová komunita, lze se připojit
inspirativní přehlídka zajímavě ostylovaných webů
ukažte se

Nowwwinky z JS

Invoker commands

note:

vyšel State of JS, probere se v některém z nadcházejících FrontKeců
zbytný JS: atributy command a commandfor
zatím nemnoho, ale lze předpokládat, že přibydou
vlastní příkazy viz KoutPen
form… atributy na odesílacím tlačítku => KoutPen

Nástroje a udělátka

ReliCSS

note:

prohledá kód a upozorní na zastaralá pravidla
článek

KoutPen

Ana Tudor: XOR animace na pozadí

note:

na Redditu dotaz animovaným GIFem, Ana Tudor odpověděla koutpenem bohatě okomentovaným…
ještě jednou Ana Tudor

Adam Argyle: Překotvený formelák

note:

formelák: z filmů pro pamětníky
následujícím řádkem zpřístupníte rozměry a umístění prvku pro kterýkoli další prvek

button {
  anchor-name: --⚓︎-morph;
}

emotypované CSS

Dnes wwwečer

Robert Gemrot
Rendering real-time data in React
Jan Kryšpín
Z Figmy do kvalitního kódu: Code Connect + AI
Jan Sasínek
Start-up-and-down

note:

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

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