SlideShare a Scribd company logo
Adapting to the Unknown

              Abraham Velázquez Tello Open Standards Developer
              Joseph 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.is
          http://responsive.is/




Tuesday, March 26, 13
Be one with your browser.



Tuesday, March 26, 13
Understand DevTools
          http://discover-devtools.codeschool.com/




Tuesday, March 26, 13
This Is Responsive
          http://bradfrost.github.com/this-is-responsive/




Tuesday, March 26, 13
R/GA Responsive Blog
          http://responsive.rga.com/




Tuesday, March 26, 13
Style Guides




Tuesday, March 26, 13
Style Tiles
          http://styletil.es/




Tuesday, March 26, 13
Webstiles
          http://webstiles.namanyayg.com/webstile/




Tuesday, March 26, 13
Design Patterns




Tuesday, March 26, 13
MediaQueri.es
          http://mediaqueri.es/




Tuesday, March 26, 13
Unmatched Style
          http://unmatchedstyle.com/




Tuesday, March 26, 13
Pttrns
          http://pttrns.com/




Tuesday, March 26, 13
Frameworks




Tuesday, March 26, 13
Bootstrap
          http://twitter.github.com/bootstrap/




Tuesday, March 26, 13
Foundation
          http://foundation.zurb.com/




Tuesday, March 26, 13
Thanks!
              http://www.slideshare.net/RGA/adapting-to-the-unknown




              Abraham Velázquez Tello @lunaroja
              Joseph Delhommer @alwaysplotting




Tuesday, March 26, 13
Tuesday, March 26, 13

More Related Content

PDF
Get Started With WordPress
PDF
Becoming a Productivity Ninja
PDF
Flipped Learning: Letting Them Learn At Their Own Pace
PDF
Things Every Designer Should Know About Marketing
PDF
Mobile UX
PDF
世界標準パブリッシングプラットホーム WordPress
PPT
Joys Sorrows of Wysiwyg using Drupal
PPTX
Meeting 2.0 Meets Web 2.0 Results
Get Started With WordPress
Becoming a Productivity Ninja
Flipped Learning: Letting Them Learn At Their Own Pace
Things Every Designer Should Know About Marketing
Mobile UX
世界標準パブリッシングプラットホーム WordPress
Joys Sorrows of Wysiwyg using Drupal
Meeting 2.0 Meets Web 2.0 Results

Viewers also liked (10)

PDF
I can smell your CMS
PPTX
SXSW Business Case Workshop 2015
PDF
Will charnock brazil_nov29notes
PPTX
Brainstorming Technology First
PDF
I May Like You, But I'm Not In LIke With You - Chloe Gottlieb, R/GA
PDF
Why Your 5-Year-Old is More Digital Than Most CMOs - Sean Miller, R/GA and J...
PPTX
Taking Hollywood Out of Production
PDF
The Sports Fan in 2015 - Richard Ting and Kyle Bunch, R/GA
PDF
The Digital Health Tech Vision 2016
PDF
Does Your Product Have a Plot - David Womack, R/GA
I can smell your CMS
SXSW Business Case Workshop 2015
Will charnock brazil_nov29notes
Brainstorming Technology First
I May Like You, But I'm Not In LIke With You - Chloe Gottlieb, R/GA
Why Your 5-Year-Old is More Digital Than Most CMOs - Sean Miller, R/GA and J...
Taking Hollywood Out of Production
The Sports Fan in 2015 - Richard Ting and Kyle Bunch, R/GA
The Digital Health Tech Vision 2016
Does Your Product Have a Plot - David Womack, R/GA
Ad

Similar to Adapting to the Unknown (20)

PDF
Responsive Web Design 101
PDF
The Ever Changing Design of the Wb
PDF
jQuery Mobile, Backbone.js, and ASP.NET MVC
KEY
Web Standards and Accessibility
PDF
Future layouts
PDF
responsive awareness
PPS
Siteimprove - Accessibility and multiple platforms
PDF
Responsive Web Design
PDF
UX & Responsive Design
PDF
A Pragmatic Approach to Responsive Design
PDF
Stepping into Usable Web
PDF
The Age of Responsive Design
PDF
A Future Friendly Workflow
KEY
Web Accessibility and Design
PPTX
Integrating universal design, best practices, & accessibility atia 2013 - (...
PDF
Responsive Design & the Business Analyst
PDF
Responsive Design and Joomla!
PDF
Responsive Process - London 2012
PDF
Webdirections conference - @media
ZIP
TEST TEST TEST
Responsive Web Design 101
The Ever Changing Design of the Wb
jQuery Mobile, Backbone.js, and ASP.NET MVC
Web Standards and Accessibility
Future layouts
responsive awareness
Siteimprove - Accessibility and multiple platforms
Responsive Web Design
UX & Responsive Design
A Pragmatic Approach to Responsive Design
Stepping into Usable Web
The Age of Responsive Design
A Future Friendly Workflow
Web Accessibility and Design
Integrating universal design, best practices, & accessibility atia 2013 - (...
Responsive Design & the Business Analyst
Responsive Design and Joomla!
Responsive Process - London 2012
Webdirections conference - @media
TEST TEST TEST
Ad

Adapting to the Unknown