SlideShare a Scribd company logo
1 of 58
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
*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

What's hot

How to Achieve Content Marketing Nirvana
How to Achieve Content Marketing NirvanaHow to Achieve Content Marketing Nirvana
How to Achieve Content Marketing NirvanaRoss Hudgens
 
Single Page Apps - Gerry White @ BrightonSEO
Single Page Apps - Gerry White @ BrightonSEOSingle Page Apps - Gerry White @ BrightonSEO
Single Page Apps - Gerry White @ BrightonSEOGerry White
 
Truly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User GoalsTruly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User GoalsJohn Eckman
 
10913 3 things_smb_wp_102510
10913 3 things_smb_wp_10251010913 3 things_smb_wp_102510
10913 3 things_smb_wp_102510BRUCE Bixler
 
7 steps-to-migrate-your-seo-strategy robin-neyt
7 steps-to-migrate-your-seo-strategy robin-neyt7 steps-to-migrate-your-seo-strategy robin-neyt
7 steps-to-migrate-your-seo-strategy robin-neytmichael_wijs
 
Executing a Flawless Content Strategy | Chris Bennett | SMX Advanced 2014
Executing a Flawless Content Strategy | Chris Bennett | SMX Advanced 2014Executing a Flawless Content Strategy | Chris Bennett | SMX Advanced 2014
Executing a Flawless Content Strategy | Chris Bennett | SMX Advanced 201497th Floor
 
AMP Accelerated Mobile Pages - The Next Generation SMX London 2017 Dawn Anderson
AMP Accelerated Mobile Pages - The Next Generation SMX London 2017 Dawn AndersonAMP Accelerated Mobile Pages - The Next Generation SMX London 2017 Dawn Anderson
AMP Accelerated Mobile Pages - The Next Generation SMX London 2017 Dawn AndersonDawn Anderson MSc DigM
 
Through The Looking Glass: Overcoming Organizational Perspectives
Through The Looking Glass: Overcoming Organizational PerspectivesThrough The Looking Glass: Overcoming Organizational Perspectives
Through The Looking Glass: Overcoming Organizational PerspectivesSteve Floyd
 
Slide traffic review3
Slide traffic review3Slide traffic review3
Slide traffic review3Jack boby
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignipmindthegap
 
Etohum Kampı - Favit.com sunumu
Etohum Kampı - Favit.com sunumuEtohum Kampı - Favit.com sunumu
Etohum Kampı - Favit.com sunumuBurak Büyükdemir
 
SEO Ranking Factors
SEO Ranking FactorsSEO Ranking Factors
SEO Ranking FactorsRob Ousbey
 
Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Bastian Grimm
 
19 Lessons I learned from a year of SEO split testing
19 Lessons I learned from a year of SEO split testing19 Lessons I learned from a year of SEO split testing
19 Lessons I learned from a year of SEO split testingDominic Woodman
 
Build Your Own Website - Intro to HTML & CSS
Build Your Own Website - Intro to HTML & CSSBuild Your Own Website - Intro to HTML & CSS
Build Your Own Website - Intro to HTML & CSSTJ Stalcup
 
3 Sep 09 Jour3340 Website Design&Elements
3 Sep 09   Jour3340   Website Design&Elements3 Sep 09   Jour3340   Website Design&Elements
3 Sep 09 Jour3340 Website Design&ElementsNeil Foote
 
Web 2.0 = Accessibility 2.0?
Web 2.0 = Accessibility 2.0?Web 2.0 = Accessibility 2.0?
Web 2.0 = Accessibility 2.0?Jared Smith
 

What's hot (20)

How to Achieve Content Marketing Nirvana
How to Achieve Content Marketing NirvanaHow to Achieve Content Marketing Nirvana
How to Achieve Content Marketing Nirvana
 
Single Page Apps - Gerry White @ BrightonSEO
Single Page Apps - Gerry White @ BrightonSEOSingle Page Apps - Gerry White @ BrightonSEO
Single Page Apps - Gerry White @ BrightonSEO
 
