R/GA Chicago's Abraham Velázquez Tello and Joseph Delhommer discuss how designers and technologists are redefining the creative process through close - and frequent - collaboration.

1. Adapting to the Unknown
Abraham Velázquez Tello Open Standards Developer
Joseph Delhommer Senior Visual Designer
Tuesday, March 26, 13

2. “ 25% of US internet users
only access the web through
”
a mobile device.
MobiThinking
Tuesday, March 26, 13

3. 2005 2013
Tuesday, March 26, 13

4. The web isn’t this.
Tuesday, March 26, 13

5. Tuesday, March 26, 13

6. The web is everywhere.
Tuesday, March 26, 13

7. Tuesday, March 26, 13

8. This is Responsive.
Tuesday, March 26, 13

9. Tuesday, March 26, 13

10. Redefine the creative process.
Tuesday, March 26, 13

11. Designers think like developers.
Developers think like designers.
Tuesday, March 26, 13

12. Tuesday, March 26, 13

13. Tuesday, March 26, 13

14. Debate is important.
It makes the work better.
Tuesday, March 26, 13

15. Let’s evolve the process.
Iterative optimization.
Tuesday, March 26, 13

16. Responsive Design is the first step.
Tuesday, March 26, 13

17. Tuesday, March 26, 13

18. Work smart.
Create a style guide.
Tuesday, March 26, 13

19. The web is squishy.
Allow things to ebb & flow.
Tuesday, March 26, 13

20. Tuesday, March 26, 13

21. Embrace flexible grids.
Tuesday, March 26, 13

22. Tuesday, March 26, 13

23. The handoff isn’t a one-night stand,
it’s a project-long relationship.
Tuesday, March 26, 13

24. PSDs are the desired result.
Code is the end product.
Tuesday, March 26, 13

25. Tuesday, March 26, 13

26. Where we started.
Tuesday, March 26, 13

27. Tuesday, March 26, 13

28. Where we ended up.
Tuesday, March 26, 13

29. Tuesday, March 26, 13

30. Prototype and test everything.
Tuesday, March 26, 13

31. Tuesday, March 26, 13

32. Check Yo’ Shit
Tuesday, March 26, 13

33. Tuesday, March 26, 13

34. Remember:
Stop measuring in pixels.
Experiment, analyze and understand.
Performance is a feature.
Tuesday, March 26, 13

35. Everything should be responsive.
Yourself included.
Tuesday, March 26, 13

36. Free Knowledge
Tuesday, March 26, 13

37. Responsive.is
http://responsive.is/
Tuesday, March 26, 13

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

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

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

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

42. Style Guides
Tuesday, March 26, 13

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

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

45. Design Patterns
Tuesday, March 26, 13

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

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

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

49. Frameworks
Tuesday, March 26, 13

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

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

52. Thanks!
http://www.slideshare.net/RGA/adapting-to-the-unknown
Abraham Velázquez Tello @lunaroja
Joseph Delhommer @alwaysplotting
Tuesday, March 26, 13

53. Tuesday, March 26, 13