SlideShare a Scribd company logo
1 of 58
Download to read offline
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

Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructureitnewsafrica
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica
 
Accelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessAccelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessWSO2
 
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Kaya Weers
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfAarwolf Industries LLC
 
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...BookNet Canada
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
Kuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialKuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialJoão Esperancinha
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxAna-Maria Mihalceanu
 
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...Jeffrey Haguewood
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesThousandEyes
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...itnewsafrica
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxfnnc6jmgwh
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 

Recently uploaded (20)

Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
 
Accelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessAccelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with Platformless
 
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdf
 
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
Kuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialKuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorial
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance Toolbox
 
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
Email Marketing Automation for Bonterra Impact Management (fka Social Solutio...
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 

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