planning for responsive: why your developers hate you

58

Upload: steve-floyd

Post on 16-Apr-2017

13.299 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Planning for Responsive: Why Your Developers Hate You
Page 3: Planning for Responsive: Why Your Developers Hate You
Page 4: Planning for Responsive: Why Your Developers Hate You
Page 5: Planning for Responsive: Why Your Developers Hate You
Page 6: Planning for Responsive: Why Your Developers Hate You
Page 7: Planning for Responsive: Why Your Developers Hate You
Page 8: Planning for Responsive: Why Your Developers Hate You
Page 9: Planning for Responsive: Why Your Developers Hate You
Page 10: Planning for Responsive: Why Your Developers Hate You
Page 11: Planning for Responsive: Why Your Developers Hate You
Page 12: Planning for Responsive: Why Your Developers Hate You
Page 13: Planning for Responsive: Why Your Developers Hate You
Page 14: Planning for Responsive: Why Your Developers Hate You
Page 15: Planning for Responsive: Why Your Developers Hate You
Page 16: Planning for Responsive: Why Your Developers Hate You
Page 17: Planning for Responsive: Why Your Developers Hate You
Page 18: Planning for Responsive: Why Your Developers Hate You
Page 19: Planning for Responsive: Why Your Developers Hate You
Page 20: Planning for Responsive: Why Your Developers Hate You
Page 21: Planning for Responsive: Why Your Developers Hate You
Page 22: Planning for Responsive: Why Your Developers Hate You
Page 23: Planning for Responsive: Why Your Developers Hate You
Page 24: Planning for Responsive: Why Your Developers Hate You

axz.mx/ie7-die

Page 25: Planning for Responsive: Why Your Developers Hate You
Page 27: Planning for Responsive: Why Your Developers Hate You

PROS:- Rapid Development- Supports Older Browsers (IE7&8)- Great Documentation- Huge Community

CONS:- Way, Way Overused- Bootstrap 3 Still Wonky (as of 2013)

Page 29: Planning for Responsive: Why Your Developers Hate You

PROS:- Rapid Development- Great Documentation- Robust Patterns- Not As Overused

CONS:- Does NOT Support (IE7&8)- Smaller Community- Learning Curve

Page 30: Planning for Responsive: Why Your Developers Hate You

axz.mx/jetstrap

Page 31: Planning for Responsive: Why Your Developers Hate You

PROS:- Rapid Development- Supports Older Browsers (IE7&8)- Lower Learning Curve- Good Community / Support- Well Documented

CONS:- Super Over Used- Reoccurring Monthly Fees

Page 33: Planning for Responsive: Why Your Developers Hate You

styletil.es

Page 34: Planning for Responsive: Why Your Developers Hate You

pea.rs

Page 35: Planning for Responsive: Why Your Developers Hate You

fitvidsjs.com

Page 37: Planning for Responsive: Why Your Developers Hate You

mqtest.io

Page 46: Planning for Responsive: Why Your Developers Hate You

axz.mx/omnigraffles

Page 48: Planning for Responsive: Why Your Developers Hate You
Page 49: Planning for Responsive: Why Your Developers Hate You
Page 50: Planning for Responsive: Why Your Developers Hate You
Page 51: Planning for Responsive: Why Your Developers Hate You
Page 52: Planning for Responsive: Why Your Developers Hate You
Page 53: Planning for Responsive: Why Your Developers Hate You
Page 54: Planning for Responsive: Why Your Developers Hate You
Page 55: Planning for Responsive: Why Your Developers Hate You
Page 56: Planning for Responsive: Why Your Developers Hate You

1. Slide #24 The Internet Explorer 7 Countdown – Link 2. Slide #26 Bootstrap – Link 3. Slide # 28 Zurb Foundation – Link 4. Slide # 30 Jetstrap – Link 5. Slide # 32 Wrap Bootsrap – Link 6. Slide # 33 Style Tiles – Link 7. Slide # 34 Pears – Link 8. Slide # 35 Fitvids.js – Link9. Slide # 36 SASS – Link10. Slide # 37 MQTest.io – Link11. Slide # 38 Browserstack – Link 12. Slide # 39 Mobitest – Link 13. Slide # 40 W3C mobileOK Checker – Link 14. Slide # 41 Responsive Web Design Tool – Link 15. Slide # 42 PB Responsive Images – Link 16. Slide # 43 Responsive Content – Link 17. Slide # 44 ResponsiveJS – Link 18. Slide # 45 OmniGraffle – Link 19. Slide # 46 Planning for Responsive Omnigraffle Responsive Wireframe Templates – Link 20. Slide # 47 Super Awesome Content Strategy Worksheet By Steve Floyd – Link

*All Photos Are Property of The Respective Copyright Holder

Page 57: Planning for Responsive: Why Your Developers Hate You

1. Responsive Web Design by Ethan Marcotte – Link 2. Mobile First by Luke Wroblewski – Link3. Content Strategy for Mobile by Karen McGrane – Link4. Content Prototyping In Responsive Web Design By Ben Callahan – Link5. The State Of Responsive Web Design by Stéphanie Walter – Link6. Responsive Web Design Testing Tool by Matt Kersley – Link7. Future-Ready Content by Sara Wachter-Boettcher – Link8. Responsive Content is Not a Thing by Mark Boulton – Link 9. Adapting Ourselves to Adaptive Content by Karen McGrane – Link10. Our Mobile Moment by Sara Wachter-Boettcher – Link11. Adaptive Content Management by Mark Boulton – Link 12. Architectures for Adaptive Content by Cleve Gibbon– Link 13. Mobile First Design: Why It’s Great and Why It Sucks by Joshua Johnson – Link 14. Structured Content First by Stephen Hay – Link 15. Structuring Content, Restructuring Organizations by Sara Wachter-Boettcher – Link 16. Responsive Resources by Brad Frost – Link 17. Responsive Patterns by Brad Frost – Link 18. Responsive Email Templates for Mobile Marketing by Steve Floyd – Link

Page 58: Planning for Responsive: Why Your Developers Hate You

Steve FloydFounder / Principle at AXZM

twitter: @nawlreadyphone: (214) 272-9109

www.axzm.com

For the last decade I have been creating digital marketing solutions for businesses large and small. In that time I’ve learned a few things about the governance and creation of web content and how that content ties into other marketing channels. Content is often swept aside as the last part of a project, when I believe it should be one of the very first things addressed (even before design).