Begrüßung: – [00:00:53]
Retro
- Constantin: Stack Overflow für 1,8 Milliarden US-Dollar verkauft – [00:02:20]
- techcrunch / golem / heise
- Moritz: CSS Café – [00:08:38]
- Constantin: Gute Arbeit, die keiner bezahlen will – [00:11:48]
- WWSIV-Merch! – [00:26:35]
Tagesthema: State of CSS revisited – [00:29:10]
- text-align-last: MDN / caniuse – [00:30:16]
- initial-letter: MDN / caniuse – [00:35:24]
- font-variant-numeric: MDN / caniuse – [00:38:57]
- font-display: MDN / caniuse – [00:42:51]
- Font-Display – Supercharged auf YouTube
- CSS-Tricks: font-display / Google Fonts and font-display
- image-rendering: MDN / caniuse – [00:49:12]
- CSS Subgrid: MDN / caniuse – [00:52:57]
- CSS Writing Modes: MDN / caniuse – [00:59:17]
- CSS Exclusions: caniuse – [01:01:24]
- aspect-ratio: MDN / caniuse – [01:06:39]
- backdrop-filter: MDN / caniuse – [01:09:07]
- MDN: <dialog> und ::backdrop (ist aber was ganz anderes!)
- overscroll-behavior: MDN / caniuse – [01:13:01]
- content-visibility: MDN / caniuse – [01:19:37]
- contain-intrinsic-size: MDN / caniuse
- Slashing layout cost with content-visibility – HTTP 203 auf YouTube
- CSS Containment: MDN / caniuse – [01:24:09]
- Einwurf: Tailwind CSS – [01:29:19]
- touch-action: MDN / caniuse – [01:30:33]
- :any-link: MDN / caniuse – [01:42:33]
- :default: MDN / caniuse – [01:43:52]
- :indeterminate: MDN – [01:30:33]
- (overflow-anchor – hatten wir schon in Folge № 20) – [01:52:56]
Eigenwerbung – [01:55:42]
GeilTeil
- Constantin: pointerpointer.com – [01:58:55]
- Moritz: stylestage.dev – [02:02:13]
Verabschiedung – [02:05:28]
Kommentare
Lars Pourlardkommentierte
am
Ich mal wieder, so am Rande: bei „Free Tier“ reimt sich das englische „Tier“ (= Abstufung) tatsächlich auf das deutsche „Tier“ (= animal), eine Aussprache von „Tier“ wie „Buyer“ würde jemand bezeichnen, der z.B. freundlicherweise anderen die Schuhe bindet („to tie your laces“), das macht aber z.B. https://aws.amazon.com/free (glaube ich) nicht.
Lars Pourlardkommentierte
am
Ah, gerade mal gekuckt: auf Deutsch sagt Amazon „Kostenloses Kontingent“, auf Englisch ist es der „Free Tier“
Constantinkommentierte
am
Danke! Dabei bin ich sonst eigentlich immer selbst die Sprachpolizei! 🚨😄
Meise2000kommentierte
am
Also die indeterminate-Checkbox setzt man z.B. bei Tabellen, wo jede Zeile einzeln per Checkbox auswählbar ist, in einer Checkbox in der Spaltenüberschrift der Checkbox-Spalte. Das kennt man z.B. bei webbasierten Mailprogrammen. Die Idee ist, dass man mit der Checkbox in der Spaltenüberschrift alle Zeilen an- bzw. abwählen kann. Wann man aber nicht alle Zeilen ausgewählt hat, muss die Checkbox in der Spaltenüberschrift genau den Zustand indeterminate bekommen…
Merken kann man sich immer den letzten klaren Zustand dieser Checkbox, wenn man eine Tabelle mit sehr vielen Einträgen hat, die nicht alle gleichzeitig im Browser angezeigt werden, sondern per Chunk geladen werden. Man kann damit z.B. eine Art Black- und Whitelist unterscheiden. Also: Ich hab eine Liste mit 100.000 Einträgen. Im Browser sind aber nur 100 geladen. Jetzt klickt der User auf die Checkbox in der Spaltenüberschrift und wählt damit alle 100.000 aus. Nun wählt er in der Liste 5 Einträge wieder ab und sagt damit „alle 100.000 außer den 5“. Zum Server muss man dann die 5 nicht ausgewählten Einträge übertragen, zusammen mit der Info, dass der Übergang der Checkbox in der Spaltenüberschrift von ausgewählt auf indeterminate gegangen ist (Blacklist).
Constantinkommentierte
am
Cool, danke für dieses praktische Anwendungsbeispiel!