Truly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User GoalsTruly Responsive Design Means Aligning to Business and User Goals
Truly Responsive Design Means Aligning to Business and User Goals
 
10913 3 things_smb_wp_102510
10913 3 things_smb_wp_10251010913 3 things_smb_wp_102510
10913 3 things_smb_wp_102510
 
7 steps-to-migrate-your-seo-strategy robin-neyt
7 steps-to-migrate-your-seo-strategy robin-neyt7 steps-to-migrate-your-seo-strategy robin-neyt
7 steps-to-migrate-your-seo-strategy robin-neyt
 
Executing a Flawless Content Strategy | Chris Bennett | SMX Advanced 2014
Executing a Flawless Content Strategy | Chris Bennett | SMX Advanced 2014Executing a Flawless Content Strategy | Chris Bennett | SMX Advanced 2014
Executing a Flawless Content Strategy | Chris Bennett | SMX Advanced 2014
 
AMP Accelerated Mobile Pages - The Next Generation SMX London 2017 Dawn Anderson
AMP Accelerated Mobile Pages - The Next Generation SMX London 2017 Dawn AndersonAMP Accelerated Mobile Pages - The Next Generation SMX London 2017 Dawn Anderson
AMP Accelerated Mobile Pages - The Next Generation SMX London 2017 Dawn Anderson
 
Through The Looking Glass: Overcoming Organizational Perspectives
Through The Looking Glass: Overcoming Organizational PerspectivesThrough The Looking Glass: Overcoming Organizational Perspectives
Through The Looking Glass: Overcoming Organizational Perspectives
 
Slide traffic review3
Slide traffic review3Slide traffic review3
Slide traffic review3
 
Introduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesignIntroduction about wireframing and responsive webdesign
Introduction about wireframing and responsive webdesign
 
Wuw1
Wuw1Wuw1
Wuw1
 
Etohum Kampı - Favit.com sunumu
Etohum Kampı - Favit.com sunumuEtohum Kampı - Favit.com sunumu
Etohum Kampı - Favit.com sunumu
 
Blogging For Business
Blogging For BusinessBlogging For Business
Blogging For Business
 
SEO Ranking Factors
SEO Ranking FactorsSEO Ranking Factors
SEO Ranking Factors
 
Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...Three site speed optimisation tips to make your website REALLY fast - Brighto...
Three site speed optimisation tips to make your website REALLY fast - Brighto...
 
Enterprise SEO
Enterprise SEOEnterprise SEO
Enterprise SEO
 
19 Lessons I learned from a year of SEO split testing
19 Lessons I learned from a year of SEO split testing19 Lessons I learned from a year of SEO split testing
19 Lessons I learned from a year of SEO split testing
 
Build Your Own Website - Intro to HTML & CSS
Build Your Own Website - Intro to HTML & CSSBuild Your Own Website - Intro to HTML & CSS
Build Your Own Website - Intro to HTML & CSS
 
3 Sep 09 Jour3340 Website Design&Elements
3 Sep 09   Jour3340   Website Design&Elements3 Sep 09   Jour3340   Website Design&Elements
3 Sep 09 Jour3340 Website Design&Elements
 
Web 2.0 = Accessibility 2.0?
Web 2.0 = Accessibility 2.0?Web 2.0 = Accessibility 2.0?
Web 2.0 = Accessibility 2.0?
 

Similar to Planning for Responsive: Why Your Developers Hate You

Is everything we used to do wrong?
Is everything we used to do wrong?Is everything we used to do wrong?
Is everything we used to do wrong?Russ Weakley
 
Karl-Grittner-Resume
Karl-Grittner-ResumeKarl-Grittner-Resume
Karl-Grittner-Resumekarl grittner
 
