---
# System prepended metadata

title: "Online pokec Praha, 13. ledna ’21 | {\U0001D405}rontendisti"
tags: [frontendisti]

---

---
title: Online pokec Praha, 13. ledna ’21 | {𝐅}rontendisti
tags: frontendisti
---

# { 𝐅 } <br> Online sraz<br> 
### 13. ledna ’21

---

## Témata pro rok 2021(?)
 
- rychlost webů!!!
- soukromí uživatelů!?
- zelený web?

---

### [Chrome Dev Summit](https://goo.gle/cds20-sessions) (série videí)

- 41 videí (ne všechna je nutno vidět…)

---

#### Beyond fast with new performance features (Jake Archibald)

- všechny tipy se točí kolem poskakování částí stránky (cummulative layout shift) při jejím načítání: jedno ze 3 hlavních kritérií, podle nichž Google bude řadit výsledky vyhledávání od letošního května. Více na [Web vitals](https://web.dev/vitals/)
- [`content-visibility`](https://web.dev/content-visibility/)
    - progressive enhancement, zatím jen na Chromu a příbuzných
- [font metrics overriding](https://drafts.csswg.org/css-fonts-4/#font-metrics-override-desc)
    - omezí poskočení obsahu při `font-display: swap` tím, že se nastaví rozměry fontu (horní a dolní dotah, mezera mezi řádky)

---

### [Frontend Performance Checklist](https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/) (Smashing Magazine)

- vyčerpávající seznam tipů, nástrojů a postupů

---

## Ekologický webdesign

- [spočítej (ehm, odhadni) si uhlíkovou stopu](https://www.websitecarbon.com/)
- databáze hostingů, které využívají energii s obnovitelných zdrojů
- výpočetní náročnost konkrétního webu ⇒ přesunout výpočetně náročné operace z koncových zařízení na servery, které jsou odladěny na výkon
- [úvaha na téma tvorby „zelených“ stránek](https://thoughtbot.com/blog/so-you-wanna-create-an-eco-friendly-website)
    - internet je žrout šťávy, _se stim smiř™_
    - statické stránky jsou úspornější (na velikosti JS záleží)
    - CDN: čím větší dálku musí data překonat, tím víc se spálí uhlí
    - dark mode není nutně úspornější
    - kešuj, kešuj, kešuj
    - skupujte emisní povolenky
    - mažte mrtvé projekty

- mnohá doporučení se překrývají s obecnými, respektive doporučeními ke zrychlování webů ⇒ stavěme weby hospodárně, vyplatí se to v mnoha ohledech

---

## Webbed Briefs od Heydona Pickeringa

- [Is Progressive Enhancement Dead Yet?](https://briefs.video/videos/is-progressive-enhancement-dead-yet/) další vtipné video k věci (webdesignu)
    - Víte, že „prohlížeče umějí skrolovat“? Nebo že „základní layout není rozbitý layout“? I pokud to víte, mrkněte na to.