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

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…

Carousels Don’t Have to be Complicated

Every time a carousel is mentioned in a blog post, it’s a requirement to mention that… say it with me now: You probably shouldn’t use a carousel.

SVG Charting Libraries

There is no shortage of options with charting libraries on the web. That’s good! Competition is good for consumers. It keeps the quality high. That’s certainly true here. The landscape of charting libraries is pretty impressive, ranging from the good-and-free to the excellent-and-paid.

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… wink wink.

Google: Link up this JavaScript library and format your content in this special way, and we’ll hook you up in search results… wink wink.

Facebook: Format your content in our special way and send it over and it will load super fast and people will love it and be happy with your brand… wink wink.

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. Building components that you piece together to assemble a complete working page is very satisfying, for example. The tooling is also quite satisfying. Working with Webpack and having it hot-reload just the components you’ve touched is awesome.

Web-based REPL’s for many languages

I only just recently learned the term “REPL”. It essentially means “command line”. You type code in, it runs, you see output.

Read, Eval, Print, Loop.

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. For example, four spaces…

You Should Probably Blog in Markdown

Maybe you’ll read that title and think: Damn, Chris. Little dogmatic isn’t it? There are lots of ways to do things, especially on the web. Why be all…

Loading and Using External Data in React

Hey JavaScripters! I’ve been learning a bunch about React lately. It’s very fun. It feels like a great way to write JavaScript. Seems to me it has almost…

Building Concentric Circles with Nice Color Palettes For Fun and Science

I was looking through my applications folder the other day, hoping to clean house a bit. I came across an app I used to love but haven’t used in forever: Simple Desktops. It’s an app for changing your wallpaper once in a while to a random, simple, classy design. One came up like this…

CSS-Tricks is a Poster Child WordPress Site

Howdy! Like a lot of you, I run a website. It’s hosted right here on Media Temple. A whole bunch of years ago, I chose WordPress to run it on, and I’m sure glad I did. These days, it takes advantage of a huge array of WordPress features to handle all the things I need the site to do.