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.

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


Feedback? Kommentar oder Mastodon.


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]

Twitter Mentions