CSS-Trickz! also ready to join Digital Ocean

You probably want CSS-Tricks

Approximating contrast-color() With Other CSS Features

Written by: Kevin Hamer

The new contrast-color() function is not fully supported yet. But can we still implement it in a cross-browser friendly way using other new CSS features?

Continue reading "Approximating contrast-color() With Other CSS Features" at CSS-Tricks

Quick Hit #97

Written by: Daniel Schwarz

Chrome 145 becomes the first to ship customizable <select>, as well as column-wrap and column-height for better multicol layouts.

Continue reading "Quick Hit #97" at CSS-Tricks

Trying to Make the Perfect Pie Chart in CSS

Written by: Juan Diego Rodríguez

Can we make pie chart that’s semantic, with flexible markup, and avoids using a JavaScript library? Here’s how I tackled it.

Continue reading "Trying to Make the Perfect Pie Chart in CSS" at CSS-Tricks

Quick Hit #96

Written by: Daniel Schwarz

Una Kravets announces border-shape with a couple of cool demos.

Continue reading "Quick Hit #96" at CSS-Tricks

Quick Hit #95

Written by: Daniel Schwarz

Adam Argyle quickly outlines the upcoming customizable <select>.

Continue reading "Quick Hit #95" at CSS-Tricks

CSS Bar Charts Using Modern Functions

Written by: Preethi

CSS-only bar charts are one of those things we’ve tackled a bunch of times in different ways. But how can modern CSS features finally make it not only trivial, but fun?

Continue reading "CSS Bar Charts Using Modern Functions" at CSS-Tricks

Quick Hit #94

Written by: Daniel Schwarz

A quick warning about overscroll-behavior: contain.

Continue reading "Quick Hit #94" at CSS-Tricks

No Hassle Visual Code Theming: Publishing an Extension

Written by: Zell Liew

You’d think that publishing a VS Code extension is an easy process, but it’s not. You have to publish your theme in at least two places.

Continue reading "No Hassle Visual Code Theming: Publishing an Extension" at CSS-Tricks

Quick Hit #93

Written by: Daniel Schwarz

Soon we’ll be able to implement multiple, comma-separated borders and outlines for a single element.

Continue reading "Quick Hit #93" at CSS-Tricks

No-Hassle Visual Studio Code Theming: Building an Extension

Written by: Zell Liew

I’ve always thought that creating a VS Code theme was a lot of work. But lo and behold, it took less than six hours to get it working, then a day or two to polish up my final tweaks.

Continue reading "No-Hassle Visual Studio Code Theming: Building an Extension" at CSS-Tricks

Quick Hit #92

Written by: Daniel Schwarz

Chrome Canary trials <meta name=text-scale>, making OS-level text scaling work on the web.

Continue reading "Quick Hit #92" at CSS-Tricks

What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More

Written by: Daniel Schwarz

Neither Chrome, Safari, nor Firefox have shipped new features in the last couple of weeks, but fear not because leading this issue of What’s !important is some of the web development industry’s best educators with, frankly, some killer content.

Continue reading "What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More" at CSS-Tricks