{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. Alma Career (Praha)

2025

  1. IMPACT hub (Brno)

  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