Wo wir sind ist vorne.

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

Feedback? Kommentar oder Twitter.

Schon mal die am höchsten gewertete Antwort zu einer Frage auf Stack Overflow gelesen und gedacht: geht das nicht in GEIL? Vielleicht mit CSS ohne JS-Polyfill? Wieso hat das noch keiner standardisiert? Wir spielen „CSS-Wünsch-dir-was“ und starten eine Liste der Most-Wanted-CSS-Features 2020 (Bindestriche-für-alle!-!) Passend dazu stellt Constantin die noch dampfend frischen :is()- und :where()-Pseudoklassen vor und Moritz enthüllt seine heimliche Liebe zu Klett-Kabelbinder. Eine Serie die fortgesetzt werden wird. Und Futur II ohne Reue.

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

Retro Constantin – [00:03:31]

• 48design/phmiley

Retro Moritz – [00:08:37]

• Römische Zahlschrift (Wikipedia)
• <ol>-Element Specs
• 140bytes Archiv
• Bootstrap v5

Die Property der Woche – [00:14:35]

• MDN :is() / MDN :where()
• „CSS :is() and :where() are coming to browsers“
• Safari Tech Preview 106 Release Notes
• Chrome Bug-Tickets: #568705 / #808904
• Video zur Spezifizität von Stefan Judis auf Twitter
• Neue RegEx-Engine in Spidermonkey
• Firefox 78 Release Notes

Spam-Spot: Info-Piraten – [00:24:12]

Tagesthema – [00:28:38]

• 1. Parent-Selektor, parentsUntil(), :has() – [00:31:22]
  • MDN :has() / caniuse :has()
  • jQuerys parentsUntil()
• 2. ::nth-letter() / ::nth-word() / ::nth-line() – [00:39:26]
  • „An nth-letter selector in CSS“ auf adactio
  • „A Call for ::nth-everything“ auf css-tricks
  • nthEverything mit JS
• 3. Fully styleable form elements – [00:46:14]
  • „HTML isn’t done! (Chrome Dev Summit 2019)“ von Greg Whitworth, Nicole Sullivan (OOCSS)
  • „Styling a Select Like It’s 2019“
• 4. animation/transition zu Wert „auto“ – [00:56:40]
• 5. shape-inside – [01:02:14]
  • Fake shape-inside mittels DIV-Suppe
  • Fake mittels shape-outside und SVG
• 6. Styleable scrollbars – [01:08:55]
  • caniuse CSS scrollbar styling

Das GeilTeil – [01:23:28]

• Klett-Kabelbinder (Affiliate-Link)
• browserdefaultstyles.com

Verabschiedung – [01:28:24]