---
title: Online sraz Praha, 11. listopadu ’20 | {𝐅}rontendisti
tags: frontendisti
---

# { 𝐅 } <br> Online sraz<br>
### 11. listopadu ’20

---

# [State of CSS/Zpráva o CSS](https://stateofcss.com/)

note:

- už uzavřeno, čekáme na výsledky
- díky Adamovi Kudrnovi máme přeloženo do češtiny

---

# CSS masonry

- nativní masonry pomocí gridu – lze již částečně testovat ve Firefox Nightly
- [článek od Rachel Andrew](smashingmagazine.com/native-css-masonry-layout-css-grid/) na [Smashing Magazine](smashingmagazine.com/)

note:

- JS plugin: https://masonry.desandro.com/
- rozvržení stránky známé z Pinterestu

---

.container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /*Firefox Nightly: layout.css.grid-template-masonry-value.enabled*/
  grid-template-rows: masonry; 
}

---

## CSS masonry: nové vlastnosti

.container {
    display: grid;
    grid-template-rows: masonry;
    justify-tracks: start;
    align-tracks: space-between;
}

note:

- zatím nefungují 100% ani ve Firefox Nightly
- [justify-tracks](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-tracks)
- [align-tracks](https://developer.mozilla.org/en-US/docs/Web/CSS/align-tracks)

---

## CSS masonry: použití už dnes

@supports (grid-template-rows: masonry) {
  /* masonry code here */
}

---

# The State of Developer Ecosystem 2020
by JetBrains s.r.o

- poskytuje zajímavý vhled do [životního stylu vývojářů](https://www.jetbrains.com/lp/devecosystem-2020/lifestyle/)

note:

- Tím hlavním je pochopitleně pohled na používané jazyky a spokojenost s nimi. Asi nepřekvapí, že JS vyhrává.

---

## Developer Ecosystem 2020: demografie

- 34 000 respondentů, 20 000 zahrnuto:
- Čína 20 %
- USA 19 %
- Indie 17 %
- Japonsko 9 %
- Rusko 7 %

---

## Developer Ecosystem 2020: mazlíčci

- 60 % vývojářů nemá žádné domácí mazlíčky
- kočky a psi po 20 %

---

## Developer Ecosystem 2020: pracovní doba

- 60 % vývojářů začíná pracovat mezi 8–10

note:

- mýtus o nočních ptácích: jen 3 % začíná pracovat po 11.00

---

## Developer Ecosystem 2020: místní srazy

- 35 % navštěvuje
- ⅕ chce
- ⅕ nemá kde
- ⅙ asociálů (nechce)

note:

- nemá kde: nyní možná odpadá
- mýtus o asociálech (jen menšina se nechce potkávat)
- plná polovina by nevěřila umělé inteligenci, pokud byla nasazena do soudnictví
- nejčastějším koníčkem je programování

---

# 3D CSS

- [CSS tricks: článek o 3D objektech](https://css-tricks.com/css-in-3d-learning-to-think-in-cubes-instead-of-boxes/?utm_source=CSS-Weekly&utm_campaign=Issue-434&utm_medium=email) vytvořených pomocí CSS
- [demo na CodePen](https://codepen.io/jh3y/pen/MWeWvGO)

note:

- už jsme vidělí spoustu demíček, ale tenhle článek popisuje 3D modelování zevrubně krok za krokem, jak přistoupit k 3D objektům
- box model => vše je náhle kvádr nikoli obdélník
- představuje i JS knihovnu, která pomáhá ladit objekty

---

# [Webbed Briefs](https://briefs.video/)

> WEBBED BRIEFS are brief videos about the web, its technologies, and how to make the most of them. They’re packed with _information_, _fun times™_, and _actual goats_. Yes, it’s a vlog, but it isn’t on Youtube. **Unthinkable!**

note:

- vlog Heydona Pickeringa
- něco nemyslitelného: vlog a přitom není na YT!
- Heydon opět nezklamal, v pilotním videu se podíval na WAI-ARIA atributy a sémantiku
- dejte si dnes na dobrou noc (9 min)