Post on 18-Oct-2014
description
Adapting to the Unknown
Abraham Velázquez Tello Open Standards DeveloperJoseph Delhommer Senior Visual Designer
Tuesday, March 26, 13
25% of US internet users only access the web through a mobile device.
“”MobiThinking
Tuesday, March 26, 13
2005 2013
Tuesday, March 26, 13
The web isn’t this.
Tuesday, March 26, 13
Tuesday, March 26, 13
The web is everywhere.
Tuesday, March 26, 13
Tuesday, March 26, 13
This is Responsive.
Tuesday, March 26, 13
Tuesday, March 26, 13
Redefine the creative process.
Tuesday, March 26, 13
Designers think like developers.Developers think like designers.
Tuesday, March 26, 13
Tuesday, March 26, 13
Tuesday, March 26, 13
Debate is important. It makes the work better.
Tuesday, March 26, 13
Let’s evolve the process.Iterative optimization.
Tuesday, March 26, 13
Responsive Design is the first step.
Tuesday, March 26, 13
Tuesday, March 26, 13
Work smart.Create a style guide.
Tuesday, March 26, 13
The web is squishy.Allow things to ebb & flow.
Tuesday, March 26, 13
Tuesday, March 26, 13
Embrace flexible grids.
Tuesday, March 26, 13
Tuesday, March 26, 13
The handoff isn’t a one-night stand,it’s a project-long relationship.
Tuesday, March 26, 13
PSDs are the desired result. Code is the end product.
Tuesday, March 26, 13
Tuesday, March 26, 13
Where we started.
Tuesday, March 26, 13
Tuesday, March 26, 13
Where we ended up.
Tuesday, March 26, 13
Tuesday, March 26, 13
Prototype and test everything.
Tuesday, March 26, 13
Tuesday, March 26, 13
Check Yo’ Shit
Tuesday, March 26, 13
Tuesday, March 26, 13
Remember:
Stop measuring in pixels.Experiment, analyze and understand.Performance is a feature.
Tuesday, March 26, 13
Everything should be responsive.Yourself included.
Tuesday, March 26, 13
Free Knowledge
Tuesday, March 26, 13
Responsive.ishttp://responsive.is/
Tuesday, March 26, 13
Be one with your browser.
Tuesday, March 26, 13
Understand DevToolshttp://discover-devtools.codeschool.com/
Tuesday, March 26, 13
This Is Responsivehttp://bradfrost.github.com/this-is-responsive/
Tuesday, March 26, 13
R/GA Responsive Bloghttp://responsive.rga.com/
Tuesday, March 26, 13
Style Guides
Tuesday, March 26, 13
Webstileshttp://webstiles.namanyayg.com/webstile/
Tuesday, March 26, 13
Design Patterns
Tuesday, March 26, 13
MediaQueri.eshttp://mediaqueri.es/
Tuesday, March 26, 13
Unmatched Stylehttp://unmatchedstyle.com/
Tuesday, March 26, 13
Frameworks
Tuesday, March 26, 13
Bootstraphttp://twitter.github.com/bootstrap/
Tuesday, March 26, 13
Foundationhttp://foundation.zurb.com/
Tuesday, March 26, 13
Abraham Velázquez Tello @lunarojaJoseph Delhommer @alwaysplotting
Thanks!http://www.slideshare.net/RGA/adapting-to-the-unknown
Tuesday, March 26, 13
Tuesday, March 26, 13