Skip to main content
← All Tags

CSS

44 articles in this category (Page 2 of 2)

AI NewsCSSWeb Development

Future CSS: The Potential of `:drag` and `::dragged-image?`

The CSSWG proposes a `:drag` pseudo-class to simplify styling during drag-and-drop interactions, potentially eliminating the need for JavaScript.

Read more
AI NewsJavaScriptCSS

Debugging StyleX + Vite: The Mystery of 'Invalid Empty Selector'

A methodical debugging process revealed a Vite-specific race condition in StyleX causing 'Invalid Empty Selector' errors, impacting 54 instances across 11 files.

Read more
AI NewsCSSWeb Development

CSS in 2025: View Transitions, Accessibility, and the Rise of AI Browsers

Recent CSS developments include conditional view transitions, accessibility annotations, and Firefox's controversial AI integration, impacting 2.3% of the browser market.

Read more
AI NewsWeb DevelopmentCSS

Thank You (2025 Edition) | CSS-Tricks

CSS-Tricks saw 20 million unique views in 2025, a 23% drop attributed to Google’s AI summaries in search results.

Read more
AI NewsCSSWeb Development

text-decoration-inset is Like Padding for Text Decorations

The `text-decoration-inset` property solves a long-standing web layout issue: text decorations extending beyond characters, causing vertical misalignment.

Read more
AI NewsCSSWeb Development

Masonry Layout is Now grid-lanes | CSS-Tricks

After years of debate, a standardized CSS masonry layout will be implemented using the `display: grid-lanes` property.

Read more
AI NewsCSSWeb Development

What’s !important #1: CSS News Roundup - Advent Calendars, Browser Updates, and More

The first 'What’s !important' summarizes recent CSS developments including HTMHell’s Advent Calendar, key browser feature releases, and a call to reduce JavaScript reliance.

Read more
AI NewsCSSWeb Development

Responsive List of Avatars Using Modern CSS (Part 1)

Create a responsive list of overlapping, rounded images that dynamically adjust to fit their container, utilizing modern CSS features like `sibling-count()` and container queries.

Read more
AI NewsCSSTypography

Toon Title Text Generator Simplifies Cartoon Typography

Andy Clarke's new generator creates CSS for cartoon-style headings, addressing accessibility concerns with ARIA-spiced markup.

Read more
AI NewsCSSWeb Development

What Else Could Container Queries... Query?

Container Queries have expanded beyond size and style, now including scroll state and anchored positions, prompting exploration of their future capabilities.

Read more
AI NewsCSSWeb Development

CSS Wrapped 2025 | New Features in Google Chrome

Google Chrome shipped several new CSS features in 2025, including the Interest Invoker API and custom CSS functions.

Read more
AI NewsCSSWeb Development

CSS `text-grow` Property Prototyped in Chrome Canary 145

Chrome Canary 145 introduces a `text-grow` property to fit text to container width, addressing a long-standing CSS layout challenge.

Read more
AI NewsTypographyCSS

Getting Creative With “The Measure”

CSS-Tricks advocates using a 60ch measure for optimal readability in responsive layouts.

Read more
AI NewsWeb DevelopmentCSS

Scrollytelling on Steroids With Scroll-State Queries

CSS-Tricks demos non-linear scrollytelling using scroll-state queries, enabling interactive storytelling via horizontal scrolling.

Read more
AI NewsWeb DevelopmentCSS

Prevent a page from scrolling while a dialog is open

Chrome 144 introduces overscroll-behavior updates to prevent page scrolling during dialog interactions.

Read more
AI NewsCSSWeb Development

On Inheriting and Sharing Property Values

Exploring methods to dynamically link CSS property values, addressing the current lack of a direct 'compute()' function for value inheritance.

Read more
AI NewsWeb DevelopmentCSS

Should We Even Have :closed? | CSS-Tricks

CSSWG defers :closed pseudo-class, opting for :not(:open) as of 2025.

Read more
AI NewsCSSMath

Inverse Trigonometric Functions in CSS: asin(), acos(), atan(), and atan2()

Trigonometric functions in CSS, including asin(), acos(), atan(), and atan2(), are the 'Most Hated' feature per State of CSS 2025.

Read more
AI NewsWeb DevelopmentCSS

Headings: Semantics, Fluidity, and Styling — Oh My! | CSS-Tricks

A detailed exploration of proper heading placement, fluid typography techniques, and emerging CSS features for styling headings, emphasizing accessibility, semantics, and cross-browser compatibility.

Read more
AI NewsWeb DevelopmentCSS

Pure CSS Tabs With Details, Grid, and Subgrid

A modern approach to creating accessible CSS-only tabs using the <details> element, CSS Grid, and Subgrid, with practical implementation examples and accessibility considerations.

Read more