Conditional Media Query Mixins

Using a @mixin in Sass for your media queries is useful for a variety of reasons. The most important of which is probably the cognitive ease of having the properties and values you are changing right next to the originals. But another reason is that you then gain the ability to "shut off" those media queries if you need to, and there are some perfectly valid reasons to want to do that.
Avatar of Chris Coyier
Chris Coyier on (Updated on )

Animating DOM transitions

Direct Link

Say you add some new element to the page and it pushes things around. That can happen instantly, but it helps your brain understand what just happened if the elements that were pushed away animate to their new position. Enter …

Avatar of Chris Coyier
Shared by Chris Coyier on (Updated on )

Don’t Overthink It Grids

The vast majority of websites out there use a grid. They may not explicitly have a grid system in place, but if they have a “main content area” floated to the left a “sidebar” floated to the right, it’s a …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Sass vs. Less

“Which CSS preprocessor language should I choose?” is a hot topic lately. I’ve been asked in person several times and an online debate has been popping up every few days it seems. It’s nice that the conversation has largely turned …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

#88: Intro to Compass/Sass

Ask a bunch of designers what they wish CSS could do that it can’t now, and you’ll get a big list that reads much like the list of features for the Compass/Sass framework. If you are like me, you don’t …

Avatar of Chris Coyier
Chris Coyier on (Updated on )