More notes from An Event Apart Austin… Ethan Marcotte (@beep) presented “Laziness in the Time of Responsive Design” and full disclosure: It wasn’t about being lazy overall, but was all about getting things setup now up front to let you be lazy later. Definitely good sense!
On using max-width:
- We’ve used “max-width:100%” for images, objects, & videos.
- But what about height?
Examples to check out:
- fivethirtyeight.com — Great example of responsive navigation. When screen size reduces, navigation menu switches to hamburger & only top-level links remain.
- BBC News — Watch how some navigation links are under a “more” link depending on size of screen. It shifts seamlessly and keeps the menu from being overwhelming.
Notes on some sessions linked on this page (and more added as I post them).