CSS-Tricks Roundup: @function Walkthrough, alpha(), Grid Lanes, and Dialog Tips
By
@dxnnydotfun
Summary
This edition of CSS-Tricks' "What's !important" newsletter covers recent CSS developments including Jane Ori's beginner-friendly walkthrough of CSS @function (a major upcoming feature), the alpha() function, Grid Lanes, lesser-known details about the <dialog> element, and a CSS Wordle game. It's a curated roundup of CSS news and resources for web developers.
Source
CSS-TricksCSS-Tricks Roundup: @function Walkthrough, alpha(), Grid Lanes, and Dialog Tipscss-tricks.comKey quotes
· 3 pulled@function will probably be the biggest CSS feature to probably become Baseline this year
Jane Ori expertly explained how CSS functions work
I definitely found it a bit intimidating at first. That is, until I read Jane's baby-step-by-baby-step walkthrough, which eases you into it really well.
You might also wanna read
The Evolution of CSS: From Presentational Styling to a Smarter, Logic-Driven Language
Gabriel Shoyombo explores the evolution of CSS from a purely presentational language into one with growing logical capabilities, examining f
Smashing Magazine·1y ago
CSS Grid Lanes: Current Browser Support and Implementation Guide
The article discusses the upcoming CSS Grid Lanes feature, explaining its current browser support status and providing practical guidance fo
webkit.org·5mo ago
CSS Wrapped 2025: How CSS Evolves to Handle Logic, State, and Complex Interactions
The article discusses the 2025 CSS Wrapped report, highlighting how CSS has evolved beyond simple styling to handle logic, state, and comple
Smashing Magazine·6mo ago
Exploring Practical Uses for CSS Trigonometric Functions: sin() and cos()
This article examines CSS trigonometric functions (sin() and cos()) that were voted as the "Most Hated Feature" in the State of CSS 2025 sur
css-tricks.com·9mo ago
The Impact of Native CSS on Client-Side Routing in Modern Web Development
Native CSS transitions have diminished the need for client-side routing in modern web development, challenging the dominance of SPAs. The ar
jonoalderson.com·11mo ago
Implementing Spring and Bounce Animations with CSS's New Linear() Timing Function
The article explores the new CSS `linear()` timing function that enables physics-based animations like springs and bounces directly in nativ
joshwcomeau.com·8mo ago
Comments
Sign in to join the conversation.
No comments yet. Be the first.