Online sraz 11. 11. 2020

State of CSS/Zpráva o CSS

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 na Smashing Magazine

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
• 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ářů

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 vytvořených pomocí CSS
• demo na CodePen

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

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)