CSS

• WordPress 6.3; breaking decades of CSS! – David Bushell The latest WordPress 6.3 ships with breaking CSS changes that can easily mess up existing themes and introduce visual bugs.
• Chris’ Corner: Clever CSS Ideas & Explanations - CodePen Blog Frosted Glass, Nested Rounded Corners, CSS Masking and circular text with CSS
• An introduction to @scope in CSS There are two selling points of @scope: styling based on proximity and setting a lower boundary for a selector.
• Using linear() for better animation A linear() easing function interpolates linearly between multiple points
• Mastering CSS Blend Modes | Koding Kitty CSS mix blend modes provide an easy, yet powerful way to create visually interesting designs.
• Testing Feature Support for Modern CSS | Modern CSS Solutions how do you know using a new feature is “safe” to use? And what are the considerations around making that choice? by @5t3ph
• CSS text-wrap: balance - Chrome DevelopersA classic typography technique of hand-authoring line breaks for balanced text blocks, comes to CSS.
• Native CSS Nesting: A Primer - Unsolicited Advice from Tiffany B. Brown For a long time on my “want” list, you can soon nest CSS selectors without repetition or using the has() workaround
• Improving CSS Shapes with Trigonometric Functions
• Running CSS animations only if both the device and the user allow it - Nicolas Hoizey
• Relative rounded corners - Set Studio
• I no longer understand prefers-contrast | Kilian Valkhof Prefers contrast has been in the making for a while and has history on Windows, but lately it gets complex.
• CSS Nesting - Chrome Developers One of our favorite CSS preprocessor features is now built into the language: nesting style rules.
• Trigonometric functions in CSS
• The Math Behind Nesting Rounded Corners by Paul Hebert
• Style a parent element based on its number of children using CSS :has()
• CSS :where() to replace complex multi-selectors
• 3D in CSS
• CSS color functions and custom properties
• Ten modern layouts in one line of CSS
• Clamp Calculator
• Day 21: conic gradients
• Sibling Scopes in CSS, thanks to :has() and ~
• The truth about CSS selector performance
• A Few Times Container Size Queries Would Have Helped Me Out
• All CSS Filter Functions + Quick Copy/Paste Examples
• Clamp Calculator
• Container queries land in stable browsers
• Container Style queries
• CSS color functions and custom properties
• CSS The modern web’s underrated powerhouse
• Day 38: vh, svh, lvh, and dvh
• Everything You Need to Know About the Gap After the List Marker
• How to animate an element’s height with CSS grid
• Obscure CSS: Restoring Visibility
• Resizing with CSS
• State of CSS 2022
• Ten tips for better CSS transitions and animations
• The anatomy of visually-hidden
• The truth about CSS selector performance
• [the-truth-about-css-selector-performance/))
• With subgrid coming to all engines very soon, it’s a great time to discover what this new feature of grid can do.
• In-Depth Guide to CSS Logical Properties