Skip to content

Instantly share code, notes, and snippets.

@stevegrunwell
Created July 14, 2012 19:33
Show Gist options
  • Save stevegrunwell/3112939 to your computer and use it in GitHub Desktop.
Save stevegrunwell/3112939 to your computer and use it in GitHub Desktop.
Responsible Responsiveness - WordCamp Columbus 2012

Responsible Responsiveness

July 14, 2012

Instructor: John Hartley (@johnbhartley)

Slides: http://forknightdev.com/responsive/#1

"Responsive design is not some magical tool. You can't just pop it in and 'done, it works'." Responsive design requires planning.

As usual, Content is King

It's funny that some sites talking about the importance of responsive design are themselves totally un-responsive

@johnbhartley likes Flexslider for jQuery responsive sliders

"In responsive design, your breakpoints are where your design breaks, not at specific screen sizes." - @StanGrabowski

CSS Tricks is awesome for a ton of reasons, but the easing with CSS breakpoints is one of them.

Two developers walked into a bar. They walked out shortly after; they didn't like the table layout.

Do your scaled images look like crap in IE? First of all, stop using IE. If you must, this will make your images look way nicer in IE:

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

More attention to Paul Irish's article on box-sizing:border-box

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment