Latenight-Frontend-Talkshow rund um Webdesign und Entwicklung. Es reden sich um ＜HEAD＞ und Kragen: HTML-Fundamentalist Moritz Gießmann und JavaScript-Jongleurin Sarah Groß. Dabei geht es bei N+1 Kaltgetränken um die ganze Welt des Frontend-Developments: UX, HTML, CSS, JavaScript, Tooling, Frameworks, uswusf. Füße hoch und Ohren auf für "Wo wir sind ist vorne"!
https://wowirsindistvorne.show
episode 36: Der Web Almanac ist sowas von 2021
Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Twitter.
In unserer ersten Folge 2022 besprechen wir Interessantes aus dem Web Almanac 2021, also z.B. die beliebtesten JavaScript Frameworks und Libraries, wie es im Web mit Komprimierung ausschaut, die beliebtesten CSS-IDs, Klassennamen, Einheiten, Farbnotationen und vieles mehr! Zusätzlich werfen einen Blick auf den Accessibility-Zustand des Webs und erklären die CSS-Pseudoklasse :target.
Vollangriff auf 2022! Jetzt!
Begrüßung – [00:00:55]
Retro
- Constantin: Audio-Setup Störgeräusch beseitigt – [00:06:22]
- Moritz: Developer Fatigue – [00:11:08]
- Constantin: Halbleitermangel-Stilblüten: Druckerpatronenchips – [00:14:38]
- Canon Deutschland: Interim-Toner
- „Forced by shortages to sell chipless ink cartridges, Canon tells customers how to bypass DRM warnings“
- Superpatronen
- Moritz: WWSIV bei Spotify – [00:20:56]
- Moritz: #WWSIV hat 1000 Twitter-Follower – [00:25:03]
Property der Woche: :target – [00:26:47]
- MDN / caniuse
- Pure CSS Lightbox CodePen
- Moritz’ :target-Demo CodePen
Tagesthema: Web Almanac 2021 – [00:31:56]
- HTTP – [00:35:55]
- caniuse HTTP/3
- Markup: Dateigröße, Doctype – [00:42:16]
- JavaScript Libraries – [00:49:43]
- Komprimierung – [01:02:58]
- Markup-Komprimierung
- JS-Komprimierung
- Trends
- CSS – [01:13:07]
- Highlight: 2368 CSS Files auf einer Seite
- Beliebteste Klassennamen
- Die beliebtesten IDs
- Beliebteste CSS-Einheiten
- CSS-Einheiten nach Properties
- CSS-Farbnotationen
- CSS-Farbnamen
- 6089 Bilder per CSS geladen
- Flexbox und Grid
- 20% der Seiten nutzen Multicolumn Layout
- transition-Werte
- Beliebteste timing functions
- Nicht existierende Properties
- Accessibility – [01:43:25]
- Zoom ausgeschaltet
- lang-Attribut
- Focus overwrites: outline: 0
- main, header, nav und footer
- tabindex
- korrekte Headline-Struktur
- Captchas
- inaccessible form inputs
GeilTeil – [02:10:07]
- Carolin Wiedemann: „Zart und frei: Vom Sturz des Patriarchats” (Referral-Link!)
Das Ende – [02:19:58]