Die blutige Kante von CSS

Wo wir sind ist vorne.

Wir haben dich gut unterhalten? Unterstütze uns mit einer Spende ♥

Feedback? Kommentar oder Twitter.

Der 🔥te 💩 aus der aktuellen „State of CSS“-Umfrage kompiliert in ein bitgewordenes Audioerlebnis! U.A.: neue CSS-Einheiten für Viewports, einfärbbare Schriftarten, Trigonometrie mit CSS, Nesting, neue Möglichkeiten Bilder zu beschneiden, HDR-Farben und vieles vieles mehr! Dazu reichen wir einen einfachen Trick Google-Font DSGVO Abmahnungen zu vermeiden + Serien und Filmempfehlungen. BÄM!

Begrüßung – [00:00:54]

Retro

• Constantin: DSGVO und Google Fonts – [00:04:15]
  • OMGF WordPress Plugin
• Moritz: Web Views in MacOS – [00:10:34]
  • Tweet
• Constantin: Sovereign Tech Fund – [00:15:56]
• Moritz: Niemals nachträglich die Größe von Buttons ändern – [00:22:28]
• Moritz: Worms WMD – [00:25:42]

Property der Woche: document.currentScript – [00:29:22]

• MDN

Tagesthema: Neues aus „The State of CSS“ – [00:33:33]

1. object-view-box – [00:35:25]
   • Artikel von Ahmad Shadeed
2. Viewport-Percentage Length Units – [00:37:27]
   • Artikel von Anthony Frehner
   • Arc Browser
   • caniuse
3. Media Queries Range Contexts – [00:42:40]
   • caniuse
4. currentColor – [00:46:12]
   • Folge 5: #BADA55 #C55 #C01025
   • CodePen-Demo
   • caniuse
5. color-mix() – [00:50:17]
   • MDN
   • caniuse
6. Wide Gamut Colors – [00:51:30]
   • CodePen P3 Color Space Test
7. Relative Colors – [00:54:39]
   • Artikel von Stefan Judis
8. Gradient Color Spaces – [00:57:21]
   • Artikel auf CSS-Tricks
9. scroll-behavior – [01:00:00]
   • Artikel auf CSS-Tricks
10. scrollbar-gutter – [01:01:37]
    • CodePen-Demo
11. font-palette – [01:12:18]
    • Artikel auf CSS-Tricks
    • Folge 14: Webtypografie mit Gerrit van Aaken
12. prefers-contrast und forced-colors – [00:1:17:27]
13. :focus-visible – [00:1:19:41]
    • MDN
    • caniuse
14. :has() – [01:21:45]
    • 041 I can :has(parent selector)?
    • Artikel von Manuel Matuzović
15. :where() – [01:22:02]
    • Folge 10: Jäger der verlorenen CSS-Features – Kapitel I
    • Folge 13 Special: Gekommen um zu bleiben!
16. Cascade Layers – [01:22:43]
    • Artikel auf CSS-Tricks
17. Shadow DOM ::part() – [01:25:06]
    • Artikel auf CSS-Tricks
    • Folge 40: Frontend & Feldfrüchte mit Anselm Hannemann
18. Trigonometric Functions – [01:26:18]
    1. Artikel von Michelle Barker
19. Nesting – [01:28:13]
    • Tweet
20. image-set() – [01:32:28]
    • MDN
21. image() – [01:34:29]
    • MDN

WEEERBUUUNG – [01:38:24]

GeilTeil: BBC „Ghosts“ – [01:39:16]

• BBC iPlayer
• werstreamt.es
• Michael Jackson – Ghosts Short Film (1996) auf YouTube

Das Ende – [01:45:51]

Kapitel

1. Intro (00:00:05)

2. Begrüßung (00:00:54)

3. Constantin: DSGVO und Google Fonts (00:04:15)

4. Moritz: Web Views in MacOS (00:10:34)

5. Constantin: Sovereign Tech Fund (00:15:56)

6. Moritz: Niemals nachträglich die Größe von Buttons ändern (00:22:28)

7. Moritz: Worms WMD (00:25:42)

8. Property der Woche: document.currentScript (00:29:22)

9. Tagesthema: Neues aus "The State of CSS" (00:33:33)

10. 1. object-view-box (00:35:25)

11. 2. Viewport-Percentage Length Units (00:37:27)

12. 3. Media Queries Range Contexts (00:42:40)

13. 4. currentColor (00:46:12)

14. 5. color-mix() (00:50:17)

15. 6. Wide Gamut Colors (00:51:30)

16. 7. Relative Colors (00:54:39)

17. 8. Gradient Color Spaces (00:57:21)

18. 9. scroll-behavior (01:00:00)

19. 10. scrollbar-gutter (01:01:37)

20. 11. font-palette (01:12:18)

21. 12. prefers-contrast und forced-colors (01:17:27)

22. 13. :focus-visible (01:19:41)

23. 14. :has() (01:21:45)

24. 15. :where() (01:22:02)

25. 16. Cascade Layers (01:22:43)

26. 17. Shadow DOM ::part() (01:25:06)

27. 18. Trigonometric Functions (01:26:18)

28. 19. Nesting (01:28:13)

29. 20. image-set() (01:32:28)

30. 21. image() (01:34:29)

31. WEEERBUUUNG (01:38:24)

32. GeilTeil: BBC "Ghosts" (01:39:16)

33. Das Ende (01:45:51)