Web3.0- How brands can take advantage of the semantic shift - Brandsential
Web3.0- How brands can take advantage of the semantic shift -  BrandsentialWeb3.0- How brands can take advantage of the semantic shift -  Brandsential
Web3.0- How brands can take advantage of the semantic shift - BrandsentialJeffrey V
 
Content Strategy Applied Deck (Oct 17)
Content Strategy Applied Deck (Oct 17)Content Strategy Applied Deck (Oct 17)
Content Strategy Applied Deck (Oct 17)Matt Hobbs
 
Going mobile edu web presentation - 2011
Going mobile   edu web presentation - 2011Going mobile   edu web presentation - 2011
Going mobile edu web presentation - 2011Nathan Gerber
 
Community Media 2.0:
Community Media 2.0:  Community Media 2.0:
Community Media 2.0: Felicia
 
Bruce Lee Guide to Strategic Content (Remix)
Bruce Lee Guide to Strategic Content (Remix)Bruce Lee Guide to Strategic Content (Remix)
Bruce Lee Guide to Strategic Content (Remix)Steve Floyd
 
Next Generation Website Launch by Fox Valley Technical College
Next Generation Website Launch by Fox Valley Technical CollegeNext Generation Website Launch by Fox Valley Technical College
Next Generation Website Launch by Fox Valley Technical CollegeDNN
 
Flex Your Skills A Deep Dive into Web Development with Flex.pdf
Flex Your Skills A Deep Dive into Web Development with Flex.pdfFlex Your Skills A Deep Dive into Web Development with Flex.pdf
Flex Your Skills A Deep Dive into Web Development with Flex.pdflubnayasminsebl
 
E-Learning Workshop 2.0
E-Learning Workshop 2.0E-Learning Workshop 2.0
E-Learning Workshop 2.0compakia
 
Selling Guns to Gandhi: Getting Content Buy-In - Pubcon New Orleans 2014
Selling Guns to Gandhi: Getting Content Buy-In - Pubcon New Orleans 2014Selling Guns to Gandhi: Getting Content Buy-In - Pubcon New Orleans 2014
Selling Guns to Gandhi: Getting Content Buy-In - Pubcon New Orleans 2014Steve Floyd
 
Extending your SharePoint Information Architecture to Microsoft Teams
Extending your SharePoint Information Architecture to Microsoft TeamsExtending your SharePoint Information Architecture to Microsoft Teams
Extending your SharePoint Information Architecture to Microsoft TeamsChristian Buckley
 
AMA Basics in Website Design
AMA Basics in Website DesignAMA Basics in Website Design
AMA Basics in Website Designtheresaboucher
 
Postmodern Web Apps
Postmodern Web AppsPostmodern Web Apps
Postmodern Web Appsmalteubl
 
9thWebDevFelke.pdf
9thWebDevFelke.pdf9thWebDevFelke.pdf
9thWebDevFelke.pdfacrylic1
 
Leverage Your Online Web Presence
Leverage Your Online Web PresenceLeverage Your Online Web Presence
Leverage Your Online Web PresenceSusan Boone
 
Check out the slides
Check out the slidesCheck out the slides
Check out the slideswebhostingguy
 

Similar to Planning for Responsive: Why Your Developers Hate You (20)

RWD - Bootstrap
RWD - BootstrapRWD - Bootstrap
RWD - Bootstrap
 
Is everything we used to do wrong?
Is everything we used to do wrong?Is everything we used to do wrong?
Is everything we used to do wrong?
 
Karl-Grittner-Resume
Karl-Grittner-ResumeKarl-Grittner-Resume
Karl-Grittner-Resume
 
Web3.0- How brands can take advantage of the semantic shift - Brandsential
Web3.0- How brands can take advantage of the semantic shift -  BrandsentialWeb3.0- How brands can take advantage of the semantic shift -  Brandsential
Web3.0- How brands can take advantage of the semantic shift - Brandsential
 
Content Strategy Applied Deck (Oct 17)
Content Strategy Applied Deck (Oct 17)Content Strategy Applied Deck (Oct 17)
Content Strategy Applied Deck (Oct 17)
 
