Breakpoint 1.0

Don’t feel like reading? Go get it now

About a month ago I was working on a responsive site, and trying to do it right. So instead of setting break points to match device dimensions (for phone, tablet, and desktop) I would set break points when my content and design needed them. Taking this kind of control over your responsive design means two things:

Starting in a Nice, Clean Place

It’s time for a spring cleaning and refresh over here. It’s been about a year since I launched this site, and even tho I’m still pretty happy with it overall I think it’s time for a change. It started as just a one-pager that I used to introduce and then demonstrate my Survival Kit project. And then I added a podcast. And then I added a blog, but nobody saw that because I did more blog posts on other sites. And all the while I was adding to the design.

Subscribe to Journal

I write stuff on other sites

The Sass Way

Responsive Web Design in Sass: Using Media Queries in Sass 3.2

In Responsive Web Design in Sass Part 2 I wrote about using media queries in Sass 3.1. At the time, I was mostly limited to the (still very cool) @media bubbling feature. I also pointed out some of the shortcomings.

At the end of the post I previewed how you can use @content blocks, one of the emerging features of Sass 3.2, to write a mixin that can really help to simplify using media queries in Sass. With Sass 3.2 nearly upon us, I am happy to report that media queries have become the first-class citizens they deserve to be. Let’s see what’s new.