InautiloJan 6

#Development #Guides
CSS @Scope is now Baseline · How to simplify selectors by defining scope roots https://ilo.im/169m4x

_____
#ModernCSS #ScopedCSS #CssSelectors #Baseline #Browsers #WebDev #Frontend #CSS #JavaScript

How to @scope CSS Now That It’s Baseline – Frontend Masters Blog

There is a way to declare a scope on a specific selector, a specific selector *down to* another selector, or with no selector at all (which scopes to its parent in the DOM).

InautiloOct 9, 2024

#Development #Techniques
@Scope and HTML style blocks · They are a potent combo, so why aren’t they used more? https://ilo.im/160cen

_____
#ScopedCSS #Framework #TailwindCss #Browser #WebDev #Frontend #DOM #HTML #CSS #JavaScript

Reminder that @scope and HTML style blocks are a potent combo – Frontend Masters Boost

There is an entirely web-platform way of injecting scoped CSS styles into the DOM. It's requires zero tooling. Will we see it being used more, once Firebox support is there?

Keith J GrantSep 23, 2023

Dammit @FirefoxNightly, I'm going for it: Scope is going in the book. I hope you're ready to get on board with Chrome & Safari on this.

https://github.com/mozilla/standards-positions/issues/472

#ScopedCSS #webdev #css

CSS @scope · Issue #472 · mozilla/standards-positions

Request for Mozilla Position on an Emerging Web Specification Specification Title: CSS @scope Specification or proposal URL: https://drafts.csswg.org/css-cascade-6/#scope-atrule (explainer) Caniuse...

GitHub
pablolarahSep 20, 2023

🔵 Limitations of Scoped CSS
by Zell Liew @zellwk
#CSS #ScopedCSS #webdev

https://zellwk.com/blog/limitations-of-scoped-css/

Limitations of Scoped CSS | Zell Liew

I was really excited about Scoped CSS a couple of years back when frameworks like React and Vue introduced them. As I began trying Scoped CSS out for myself, I was disappointed and I felt it didn't live up to its hype. But after more tries, I'm happy to announce that Scoped CSS is indeed useful. You only have to realize what its limitations are and what to do when you face these limitations.

InautiloAug 7, 2023

#Development #Debates
Tailwind, and the death of web craftsmanship · “It’s a symptom of what I feel to be a larger problem in development.” https://ilo.im/14keex

_____
#Tailwind #UtilityClasses #Craftsmanship #WebDev #Frontend #CSS #ScopedCSS #Maintainability

Tailwind, and the death of web craftsmanship • pdx.su

The personal blog of software engineer Jeff Sandberg

Keith J GrantApr 25, 2023

Why is @scope different than Shadow DOM? There are a number of similarities, but a couple things make @scope different:

* it's more lightweight, so it's easy to sprinkle onto the page where Shadow DOM would be overkill
* it allows for multiple scopes to overlap and provides control over styles when they do
* it offers fine-grained control over which styles do or do not reach from an outer scope into an inner one

#css #webdev #ScopedCSS

https://keithjgrant.com/posts/2023/04/scoped-css-is-back/

Scoped CSS is Back

Several years ago, I made a plea to save scoped CSS. One of the top features on my CSS wishlist was on the chopping block, and despite a pretty big push from th

InautiloApr 25, 2023

#Development #Previews
Scoped CSS is back · What it is, how it works, and why it is so promising https://ilo.im/12iu6f

_____
#WebDevelopment #WebDev #Frontend #CSS #Specificity #ScopedCSS

Scoped CSS is Back

Several years ago, I made a plea to save scoped CSS. One of the top features on my CSS wishlist was on the chopping block, and despite a pretty big push from th

pablolarahApr 24, 2023

🟡🟣 Scoped CSS is back
by Keith J Grant @keithjgrant @keithjgrant

#css #webdev #ScopedCSS

https://keithjgrant.com/posts/2023/04/scoped-css-is-back/

Scoped CSS is Back

Several years ago, I made a plea to save scoped CSS. One of the top features on my CSS wishlist was on the chopping block, and despite a pretty big push from th