Skeleton CSS

A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

Responsive design is not a silver bullet, but it is the strongest solution to the rapidly growing set of devices web designers and developers have to account for. It would be impossible to design for individual devices and screen sizes these days - instead let's be smart and essentially "bucket" devices into categorical sizes and design appropriately. Skeleton does just this.

About a week ago I pushed the launch button on www.getskeleton.com and just wanted to share a short bit about why I made it and what the experience has been like.

The elevator pitch for Skeleton is "A Beautiful Boilerplate for Responsive, Mobile-Friendly Development."

My hope is that is becomes the easiest, most awesome way to develop responsive designs that easily scale to mobile sizes (but it is only one solution of hundreds). Skeleton makes responsive design easy by using a grid that starts at 960px, but scales through tablet and mobile sizes through the magic of media queries. In addition, Skeleton rocks a small set of extremely lightweight styles and functions like beautiful typography, buttons, tabs and forms. 

Here are the Skeleton resources:

  • www.getskeleton.com: The marketing/documentation site for the project
  • Skeleton on Github: For those of you who want to check out the code before downloading it or follow the project
  • hi@getskeleton.com: Hit me up with feedback, questions, comments or anything Skeleton related. I would love to hear from you :)

If you haven't played with a responsive design, here are a few examples I've been enjoying (resize browser to see their glory): 

Also, a great resource for finding more responsive design inspiration is mediaqueri.es

If you have the chance to try out Skeleton, please hit me up (hi@getskeleton.com) and let me know how it went! I love feedback!