SlideShare a Scribd company logo

Planning for Responsive: Why Your Developers Hate You

•Download as PPTX, PDF•
•
Steve Floyd
Steve Floyd

Bad planning and rushed projects are at the heart of bad responsive websites (and most bad websites for that matter). Find out why your developers hate you and what you can do to make them love you. This is a presentation for Pubcon Vegas 2013

1 of 58
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
axz.mx/ie7-die
Planning for Responsive: Why Your Developers Hate You
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
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
Planning for Responsive: Why Your Developers Hate You
*All Photos Are Property of The Respective Copyright Holder 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. Slide #24 The Internet Explorer 7 Countdown – Link Slide #26 Bootstrap – Link Slide # 28 Zurb Foundation – Link Slide # 30 Jetstrap – Link Slide # 32 Wrap Bootsrap – Link Slide # 33 Style Tiles – Link Slide # 34 Pears – Link Slide # 35 Fitvids.js – Link Slide # 36 SASS – Link Slide # 37 MQTest.io – Link Slide # 38 Browserstack – Link Slide # 39 Mobitest – Link Slide # 40 W3C mobileOK Checker – Link Slide # 41 Responsive Web Design Tool – Link Slide # 42 PB Responsive Images – Link Slide # 43 Responsive Content – Link Slide # 44 ResponsiveJS – Link Slide # 45 OmniGraffle – Link Slide # 46 Planning for Responsive Omnigraffle Responsive Wireframe Templates – Link Slide # 47 Super Awesome Content Strategy Worksheet By Steve Floyd – Link
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. Responsive Web Design by Ethan Marcotte – Link Mobile First by Luke Wroblewski – Link Content Strategy for Mobile by Karen McGrane – Link Content Prototyping In Responsive Web Design By Ben Callahan – Link The State Of Responsive Web Design by Stéphanie Walter – Link Responsive Web Design Testing Tool by Matt Kersley – Link Future-Ready Content by Sara Wachter-Boettcher – Link Responsive Content is Not a Thing by Mark Boulton – Link Adapting Ourselves to Adaptive Content by Karen McGrane – Link Our Mobile Moment by Sara Wachter-Boettcher – Link Adaptive Content Management by Mark Boulton – Link Architectures for Adaptive Content by Cleve Gibbon– Link Mobile First Design: Why It’s Great and Why It Sucks by Joshua Johnson – Link Structured Content First by Stephen Hay – Link Structuring Content, Restructuring Organizations by Sara Wachter-Boettcher – Link Responsive Resources by Brad Frost – Link Responsive Patterns by Brad Frost – Link Responsive Email Templates for Mobile Marketing by Steve Floyd – Link
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). Steve Floyd Founder / Principle at AXZM twitter: @nawlready phone: (214) 272-9109 www.axzm.com

More Related Content

