{F}rontendové nowwwinky

Archiv nowwwinek, které připravuji pro pražská setkání spolku {F}rontendisti. Scházíme se každou druhou středu v měsíci, přijď, já přijdu!

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

2026

  1. CDN77 (Praha)

      contrast-color | container style queries | column-rule | round() | scroll-driven animations | view transitions

  2. Café Lajka (Praha)

      user-valid | contrast-color | container-name | sizes auto | Prompt API

  3. MEWS (Praha)

      FrontKon | CSS containment | grid | scroll state queries | JavaScript

  4. Pivovar Lajka (Praha)

      corner-shape | shape() | view transitions | trusted types | CSS state machines

  5. FrontKec #9 (Praha)

      grid-lanes | temporal API | CSS first | CSS 2025 | interop 2026

  6. Alma Career (Praha)

      anchor positioning | invoker commands | Temporal API | grid lanes | ReliCSS

2025

  1. IMPACT hub (Brno)

      box-sizing | view transitions | color interpolation | invoker commands | OKLCH

  2. Pivovar Lajka (Praha)

      View transitions | baseline-source | box-sizing | scroll-margin | npm dependencies

  3. Etnetera (Praha)

      CSS functions | scroll-marker-group | logical assignment | SVG | Green Code

  4. Alma career (Praha)

      CSS if() | reading-flow | font-palette | CSS carousel | Temporal API | GraphQL

  5. Mews (Praha)

      Temporal API | CSS infinity | CSS Masonry | Baseline | Webshare API | AI coding

  6. signageOS (Praha)

      custom select | CSS funkce | CSS mixiny | CSS reset

  7. Lajka (Praha)

      baseline | Interop | barevné prostory

  8. Alma Career (Praha)

      baseline | verzování CSS | cascade layers | matematické fce v CSS

2024

  1. Mews (Praha)

      přístupnost | akordeon pomocí details | @property | calc-size()

  2. FrontKon 24 (Praha, O2 universum)

      :has() | subgrid | @layer | container queries | dialog | color() | color-mix() | relative colour syntax | CSS nesting | matematické fce v CSS | @scope | @function | @mixin | anchor positioning

  3. CDN77 (Praha)

      přístupnost | akordeon pomocí details | @property | calc-size()

  4. signageOS (Praha)

      content (kombinace attr() a textového řetězce, @import supports, :has() use case

  5. elpíčko (Praha)

      anchor positioning

  6. Alma Career (Praha)

      light-dark()

  7. Pivovar Lajka (Praha)

      103 early hints | field-sizing | NavigationActivation | woff2-variations

  8. Seznam.cz (Praha)

      CSS nesting | counter-set | @function (návrh) | @mixin (návrh) | if/else v CSS | @scope

2023

  1. Heureka Group (Praha)

      výchozí hodnota content attr() | relative colour syntax | <search> | @media (update)

  2. Ataccama (Praha)

      CSS nesting | @import supports | subgrid | 2 hodnoty display | leading-trim | text fragment v URL

  3. Pipedrive (Praha)

      popover | CSS nesting | :user-valid/:user-invalid | grid masonry | Baseline | pozor na CSS nesting

  4. Na Věnečku (Praha)

      matematické fce v CSS | :nth-child(an + b of S) | text-wrap balance | image-set

  5. {𝐅}rontendisti v Betsys (Praha)

      CSS nesting | margin-trim | image-rendering pixelated

  6. Hospodský sraz (Praha, Na Věnečku)

      container queries | CSS Root Font Units (rex, rch, ric, rlh) | color() | color-mix() | style queries | :nth-child(an + b of S) | @media (X <= width <= Y)

2022

  1. Ataccama (Praha)

      dynamické jednotky | container queries

  2. Hospodský sraz (Praha)

      subgrid | container queries | @layers pro dema | :has()

  3. Poprázdninový sraz (Praha)

      :has() | :modal | :fullscreen

  4. Křížený potlach (Brno)

      priority hints | @layers v devTools | hwb() | will-change | subgrid | overscroll-behavior

  5. Hybrid meet up (Praha)

      atribut fetchpriority | atribut enterkeyhint | atributy pro seznamy | :has() | back/forward cache

  6. Online sraz (Brno)

      dialog | @layer | :fullscreen

  7. Online sraz (Praha)

      cascade layer

2021

  1. Pipedrive (Praha)

      CSS resize | dynamic viewport units

  2. Online sraz (Praha)

      image-set() | :state | counter-styles

  3. Online pokec (Praha)

2020

  1. Online sraz (Praha)

      grid masonry

  2. Hospodský sraz (Praha)

      JS number formatter

  3. Hospodský sraz (Praha)

      descripton list je teď definition list | nativní lazyloading | local overrides v devTools

  4. Hospodský sraz, Pinta (Praha)

      meta tag pro hodinky od Applu | State of JS 2019 | State of CSS 2019

2019

  1. Hospodský sraz (Praha)

  2. Hospodský sraz (Praha)

      11ty

  3. Hospodský sraz (Praha)

2018

  1. CSS Custom Properties v praxi s přesahem do teorie (Praha)

      proměnné vlastnosti