planning for responsive: why your developers hate you

axz.mx/get-responsive

axz.mx/ie7-die

axz.mx/get-bootstrap

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

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

axz.mx/zurb-4

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

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

axz.mx/jetstrap

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

CONS:- Super Over Used- Reoccurring Monthly Fees

axz.mx/wrap-bs

styletil.es

pea.rs

fitvidsjs.com

sass-lang.com

mqtest.io

axz.mx/b-stack

axz.mx/mobitested

axz.mx/mobile-ok

axz.mx/responsive-test

axz.mx/pb-responsive

axz.mx/responsive-c

axz.mx/responsejs

axz.mx/omnigraf

axz.mx/omnigraffles

axz.mx/cs-worksheet

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

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

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).