SEO & the future of search
SEO & the future of searchSEO & the future of search
SEO & the future of search
 
Going mobile edu web presentation - 2011
Going mobile   edu web presentation - 2011Going mobile   edu web presentation - 2011
Going mobile edu web presentation - 2011
 
Community Media 2.0:
Community Media 2.0:  Community Media 2.0:
Community Media 2.0:
 
Bruce Lee Guide to Strategic Content (Remix)
Bruce Lee Guide to Strategic Content (Remix)Bruce Lee Guide to Strategic Content (Remix)
Bruce Lee Guide to Strategic Content (Remix)
 
Next Generation Website Launch by Fox Valley Technical College
Next Generation Website Launch by Fox Valley Technical CollegeNext Generation Website Launch by Fox Valley Technical College
Next Generation Website Launch by Fox Valley Technical College
 
Pdf portfolio 2017
Pdf portfolio 2017Pdf portfolio 2017
Pdf portfolio 2017
 
Flex Your Skills A Deep Dive into Web Development with Flex.pdf
Flex Your Skills A Deep Dive into Web Development with Flex.pdfFlex Your Skills A Deep Dive into Web Development with Flex.pdf
Flex Your Skills A Deep Dive into Web Development with Flex.pdf
 
E-Learning Workshop 2.0
E-Learning Workshop 2.0E-Learning Workshop 2.0
E-Learning Workshop 2.0
 
Selling Guns to Gandhi: Getting Content Buy-In - Pubcon New Orleans 2014
Selling Guns to Gandhi: Getting Content Buy-In - Pubcon New Orleans 2014Selling Guns to Gandhi: Getting Content Buy-In - Pubcon New Orleans 2014
Selling Guns to Gandhi: Getting Content Buy-In - Pubcon New Orleans 2014
 
Extending your SharePoint Information Architecture to Microsoft Teams
Extending your SharePoint Information Architecture to Microsoft TeamsExtending your SharePoint Information Architecture to Microsoft Teams
Extending your SharePoint Information Architecture to Microsoft Teams
 
AMA Basics in Website Design
AMA Basics in Website DesignAMA Basics in Website Design
AMA Basics in Website Design
 
Postmodern Web Apps
Postmodern Web AppsPostmodern Web Apps
Postmodern Web Apps
 
9thWebDevFelke.pdf
9thWebDevFelke.pdf9thWebDevFelke.pdf
9thWebDevFelke.pdf
 
Leverage Your Online Web Presence
Leverage Your Online Web PresenceLeverage Your Online Web Presence
Leverage Your Online Web Presence
 
Check out the slides
Check out the slidesCheck out the slides
Check out the slides
 

More from Steve Floyd

Major Keys to Wordpress Speed
Major Keys to Wordpress SpeedMajor Keys to Wordpress Speed
Major Keys to Wordpress SpeedSteve Floyd
 
The Nightmare Before Content: Surviving Redesign Hell
The Nightmare Before Content: Surviving Redesign HellThe Nightmare Before Content: Surviving Redesign Hell
The Nightmare Before Content: Surviving Redesign HellSteve Floyd
 
Major Keys to Wordpress Speed
Major Keys to Wordpress SpeedMajor Keys to Wordpress Speed
Major Keys to Wordpress SpeedSteve Floyd
 
Building Better Experiences With Content Personalization
Building Better Experiences With Content PersonalizationBuilding Better Experiences With Content Personalization
Building Better Experiences With Content PersonalizationSteve Floyd
 
Through The Looking Glass: The Value of Good Design
Through The Looking Glass: The Value of Good DesignThrough The Looking Glass: The Value of Good Design
Through The Looking Glass: The Value of Good DesignSteve Floyd
 
Hyper Local Content Marketing
Hyper Local Content MarketingHyper Local Content Marketing
Hyper Local Content MarketingSteve Floyd
 
