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