Mastodawn

The whale Dec 15

𝗰𝘀𝘀-𝘀𝗲𝗹𝗲𝗰𝘁𝗼𝗿𝘀:

#CSS #Selectors #Visual #CSS-selectors

https://thewhale.cc/posts/css-selectors

Here's a visual guide to the most popular CSS selectors.

Frontend Dogma Nov 28

My CSS Selector Strategy, by @malarkey:

https://stuffandnonsense.co.uk/blog/my-css-selector-strategy

#css #selectors #principles

My CSS selector strategy

Frontend Dogma Nov 26

Frontend News #17: Why Pseudo-Elements Don’t Work With “:is()”, the Advantages of OKLCH, and More, by @zoranjambor (@cssweekly):

https://www.youtube.com/watch?v=URXjnaQg5so

#videos #css #selectors #oklch

Frontend News #17: Why :is(::before, ::after) Doesn’t Work, Why You Should Switch to OKLCH, & More

YouTube

Frontend Dogma Nov 21

CSS “:interest-invoker” and “:interest-target” Pseudo-Classes, by @trevorlasn.bsky.social:

https://www.trevorlasn.com/blog/css-interest-pseudo-classes

#css #selectors #forms

CSS :interest-invoker and :interest-target Pseudo-Classes

Style connected UI elements with CSS pseudo-classes that respond to user interest. Interactive examples showing tooltips, forms, and navigation without JavaS...

trevorlasn.com

Frontend Dogma Nov 20

Should We Even Have “:closed”?, by @sunkanmifafowora.bsky.social (@csstricks):

https://css-tricks.com/should-we-even-have-closed/

#css #selectors #disclosurewidgets

Should We Even Have :closed? | CSS-Tricks

Is there really a difference between using :not(:open) and :closed? As always, it depends. Sunkanmi Fafowora explains why :closed is currently not a thing.

CSS-Tricks

Frontend Dogma Nov 1

25 New and Rad Features of CSS, by @argyleink (@cascadiajs.com):

https://www.youtube.com/watch?v=QW6GECIzvsw

#videos #css #transitions #animations #cascade #selectors #functions #colors #scrolling

25 new & rad feature of CSS

YouTube

Frontend Dogma Oct 30

Top 11 CSS Tricks Every Web Developer Should Know, by (not on Mastodon or Bluesky):

https://archive.ph/JbGFA

#css #customproperties #layout #animations #selectors #positioning #darkmode #resets #tipsandtricks

Frontend Dogma Oct 27

CSS :is() :where() the Magic Happens, by @matthiasott:

https://matthiasott.com/notes/css-is-where-the-magic-happens

#css #selectors #cascade

CSS :is() :where() the Magic Happens · Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

Matthias Ott – User Experience Designer

Frontend Dogma Oct 7

This Website Has No Class, by @aaadaaam:

https://aaadaaam.com/notes/no-class/

#css #selectors #webcomponents