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 20: The elder scrolls (der Alte scrollt)
Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥
Feedback? Kommentar oder Twitter.
Auferstanden von den Toten! #WWSIV ist zurück! In unserem Scrolling-Spezial sprechen wir über Scroll-Snapping, overflow-anchor, smoothes Scrolling und Scrollbar-Design, das einen das Fürchten lehrt. Dazu erzählt Moritz welche seine langjährigen Liebslingsapps sind und Constantin berichtet von freshem ViteJS Frontend-Tooling. Ein gelungener Wiedereinstand ohne Risiken.
Begrüßung – [00:00:51]
Retro
- Moritz: Software, die schon seit Jahren toll ist – [00:02:37]
- Pocket Casts
- Feedly
- Nextcloud
- Constantin: Entwicklung mit Vite – [00:14:23 ]
- vitejs.dev
- Tweet von Evan You zum Projekt mit 5.800 Modulen
- Evan Yous Talk „Vite and VitePress“ von der VueConf Toronto (Slides)
- ES6 ESM Browser-Support
- Jest (der Name war mir entfallen…)
- Tweet von Evan You zum vue-cli-Ersatz
- vue-cli
- Moritz: Datenschutz-Frühjahrsputz – [00:25:22]
- Privacy Tweet
- Signal Messenger
- Clubhouse
- Tweet von Edward Snowden
- Nextcloud Deck
- Constantin: Apple Music (schon wieder…) – [00:31:44]
- instant.page
- Moritz: Vodafone Ticketsystem und Wartungsarbeiten – [00:44:08]
Property der Woche: aspect-ratio – [00:50:17]
- MDN / caniuse
- Demo 1 / Demo 2
- Alte Tricks
- Artikel „CSS aspect-ratio“ bei Kulturbanause
Kein Spam-Spot (Spend-Spot?) – [00:57:48]
- Produktion unterstützen
Tagesthema: Scrollen ohne Ende – [00:58:54]
- 1. CSS Scroll Snap – [01:01:07]
- MDN / caniuse
- Demo horizontal
- Webkit-Demoseite
- 2. Stylebare Scrollbars – [01:05:58 ]
- W3C / caniuse
- CSS Tricks
- Demo
- 3. overflow-anchor – [01:19:50]
- MDN / caniuse
- CSS Tricks / #2
- YouTube-Video Gegenüberstellung
- Demo
- Konkreter Anwendungsfall
- (Nachtrag zu Scroll Snap) – [01:27:25]
- 4. scroll-behavior: smooth – [01:29:00]
- MDN / caniuse
- Element.scrollIntoView()
- Am Ende des Themas – [01:37:49]
Das GeilTeil: Netscape im Brexit-Vertrag und unter Windows 10 – [01:41:21]
- Brexit-Vertrag (Seite 921)
- YouTube-Video Netscape Navigator unter Windows 10
Die WWSIV-Fibel / Gedankenspiele – [01:56:09]