Hospodský sraz 12. 02. 2020

příště: 11. 3. tady v Liberálu?

note:

Vítáme nové spíkry! Máš-li zajímavé téma nebo případovku, nenechávej si ji pro sebe. Využijte hospodský sraz jako tréninkový prostor pro novou přednášku či prezentaci.

Letem swwwětem

Brněnský sraz

Chromium: nový vzhled formulářových prvků, lze nastavit flag Web Platform Controls updated UI, výchoze od verze 81
Picture in Picture API
Michal Matuška představil nový formát .acssvg pro SVG animace

note:

PiP: druhý pravoklik myši na YT
.acssvg přehlídka triků a vychytávek s inline SVG jako background-image

Letem swwwětem: kód

dl = ~~definition~~ description list

note:

to znamená, že se rozvolnila pravidla pro HTML


    Praha 8. 1.
    Pivní jistota
    Praha 12. 2.
    Kavárna liberál

note:

kdybych potřeboval stylovat páry dt-dd například pomocí flexboxu, jsem nahraný


    
        Praha 8. 1.
        Pivní jistota
    
    
        Praha 12. 2.
        Kavárna liberál

note:

pouze div, jiná značka ne
zdroj: MDN

Letem swwwětem: devTools

krátké video od Umara Hansy, jak na nativní lazyloading v devTools
devTools ve Firefoxu nově ukazují události navázané na prvek

note:

za zhlédnutí stojí i kvůli ukázce využití funkce local overrides, užitečné při prototypování (změny HTML/CSS/JS zůstávají i při reloadu, devTools ukážou i diff)

Letem swwwětem: studovna

Kterak funguje vykreslování stránek v prohlížeči (zevrubně)

Seriál: Inside look at modern web browser
1️⃣ část 1
2️⃣ část 2
3️⃣ část 3
4️⃣ část 4
Life Of A Pixel
WebRender for Firefox

note:

sbírka souvisejících článků

Letem swwwětem: nástroje

15 must-know JavaScript array methods in 2020
nepřeberná sbírka nejrůznějších online nástrojů Tiny Helpers
rozcestník k Eleventy, mladému ambicióznímu hráči mezi generátory statických stránek

note:

nástroje pro úpravy obrázků, za/dekódování base64, generátory CSS (tvary, gradienty atp.)

Letem swwwětem: pro radost

Přednášky

Design versus Frontend, Adina Foxová a Jan Prokop
Deploy or Die, Honza Černý