Arbaoui Mehdi(@arbaoui_mehdi) 's Twitter Profile Photo

🆕 CSS Working Group discussed `CSS 4` definition, and agreed to the following:

'The CSSWG supports defining levels for CSS as a way for the community to understand batches of CSS features.'

🔗 Discussion:
github.com/w3c/csswg-draf…

🔗 CSS Feature List:
github.com/orgs/CSS-Next/…

🆕 CSS Working Group  discussed `CSS 4` definition, and agreed to the following:

 'The CSSWG supports defining levels for CSS as a way for the community to understand batches of CSS features.'

🔗 Discussion:
github.com/w3c/csswg-draf…

🔗 CSS Feature List:
github.com/orgs/CSS-Next/…
account_circle
vic 🐺(@itsvicdev) 's Twitter Profile Photo

the View Transitions API is very interesting, and it's stupid simple with Nuxt
just enable it :)

works with chromium-based browsers only for now until they stabilize the API in the CSSWG

the View Transitions API is very interesting, and it's stupid simple with Nuxt
just enable it :)

works with chromium-based browsers only for now until they stabilize the API in the CSSWG
account_circle
Muhammad Afzal(@M_Afzal_Sahir) 's Twitter Profile Photo

CSS Architecture typically includes the following components:

✔️ Naming Conventions
✔️ Modularity
✔️ Separation of Concerns
✔️ Performance Optimization
✔️ Tooling

CSS Working Group Tailwind CSS Bootstrap

CSS Architecture typically includes the following components:

✔️ Naming Conventions
✔️ Modularity
✔️ Separation of Concerns
✔️ Performance Optimization
✔️ Tooling

@csswg @tailwindcss @getbootstrap
#css3 #HTML #webdevelopment
account_circle
PodRocket(@PodRocketpod) 's Twitter Profile Photo

Now that most major browsers support CSS nesting, Adam Argyle (Adam Argyle) Google Chrome DevRel and part of the CSS Working Group, gives a deep dive on the long-awaited feature.

Apple: buff.ly/4a5HzlT
Spotify: buff.ly/46U0Dk2
Google: buff.ly/41fZ3bh

Now that most major browsers support CSS nesting, Adam Argyle (@argyleink) Google Chrome DevRel and part of the @csswg, gives a deep dive on the long-awaited feature.

Apple: buff.ly/4a5HzlT
Spotify: buff.ly/46U0Dk2
Google: buff.ly/41fZ3bh
account_circle
Lea Verou(@LeaVerou) 's Twitter Profile Photo

Not one, not two, but THREE of my proposals were accepted in today’s CSS Working Group F2F! 🎉

1. background-clip: border-area; to easily create continuous image (e.g. gradient) borders that are clipped to the border area and follow rounding properly
github.com/w3c/csswg-draf…

2. Rounding in

Not one, not two, but THREE of my proposals were accepted in today’s @csswg F2F! 🎉

1. background-clip: border-area; to easily create continuous image (e.g. gradient) borders that are clipped to the border area and follow rounding properly
github.com/w3c/csswg-draf…

2. Rounding in
account_circle
r12a(@r12a) 's Twitter Profile Photo

After work on font lister, my suggestion for i18n generic font families needed for CSS:
github.com/w3c/i18n-discu…

Font lister
r12a.github.io/scripts/fontli…
CSS GH issue:
github.com/w3c/csswg-draf…
Fonts spec (ED):
drafts.csswg.org/css-fonts-4/

After work on font lister, my suggestion for i18n generic font families needed for CSS:
github.com/w3c/i18n-discu…

Font lister
r12a.github.io/scripts/fontli…
CSS GH issue: 
github.com/w3c/csswg-draf…
Fonts spec (ED):
drafts.csswg.org/css-fonts-4/
account_circle
Adam Argyle(@argyleink) 's Twitter Profile Photo

A ✨first look✨ at snapChanged in Chrome Canary

document.addEventListener('snapchanged', e => {
console.log('changed', e.snapTargets)
})

get notified when a snap scroller has changed the snap item, and access the node with `event.snapTargets` 🤓

drafts.csswg.org/css-scroll-sna…

account_circle
一丝(@yisibl) 's Twitter Profile Photo

Does anyone know exactly which version of each browser supports the font-weight range syntax?

e.g. font-weight: 100 399

drafts.csswg.org/css-fonts/#ex-…

Does anyone know exactly which version of each browser supports the font-weight range syntax? 

e.g. font-weight: 100 399

drafts.csswg.org/css-fonts/#ex-…
account_circle
Addy Osmani(@addyosmani) 's Twitter Profile Photo

Chrome 118 supports CSS scoped styles with (@)scope! Also in Chrome DevTools! bit.ly/css-scope

Here the scope rule overrides the global CSS background-color for all <p> in elements with a card class:

Chrome 118 supports CSS scoped styles with (@)scope! Also in @ChromeDevTools! bit.ly/css-scope 

Here the scope rule overrides the global CSS background-color for all <p> in elements with a card class:
account_circle
Chance(@chancethedev) 's Twitter Profile Photo

I'd love nothing more from the CSSWG than to see this ticket closed before its 10th anniversary 🥺 github.com/w3c/csswg-draf…

account_circle