---
# System prepended metadata

title: "Online sraz Praha, 9. února ’22 | {\U0001D405}rontendisti"
tags: [frontendisti]

---

---
title: Online sraz Praha, 9. února ’22 | {𝐅}rontendisti
tags: frontendisti
---

{%hackmd KXd2iUBpSjq7Ib2Z4h3LMg %}

# { 𝐅 } <br> Letem swwwětem<br> 

9. února ’22

---

### Prohlížeče

---

#### Microsoft Edge 98
_vydán 3. února_

note:

- opravy

---

#### Firefox 97
_vydán 8. února_

note:

- především opravy

---

#### Chrome 98 
_vydán 1. února_

- [Preview feature: Full-page accessibility tree](https://developer.chrome.com/blog/new-in-devtools-98/#a11y-tree)
- [More precise changes in the Changes tab
](https://developer.chrome.com/blog/new-in-devtools-98/#changes)

Note: 

- struktura přístupnosti: 
- poslední dobou více prototypuji než kóduji, pomocí local overrides, nový přesnější výpis změn je přehlednější; co nechápu, proč z něj nelze kopírovat (možná jen problém linuxu…)
- stá verze přijde na konci března

---

#### Chrome 99 
_1. března_

- Cascade layers – zajímavá novinka k organizaci kódu 

Note:

-

---

#### Internet Explorer
_vydán 17. října 2013_

> No comment…

---

## Zachyceno v síti

---

[CSS in 2022](https://www.bram.us/2021/12/27/css-in-2022/)

note:

- autor Bramus van Damme předesílá, že nemá křišťálovou kouli, ale že sleduje issue tracke pracovní skupiny pro CSS, které kombinuje se stavem vývoje prohlížečů.
- Tak na čeho se pravděpodobně letos dočkáme: 
    - container queries - o nich nám více poví Naty Zacharová za chvíli
    - cascade layers (`@layer`) - pokud jste o nich neslyšeli jako donedávna já, nejedná se o vrstvy v DOMu (nějaké rozšíření z-indexu), nýbrž o vrstvení kaskády, tj. hrátky se specificitou. Pěkné představení tohoto modulu [natočila Una Kravets](https://www.youtube.com/watch?v=ilrPpSQJb3U). Více do hloubky [zabrousil Bramus van Damme](https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/), autor tohoto přehledu.
    - pokročilé funkce pro míchání barev
    - pseudotřída `:has`
- Ať už Bramusovi jeho předpovědi vyjdou, určitě jeho článek stojí za to i jako skvělý zdroj nejčerstvějších novinek, které jsou na cestě do CSS (třeba pokročilé matematické funkce…)

---


[What Web Frameworks Solve And How To Do Without Them – 1](https://www.smashingmagazine.com/2022/01/web-frameworks-guide-part1/)
[What Web Frameworks Solve And How To Do Without Them – 2](https://www.smashingmagazine.com/2022/02/web-frameworks-guide-part2/)

note:

- v první části autor Noam Rosenthal srovnává některé JS frameworky:
    - React, Svelte, Solid JS, Lit 
- ve druhé části přináší ukázku jednoduchého TODO listu v čistém JS, kde část logiky obstará chytře napsané CSS
- asi bychom to neměli brát jako cestu vpřed, ale inspirativní študýrku, že není třeba se ve všem spoléhat na frameworky (což platí obecně)
- pokud zmíněné či jiné frameworky používáte, alepoň si uvědomíte, co všecko za vás řeší

---


[Unveiling the new WebPageTest UI](https://blog.webpagetest.org/posts/unveiling-the-new-wpt-ui/)

note:

- Web Page Теst prošel před nedávnem výrazným redesignem a práce na něm nekončí
- Pokud si stále pamatujete WPT jako komplikovaný nástroj s 90.kovým vzhledem, dejte mu znovu šanci.
- Tim Kadlec představuje jeho nové rozhraní, které si klade za cíl zpřístupnit tento mocný nástroj i méně zběhlým uživatelům.

---


[From Chaos To System In Design Teams](https://www.smashingmagazine.com/2022/01/from-chaos-to-system-design-teams/)

note:

- Na závěr jeden méně technický článek na téma design systémů.
- O design systémech jsem četl už hodně článků i knížku, článek Javiera Cuella mě zaujal tím, že popisuje, jak se poprat s častou situací, kdy se vytváří systém pro již existující web nebo aplikaci. Dle mého soudu častější případ než vytváření designového systému od nuly pro nový projekt.

---

Díky, slajdy zanedlouho na [@frontendisti](https://twitter.com/frontendisti)