CSS Landscape | 2024 #5

The CSS Landscape article for April 12, 2024, provides updates on Firefox 124 and Chrome 123, highlighting new CSS properties and values. It also features articles, tutorials, and videos covering topics like accessible forms, text emphasis, color schemes, animations, and flexbox.

News

Firefox 124 for Developers

March 19, 2024

Firefox 124 introduces new CSS properties and values, along with the ::first-letter and ::first-line pseudo-elements for SVG.

New in Chrome 123

March 19, 2024

Chrome 123 brings new features like the light-dark() CSS function, Long Animation Frames API, Service Worker Static Routing API, and other updates.

Keyboard Focusable Scrollers

March 20, 2024

This article discusses the introduction of keyboard focusable scrollers in Chrome 124, enabling keyboard navigation on HTML pages.

Articles

A Formula for Responsive font-size

March 12, 2024 / Jim Fisher

This blog post explores a formula for creating responsive font sizes using CSS.

Goodbye SASS, Welcome Back Native CSS

March 20, 2024 / Karsten Biedermann

This article discusses the evolution of CSS and the integration of SASS features into native CSS.

Smoothly Stop A Rotation On Hover

March 21, 2024 / Temani Afif

Learn how to smoothly stop a CSS rotation on hover for a natural animation effect.

Better Type Layouts with CSS

March 21, 2024 / Chris Ferdinandi

Explore CSS properties like text-wrap: balance and text-wrap: pretty for improved heading and paragraph layouts.

Going Beyond pixels and (r)ems in CSS – Absolute Length Units

March 22, 2024 / Brecht De Ruyte

Discover the use of absolute length units in CSS for specific cases beyond relative units.

Quick Tip: How to Add Gradient Effects and Patterns to Text

March 22, 2024 / Ralph Mason

Learn how to add gradient effects and patterns to text using CSS properties like background-image and background-clip.

4 Tips to Write Simple CSS

March 24, 2024 / Stas Melnikov

Get tips on writing simple CSS for easier development and maintenance.

What You Need to Know about Modern CSS (Spring 2024 Edition)

March 26, 2024 / Chris Coyier

Explore new and lesser-known features in modern CSS for effective web development.

Quick Tip: How to Align Column Rows with CSS Subgrid

March 26, 2024 / Ralph Mason

Learn how to align column rows using CSS Subgrid for better grid layout control.

Tutorials

Video

Thank you for reading the CSS Landscape!