Catching Fireflies: Measuring The Value of Content
Catching Fireflies: Measuring The Value of ContentCatching Fireflies: Measuring The Value of Content
Catching Fireflies: Measuring The Value of ContentSteve Floyd
 
Growth Hacking With APIs
Growth Hacking With APIsGrowth Hacking With APIs
Growth Hacking With APIsSteve Floyd
 
Crouching Stakeholder Hidden Content
Crouching Stakeholder Hidden ContentCrouching Stakeholder Hidden Content
Crouching Stakeholder Hidden ContentSteve Floyd
 
The City of Dallas Population Explosion
The City of Dallas Population ExplosionThe City of Dallas Population Explosion
The City of Dallas Population ExplosionSteve Floyd
 
Stop Selling SEO
Stop Selling SEOStop Selling SEO
Stop Selling SEOSteve Floyd
 

More from Steve Floyd (11)

Major Keys to Wordpress Speed
Major Keys to Wordpress SpeedMajor Keys to Wordpress Speed
Major Keys to Wordpress Speed
 
The Nightmare Before Content: Surviving Redesign Hell
The Nightmare Before Content: Surviving Redesign HellThe Nightmare Before Content: Surviving Redesign Hell
The Nightmare Before Content: Surviving Redesign Hell
 
Major Keys to Wordpress Speed
Major Keys to Wordpress SpeedMajor Keys to Wordpress Speed
Major Keys to Wordpress Speed
 
Building Better Experiences With Content Personalization
Building Better Experiences With Content PersonalizationBuilding Better Experiences With Content Personalization
Building Better Experiences With Content Personalization
 
Through The Looking Glass: The Value of Good Design
Through The Looking Glass: The Value of Good DesignThrough The Looking Glass: The Value of Good Design
Through The Looking Glass: The Value of Good Design
 
Hyper Local Content Marketing
Hyper Local Content MarketingHyper Local Content Marketing
Hyper Local Content Marketing
 
Catching Fireflies: Measuring The Value of Content
Catching Fireflies: Measuring The Value of ContentCatching Fireflies: Measuring The Value of Content
Catching Fireflies: Measuring The Value of Content
 
Growth Hacking With APIs
Growth Hacking With APIsGrowth Hacking With APIs
Growth Hacking With APIs
 
Crouching Stakeholder Hidden Content
Crouching Stakeholder Hidden ContentCrouching Stakeholder Hidden Content
Crouching Stakeholder Hidden Content
 
The City of Dallas Population Explosion
The City of Dallas Population ExplosionThe City of Dallas Population Explosion
The City of Dallas Population Explosion
 
Stop Selling SEO
Stop Selling SEOStop Selling SEO
Stop Selling SEO
 

Recently uploaded

Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightSafe Software
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxRemote DBA Services
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMKumar Satyam
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuideJavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuidePixlogix Infotech
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Zilliz
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
ChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityVictorSzoltysek
 
Modernizing Legacy Systems Using Ballerina
Modernizing Legacy Systems Using BallerinaModernizing Legacy Systems Using Ballerina
Modernizing Legacy Systems Using BallerinaWSO2
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAnitaRaj43
 
Simplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxSimplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxMarkSteadman7
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 

Recently uploaded (20)

Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
JavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate GuideJavaScript Usage Statistics 2024 - The Ultimate Guide
JavaScript Usage Statistics 2024 - The Ultimate Guide
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
ChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps Productivity
 
Modernizing Legacy Systems Using Ballerina
Modernizing Legacy Systems Using BallerinaModernizing Legacy Systems Using Ballerina
Modernizing Legacy Systems Using Ballerina
 
AI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by AnitarajAI in Action: Real World Use Cases by Anitaraj
AI in Action: Real World Use Cases by Anitaraj
 
Simplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxSimplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptx
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 

Planning for Responsive: Why Your Developers Hate You

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 25.
  • 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
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 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).