Chris Coyier

Chris is a web designer and developer. He writes about all things web at CSS-Tricks, talks about all things web at conferences around the world and on his podcast ShopTalk, and co-founded the web coding playground CodePen.

Posts By Chris

Jul 26, 2017 Web Development + Tech
The Browser Statistics That Matter

Have you ever had a web development related conversation discussion where someone brought up global browser usage statistics?

Chris Coyier
Jun 28, 2017 Design + Creative
Five Huge CSS Milestones

This past December, CSS turned 20 years old. That’s straight from the horses mouth, and Alec rounded up a few highlights here, as well.

Chris Coyier
May 24, 2017 Web Development + Tech
Full Page Background Video Styles

I bet you’ve seen it. A video background that takes up the entire browser window.

Chris Coyier
Apr 26, 2017 Web Development + Tech
The Different Logical Ways to Group CSS Properties

I’ll admit, I traditionally haven’t had much of an opinion about the ordering of CSS properties.

Chris Coyier
Mar 29, 2017 Web Development + Tech
Interesting Takes on Log in / Sign Up Forms

Log in forms are often just two fields: username and password. Sign up forms are often scarcely much more, perhaps asking for an email address as well and a repeated password.

Chris Coyier
Feb 28, 2017 Design + Creative
Randomizing SVG Shapes

Say we wanted to continuously randomize the radius of a circle. We could kinda fake a random look with just CSS, but let’s go for full-on pseudo random numbers created in JavaScript.

Chris Coyier
Jan 25, 2017 Design + Creative
Map Rollovers

Let’s say you have a map of the world and you want to be able to highlight the country (or state, or county, etc.) as the cursor hovers over it or it is tapped.

Chris Coyier
Dec 22, 2016 Design + Creative
Exporting Images in Multiple Resolutions Simultaneously

It's always nice to see design tooling evolve to accommodate modern needs. Let's look at an example of that: image exporting.

Chris Coyier
Nov 30, 2016 Design + Creative
An SVG That Isn't All... SVG

When you think of SVG, what do you think of? Vector graphics, right?

Chris Coyier
Oct 26, 2016 Design + Creative
Carousels Don't Have to be Complicated

Every time a carousel is mentioned in a blog post, it's a requirement to mention that...

Chris Coyier
Oct 12, 2016 Design + Creative
SVG Charting Libraries

There is no shortage of options with charting libraries on the web. That's good!

Chris Coyier
Sep 14, 2016 Design + Creative
From WordPress to Apple News, Instant Articles, and AMP

Apple: Send us your content in our special format and we'll make it available in Apple News and more people read it and be happy with your brand...

Chris Coyier
Jul 27, 2016 Design + Creative
A Quick Look at the React and Redux DevTools

If you haven't dug into React yet, I'd encourage it. There are lots of very satisfying feelings that come along with it.

Chris Coyier
Jun 29, 2016 Web Development + Tech
Web-based REPL's for many languages

I only just recently learned the term "REPL". It essentially means "command line".

Chris Coyier
May 25, 2016 Design + Creative
Considerations for styling the < pre > tag

You’ve probably used it. It’s that very special tag in HTML that allows for the white space within the tags to actually be honored.

Chris Coyier
Apr 27, 2016 Web Development + Tech
You Should Probably Blog in Markdown

Maybe you’ll read that title and think: Damn, Chris. Little dogmatic isn’t it?

Chris Coyier