Planning for Responsive: Why Your Developers Hate You

  • 27. PROS: - Rapid Development - Supports Older Browsers (IE7&8) - Great Documentation - Huge Community CONS: - Way, Way Overused - Bootstrap 3 Still Wonky (as of 2013)
  • 29. PROS: - Rapid Development - Great Documentation - Robust Patterns - Not As Overused CONS: - Does NOT Support (IE7&8) - Smaller Community - Learning Curve
  • 31. PROS: - Rapid Development - Supports Older Browsers (IE7&8) - Lower Learning Curve - Good Community / Support - Well Documented CONS: - Super Over Used - Reoccurring Monthly Fees
  • 56. *All Photos Are Property of The Respective Copyright Holder 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. Slide #24 The Internet Explorer 7 Countdown – Link Slide #26 Bootstrap – Link Slide # 28 Zurb Foundation – Link Slide # 30 Jetstrap – Link Slide # 32 Wrap Bootsrap – Link Slide # 33 Style Tiles – Link Slide # 34 Pears – Link Slide # 35 Fitvids.js – Link Slide # 36 SASS – Link Slide # 37 MQTest.io – Link Slide # 38 Browserstack – Link Slide # 39 Mobitest – Link Slide # 40 W3C mobileOK Checker – Link Slide # 41 Responsive Web Design Tool – Link Slide # 42 PB Responsive Images – Link Slide # 43 Responsive Content – Link Slide # 44 ResponsiveJS – Link Slide # 45 OmniGraffle – Link Slide # 46 Planning for Responsive Omnigraffle Responsive Wireframe Templates – Link Slide # 47 Super Awesome Content Strategy Worksheet By Steve Floyd – Link
  • 57. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. Responsive Web Design by Ethan Marcotte – Link Mobile First by Luke Wroblewski – Link Content Strategy for Mobile by Karen McGrane – Link Content Prototyping In Responsive Web Design By Ben Callahan – Link The State Of Responsive Web Design by Stéphanie Walter – Link Responsive Web Design Testing Tool by Matt Kersley – Link Future-Ready Content by Sara Wachter-Boettcher – Link Responsive Content is Not a Thing by Mark Boulton – Link Adapting Ourselves to Adaptive Content by Karen McGrane – Link Our Mobile Moment by Sara Wachter-Boettcher – Link Adaptive Content Management by Mark Boulton – Link Architectures for Adaptive Content by Cleve Gibbon– Link Mobile First Design: Why It’s Great and Why It Sucks by Joshua Johnson – Link Structured Content First by Stephen Hay – Link Structuring Content, Restructuring Organizations by Sara Wachter-Boettcher – Link Responsive Resources by Brad Frost – Link Responsive Patterns by Brad Frost – Link Responsive Email Templates for Mobile Marketing by Steve Floyd – Link
  • 58. 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). Steve Floyd Founder / Principle at AXZM twitter: @nawlready phone: (214) 272-9109 www.axzm.com

Editor's Notes

  1. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  2. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  3. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  4. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  5. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  6. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  7. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  8. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  9. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  10. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  11. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  12. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  13. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  14. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  15. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  16. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  17. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  18. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  19. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  20. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  21. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  22. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  23. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  24. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  25. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  26. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  27. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  28. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  29. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  30. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  31. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  32. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  33. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  34. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  35. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  36. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  37. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  38. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  39. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  40. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  41. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  42. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  43. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  44. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  45. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  46. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  47. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  48. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  49. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  50. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  51. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  52. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  53. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  54. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  55. Planning For Responsive: Why Developers Hate You - Pubcon Las Vegas 2013 by Steve Floyd – CEO of AXZM – www.axzm.com/about/steve-floyd
  56. Credits:Client Profile Template By AXZM – LinkContent Strategy Generator Tool V2 by SEO Gadget –LinkThe Content Matrix Template by Kevin Nichols –LinkWebsite Content Template By Brody Dorland– LinkThe Epic List of Content Strategy Resources by JonathonColman–LinkSlide # 9 Graphic by Brain Traffic – LinkSlide #11 From Caroline Kealey’s “Message Architecture Worksheet” - LinkSlide # 13 Image From The White Paper – Why Securing Communications and Content is a Critical Best Practice by Proofpoint– Link*All Photos of Bruce Lee Are Property of The Respective Copyright Holder
  57. Resources:Content Strategy For The Web by Kristina HalvorsonElements of Content Strategy by Erin KissaneContent Strategy at Work by Margot BloomsteinManaging Enterprise Content: A Unified Content Strategy by Ann RockleyMetadata Workshop by Rachel LovingerComplete Beginner’s Guide to Content Strategy by Andrew MaierBuild Agile SEO Tools Using Google Spreadsheets by Tom CritchlowUsing AlchemyAPI for Semantic Analysis and Text Miningby Mike ReichContent Templates to the Rescue by Erin Kissane Building Your Content Strategy with a Message Architecture by Margot BloomsteinDifference Between Content Strategy & Content Marketing? by Colleen JonesPsychographics Deconstructed: What We Look Like to… by Marty WeintraubSocial Media Can Generate Strong Story Ideas by Kylie Jane WakefieldThe New SEO Process (Quit Being Kanye)by Mike King11 Savvy Ways to Use Buyer Personas… by Rebecca CorlissFusing Content Strategy with Design by David GillisAn Introduction to User Journeys by Jason HobbsDoing a Content Inventory by Jeffrey Veen 5 Free Social Search Tools by Steve FloydSuper Awesome Content Strategy Worksheet by Steve Floyd
  58. About MeFor 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).