Mobile First Responsive Design?

It didn't take long for builders of the web to embrace mobile first approaches in their workflow, but is it the right approach for your project? During this talk I'll discuss mobile first as a workflow and as a set of ideals. I'll explore scenarios where a responsive build that starts small and expands out from there may not be the most efficient workflow and how we can work through those projects and build our sites as quickly as possible while still holding true to the ideas that made Mobile First a best practice in the first place.

Transcript

1. MOBILE FIRST RESPONSIVE DESIGN? Mike Gibson @lovehasnologic
5. WHY?!?
9. MOBILE FIRST, RIGHT?
10. START WHERE YOU’RE STANDING Photo by tableatny: https://flic.kr/p/8zKQyY
11. SCENARIO #1 WIDE VIEW PSD
12. SCENARIO #2 RESPONSIVE RETROFIT
13. SCENARIO #3 INTERNET EXPLORER 8
14. WHAT ARE SOME OTHER SCENARIOS?
15. MOBILE FIRST WHAT DOES IT MEAN?
16. MOBILE FIRST WHAT DOES IT MEAN?
17. MOBILE FIRST WHAT DOES IT MEAN? Mobile is exploding” Luke Wroblewski. http://www.lukew.com/ff/entry.asp?933 “
18. MOBILE FIRST WHAT DOES IT MEAN? Mobile forces you to focus” Luke Wroblewski. http://www.lukew.com/ff/entry.asp?933 “
19. MOBILE FIRST WHAT DOES IT MEAN? Mobile extends your capabilities” Luke Wroblewski. http://www.lukew.com/ff/entry.asp?933 “
20. MOBILE FIRST
21. MOBILE FIRST CONTENT
22. MOBILE FIRST CONTENT Photo by Oliver Hammond: https://flic.kr/p/2JmAx
23. DEVICE AGNOSTIC Photo by Brad Frost: http://bradfrostweb.com/blog/mobile/test-on-real-mobile-devices-without-breaking-the-bank/
24. STEP ONE SKETCH
25. STEP TWO RESIZE & BREAK IT
26. STEP THREE THINK IN BOTH DIRECTIONS
27. BEST PRACTICE ≠ DOGMA
28. REAL WORLD RESPONSIVE DESIGN Saturday June 21, 2014 http://campshops.com WORKSHOP
29. QUESTION TIME Mike Gibson @lovehasnologic
30. THANK YOU Mike Gibson @lovehasnologic