Mastodawn

#Development #Techniques
4 must‑know CSS features in 2026 · “Toolbelt worthy, powerful, and game-changing CSS.” https://ilo.im/169nsr

_____
#ModernCSS #Staggering #Scrolling #Typography #TypeSafety #Animations #ProgressiveEnhancement #WebDev #Frontend #CSS

4 CSS Features Every Front-End Developer Should Know In 2026 · January 7, 2026

Toolbelt worthy, powerful, and game-changing CSS you need for 2026.

nerdy.dev

Inautilo 1d ago

#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

Inautilo Dec 24

#Development #Techniques
Padding for text decorations · How CSS ‘text-decoration-inset’ polishes underlines https://ilo.im/169cyu

_____
#ModernCSS #Typography #Decorations #Animations #Links #Firefox #Browser #WebDev #Frontend #CSS

lemssiah Dec 22

Ciao, CSS preprocessors?
CSS Nesting is here, folks.

https://codepen.io/art-eque/pen/zxBOyry?editors=0100

#CSSNesting #ModernCSS #CSSFeatures #CSSTips #CSSTricks #NoMorePreprocessors #GoodbyeSass #DevTrends #WebStandards

CSS Nesting

...

Inautilo Dec 20

#Development #Announcements
Introducing CSS ‘grid-lanes’ · The future of masonry layouts on the web https://ilo.im/169b9q

_____
#ModernCSS #CssGrid #Layout #Masonry #W3C #Safari #Browser #WebDev #Frontend #CSS

Introducing CSS Grid Lanes

It’s here, the future of masonry layouts on the web!

WebKit

Inautilo Dec 12

#Development #Announcements
CSS scroll-triggered animations are coming · Chrome’s next chapter for scroll-based animations https://ilo.im/1694ad

_____
#ModernCSS #Scrolling #Animations #Triggers #Browser #WebDev #Frontend #CSS

CSS scroll-triggered animations are coming! | Blog | Chrome for Developers

We have scroll-driven animations. Now, meet scroll-triggered animations.

Chrome for Developers

Inautilo Dec 9

#Development #Pitfalls
Fit text responsibly · ”Be careful of the shiny new things.” https://ilo.im/168yam

_____
#ModernCSS #Text #Content #Accessibility #Print #Chrome #Browser #WebDev #Frontend #CSS

Fit Text Responsibly

Be careful of the shiny new things.

Inautilo Dec 8

#Development #Overviews
CSS Wrapped 2025 · The powerful CSS features that landed in Chrome this year. https://ilo.im/1690c5

_____
#ModernCSS #Baseline #Browser #Chrome #API #WebPlatform #WebDev #Frontend #HTML #CSS

CSS Wrapped 2025

Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.

CSS Wrapped 2025

Inautilo Dec 7

#Development #Demos
Re-imagine the web · What you can do with Scoped View Transitions https://ilo.im/168vwf

_____
#ModernCSS #ViewTransitions #Animations #Chrome #Browser #Design #WebDesign #WebDev #Frontend #CSS

Re-imagine the web with Scoped View Transitions

YouTube

Inautilo Dec 2

#Development #Guides
A pragmatic guide to CSS colors (part 2) · The many color options modern CSS opens up https://ilo.im/168um3

_____
#ModernCSS #CssCalc #Colors #ColorSchemes #OKLCH #HSL #Transparency #Browser #WebDev #Frontend

A pragmatic guide to modern CSS colours - part two

Kevin is back with the follow up to part one of this series. This time, Kevin goes deep on how functional the newer colour capabilities are in practice to hopefully, encourage more designers to use their browser more often.

Piccalilli