AEA DC: Ethan Marcotte
Published by Josh Clark (@globalmoxie) —
Word has it that @beep's presentation will just be a series of animated gifs? That can't be right. #aea
The diary of @beep's great grandfather was "proto-blogging." #aea
Nearly half of local news readers get that info from mobile devices. http://t.co/MVPZHaaW @beep #aea
"Design isn't just about layout." @beep #aea
#aea @beep is "ruffian for hire." Egad, despair lest you become embroiled in fisticuffs with this man.
Discover>design>develop>deliver process encourages relay-race thinking: pass the baton. Need more collaborative process thru-out. @beep #aea
In early design process, questions are more important than answers. What the heck are we doing and how? @beep #aea
Try this "find the content" game from @hotdogsladies. No, seriously, try to find the content. http://t.co/1phR26hK via @beep #aea
Right on. Same advice from @lukew & @beep re mobile nav: load it at bottom, not at top. Content at the top, controls at bottom, always. #aea
80% use mobile during downtime. 84% at home. http://t.co/xKVrNlWb @beep. #aea
Mobile mindsets: microtasking, local, bored. "Bored" super-important: "ready to spend attention." Design for attn, not just distraction #aea
Responsive design starts with flexible grid that shifts with width of browser container. Base layout on %, not px sez @beep. #aea
Make images behave in a flexible grid:
img {
max-width: 100%;
}
@beep #aea
respond.js enables responsive web design in browsers that don't support css3 web queries. Grab it: http://t.co/gRxk8HUr @beep #aea
“@kevinmpowell: @globalmoxie - beware combining CDN usage with respond.js - They've provided a fix, but it can be tricky to implement.” #aea
@globalmoxie or -> video, object, img { max-width: 100%;}
Yay, responsive web design! The http://t.co/UKEPxJtt site even looks great on Apple Newton: http://t.co/w3Lzm54r @beep #aea
Beware mobile assumptions. You can't correlate bandwidth with screen size. Can be on laptop on 3G or wifi on mobile. @beep #aea
"We work in the largest creative sandbox in human history." Don't let dogma about technique close yourself to creative options. @beep #aea
I'm pretty sure everyone in this room is excited about responsive design. #aea