Chrome 145 introduces column-wrap and column-height properties that enable multi-column layouts to wrap vertically instead of creating horizontal scrolls, transforming them into 2D flows.

Articles

css properties

layout

multi-column layout

CSS-Tricks

71 min read

Frontend•2026-04-02

Making Complex CSS Shapes Using shape()

Using the new CSS shape() function, developers can create complex organic shapes like blobs and wavy dividers without SVG.

Front-End Fools: Top 10 April Fools’ UI Pranks of All Time

This article explores notable April Fools' Day pranks and jokes in web development, examining how pranks blur the line between real innovations and humorous deceptions.

Sniffing Out the CSS Olfactive API

The CSS Olfactive API enables web experiences with olfactory elements through HTML scent elements and CSS scent-profile properties.

What’s !important #8: Light/Dark Favicons, @mixin, object-view-box, and More

This article covers CSS features including SVG favicons, @mixin, morphing, and object-view-box.

Form Automation Tips for Happier User and Clients

This post explores how front-end form design decisions directly impact back-end automation workflows and business outcomes.

Generative UI Notes

This post explores the emerging concept of Generative UI (GenUI), where AI dynamically generates personalized user interfaces in real time rather than following static designs.

Articles

artificial intelligence

CSS-Tricks

61 min read

Frontend•2026-03-23

Experimenting With Scroll-Driven corner-shape Animations

This article explores creative combinations of CSS scroll-driven animations with the new corner-shape property, currently available in Chrome 139+.

Articles

animation

corner-shape

Scroll Driven Animation

CSS-Tricks

61 min read

Frontend•2026-03-19

JavaScript for Everyone: Destructuring

This article is an excerpt from the 'JavaScript for Everyone' course, explaining JavaScript destructuring assignment syntax with practical code examples.

What’s !important #7: random(), Folded Corners, Anchored Container Queries, and More

This issue covers a curated mix of overlooked and newly introduced CSS features for modern web development.

4 Reasons That Make Tailwind Great for Building Layouts

This article explains four reasons why Tailwind CSS is particularly effective for building page layouts.

Abusing Customizable Selects

This article explores creative demos built with the new customizable <select> HTML element available in Chromium-based browsers.

The Value of z-index

This article explores a systematic approach to managing z-index values in CSS, addressing the common "arms race" of arbitrary magic numbers in large projects.

Articles

css properties

stacking contexts