Presented by Ethan Marcotte.
- Henry Adams: “Chaos was the law of nature; Order was the dream of man.”
- Samuel Johnson
- The Rise of the Digital Omnivore
- Garret Keizer: “Solve the parts, not the whole problem”
- Give The Great Discontent another look.
- A responsive design has a flexible foundation.
- Small-screen friendly by default. This is the way to go!
- Mobile first prevents broken layouts on devices that don’t understand media queries.
- Bryan and Stephanie Rieger: “The absence of support for
@mediaqueries is in fact our first
As available real estate changes, questions about the following come up:
- If you’re finding content that doesn’t fit in the mobile context, ask yourself: “Does this content make sense in any context?”
- “Simplify your content before you supress.”
- LukeW’s article RESS: Responsive Design + Server Side Components
- Contents Magazine uses a similar navigation approach to Viget: Content-first, then navigation.
- Grey Goose’s website has been brought up a couple of times by several speakers.
- Design your source order.
- We’ve been too focused on columns. Let’s refocus on content.
- It’s time to move past breakpoints tied to devices that exist now. Breakpoints should be tied to your content.
- Paul Robert Lloyd’s personal site is pretty amazing.
- On the Boston Globe site, responsively promote an ad’s position based on available horizontal real estate.
<div data-adname="CENTRAL" class="ad ad-slot-a"></div>
- See Ethan’s “How It Works” slide for more on the implementation
- See Mark Boulton’s Responsive Advertising post.
- http://m.people.com/ served to 7-inch tables and lower.
Media and Images
- Ethan recommends against using this. Avert your eyes!
- Wilto: “
pictureis tentatively slated for inclusion under the HTML5 umbrella, rather than being pushed to HTML.next.”