Yearly Archives: 2018

Another year come and gone! As we do each year, let’s take a look at the past year from an analytical by-the-numbers perspective and do a goal review. Most importantly, I’d like to extend the deepest of thanks to you, wonderful readers of CSS-Tricks, for making this place possible.

This site has a new design, doesn’t it? It does! I’ll write something more about that soon. If you have something to say about it right now, feel free to … Read article

The post Thank You (2018 Edition) appeared first on CSS-Tricks.

This is an outstanding list of creative and artistic browser demos from this past year from Mary Lou at Codrops.

Direct Link to Article — Permalink… Read article

The post Awesome Demos from 2018 appeared first on CSS-Tricks.

I’ve been auditing a ton of CSS lately and thought it would be neat to jot down how I’m going about doing that. I’m sure there are a million different ways to do this depending on the size and scale of your app and how your CSS works under the hood, so please take all this with a grain of salt.

First a few disclaimers: at Gusto, the company I work for today, our engineers and designers all write in …

The post A Quick CSS Audit and General Notes About Design Systems appeared first on CSS-Tricks.

It’s rather heartwarming to know you can style a <select> in a rather cross-browser friendly way that doesn’t hurt accessibility. Kudos for documenting this Scott!

See the Pen Styled <select&rt; by Chris Coyier (@chriscoyier) on CodePen.

Direct Link to Article — Permalink…

The post Styling a Select Like It’s 2019 appeared first on CSS-Tricks.

Let’s say you need a gradient border around an element. My mind goes like this:

• There is no simple obvious CSS API for this.
• I’ll just make a wrapper element with a linear-gradient background, then an inner element will block out most of that background, except a thin line of padding around it.

Perhaps like this:

See the Pen Gradient with Wrapper by Chris Coyier (@chriscoyier) on CodePen.

If you hate the idea of a wrapping element, …

The post Gradient Borders in CSS appeared first on CSS-Tricks.