Posts by: Chris Coyier, Author at The Media Temple Blog

Design Microsites

It’s been an interesting trend the last few years to start seeing companies be very vocal about how much the value design. I suspect it’s a combination of…

Bend Any Website’s CSS To Your Will with Stylish or Stylebot

CSS is the language that styles websites. It controls the colors, the layout, the fonts… pretty much everything concerned with the look of the site. It’s quite powerful….

The Physical Web Sure is Interesting

I was sitting around in the lobby of a hotel at An Event Apart show with Jeremey Keith one time. I had just heard of this idea of…

A Big List of Typography Books

The holidays are coming! I don’t know about y’all, but my family always tells me I’m so hard to buy for. I never feel like that that though….

The All-Powerful Sketch

Looking back on the last decade of screen UI design tooling, it sort of feels like this is how it went: Adobe rules over this kingdom with Photoshop…

Using DevTools to Sidestep Obnoxious Websites

Modern browser DevTools, besides being gosh-darned amazing for doing our jobs as front end web developers, can be used to strong arm our way through problems we encounter…

Options for Live Streaming Video

Live video is a big thing these days. You can go live on YouTube. Twitter bought Periscope a few years ago to get in on live video. Facebook…

The Browser Statistics That Matter

Have you ever had a web development related conversation discussion where someone brought up global browser usage statistics? I might be a little weird, but I’d say I…

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.

I figured I could weigh in as well, focusing on around the last decade, which, coincidentally, is how old CSS-Tricks is. That just about matches up with my experience in the industry.

Full Page Background Video Styles

I bet you’ve seen it. A video background that takes up the entire browser window. There is text on top of it (hence, “background”), which is an interesting…

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. I just add what I need. I think they end up largely “grouped” by related things, because that’s just how my brain spits them out.

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…

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…

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…

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. Designers and developers spend loads of time exporting images. The design work often happens in software designed for designing, and assets from that design are exported for use when building out that design elsewhere.

An SVG That Isn’t All… SVG

When you think of SVG, what do you think of? Vector graphics, right? Maybe some stuff like this? That’s good. SVG absolutely excels at graphics like that. It’s…