SlideShare a Scribd company logo
1 of 146
The Emperor’s New Clothes


     @WordUp Glasgow
      February 2012
Kevinjohn Gallagher
The Vocal Minority
aka:
I’m a bit… Roy Walker




         “ Say What You See ”
What’s the Plan, Stan?
The Tonight Show: Top 10

•   Responsive Design is Irresponsible
•   Why Free is too Expensive
•   Browse Crappy
•   Why you have to be High to use HTML5?
•   Justified: Why you‟re the client from Hell
•   Basic != Standard
•   Good developers don‟t make good Jedi Knights
•   Exit stage left: How we failed the world with CSS3
•   Upgrades of Mass Destruction
•   Lies, damned lies, and Open Source Statistics
Lets get ready to Rumble…


Which depending on your age means…
(if you’re over 30)
(If you’re under 30)
But !

• If you search for “PJ and Duncan” on Google images
• On the 4th row you see this…
It’s KIMB !!!
Premise

• Responsive Design is the ability to apply different CSS
  styles based on media queries

• e.g.
Why this appears awesome:

• Mobiles
  – Responsive Design allows designers and front-end
    developers to react to mobile devices.
Call a spade, a spade

• When we say “responsive”, what we mean is, “Mobile”.

• Or specifically, “same content, but with a different
  design for mobiles/tablets”.

• It works on the premise that the ONLY difference
  between a desktop and a mobile browser is screen size.

• Non-Desktop users:
   – rarely use a Human-Computer-Interaction device
   – are almost always looking for different information
   – are rarely on broadband
Proof of Paradox

• It‟s not about Screen Size, it‟s about Context.

• We had Screen Size specific 10 years ago, so it‟s
  definitely about Context and not Screen Size.

• Except, the only way to test for Context is to test for
  Screen Size.

• So in order for it to not be about screen size, it needs to
  be measures and identified by screen size.
So… Context

• The CSS2 spec DID include context variables!
   – media: handheld, screen, tv, print


• But after years of research, these were dropped by
  some small companies that according to our web
  design community know nothing about what Mobile
  Users want…
Who you gonna call?




• These companies, say that their users don‟t like to be
  treated differently unless it‟s in their best interests.

• Not with a visual, but a data & architectural change.
So…

• in order to change the visual elements under the
  premise of it being about Context and not Screen
  Sizes, we have to map Screen Sizes to our predefined
  Context, and then use Screen Sizes to decide what to
  display – which was exactly what we said it wasn‟t
  doing.

• It‟s also exactly what our users don‟t want.
Irony in Images

• Responsive Design was invented for designers/front-
  end coders to not be reliant on developers for multiple
  versions of websites.

• One of the major downfalls of RWD is Images.

• Inline images work best for responsive design, using
  the code:
   – img.className { max-width: 100%; }
• By this method, the same image is on all site versions.

• Do you load an image that‟s high quality, and destroys
  your bandwidth on a mobile?
• Or do you load a low quality one that looks poor on a
  desktop?
• Or do you attempt to load multiple images and
  display/hide the correct one as needed?

• None of these work well. So you have to use a technical
  solution to request the right type of image.
Conclusion

• Responsive Design = “same data, different display”.

• But it can‟t take into consideration:
   –   Bandwidth
   –   Platform
   –   Device
   –   Purpose
   –   Context

• It wants to, but all it knows is Screen Size.
• Those require decision making processes, something
  that CSS simply isn‟t built for.
• It has to be about Information Architecture.

• It can‟t be done by CSS alone.

• CSS wasn‟t intended nor built for that purpose

• We need to stop shoe-horning shit into the CSS specs

• We‟ll end up at a place where each browser supports
  only the code they want to and in the way they want to
• RWD is not a bad idea.

• Technical restraint and common sense are once again
  being thrown out the window in the name of cool-
  looking-shit on the internet. (Hello 1999?)

• RWD is irresponsible, because designers & front-end
  coders have the ability to fake something regardless of
  the Business Case or Return on Investment.

• Rest assured, 2-5Mb “mobile optimised” homepages
  await us.
Premise

• I can‟t see the word “free” in “Open Source”

• There‟s a growing sense of entitlement that software
  should have no cost.

• Worse, we now expect people to give support and
  updates for free… forever!

• We‟ve stopped looking at the business cases around
  the software we‟re hoping to use.
• We favour the exceptionally cheap or free option over
  software with a different pricing model that aligns
  better with our needs.

• “premium” and “freemium” plug-ins are decried
  unless their cost is so small and their features so great
  that the Return on Investment is mind blowingly large.

• That‟s not a business model that can continue to
  perpetuate itself in the long run.
How often have you thought this?



 • I can‟t believe that plug-in costs money!!

 • I could do that myself 2-3 hours!

 • I mean, look at the other free versions, they haven‟t
   been kept up to date, but appear to do the same thing.



              It’s a rip-off !
Listen to Bowie



• If the alternatives to the paid-for version are out of
  date, then they probably won‟t work (as well).

• You can‟t code it in 2-3 hours.

• Your code may suit your needs more succinctly, but we
  know that all software has quirks and you‟re not going
  to find them all on the first go.
Do the Math !

• How much do you charge an hour?

• How long do you think it would take you to
  plan, code, test and deploy your version?

• Divide the cost of your purchase by how long you think
  it would take you to develop. Which is more?
• Open Source is not yet taken seriously as a viable
  business model, and we need to make a mental shift.

• We need to accept that “Open Source Software” does
  not contain the word “free”, and that my time, your
  time, and other people‟s time is worth more than
  “nothing”.

• Don‟t value free over not free: it‟s an oxymoron!
• First Draft published in 2008

• 4 years later, still no definitive spec
Bluntly, it’s not ready.
Premise

• Jargon-free isn‟t enough

• Acknowledge the lies (WYSIWYG)

• Terminology
Justified

•   CLIENT: “I don‟t like the type.”

•   ME: “What don‟t you like.”

•   CLIENT: “I don‟t like how it goes all to one side.”

•   ME: “You mean ranged left.”

•   CLIENT: “Yes, yes, arranged left.”

•   ME: “How do you want it?”

•   CLIENT: “To be the same on both sides.”

•   ME: “Justified?”

•   CLIENT: “I don‟t have to justify anything! I own the fucking company.”
• Jargon free isn‟t enough

• We still treat people as if they have what WE consider
  to be a base level of knowledge.
The biggest lie of all

• WYSIWYG
• WordPress WYSIWYG
WP Function

• add_editor_style(„editor-style.css‟);

• Added in 3.0 (officially)

• Unofficially there since 2.7

• FYI: Doesn‟t quite work thanks to the implementation
  of TinyMCE (you need to include browser reset css)
Premise

• What makes a good developer?

• What makes a good Jedi Knight?
In the real world…

• What makes a good Project Manager?

• What makes a good Tester?
Every week on Star Trek

• Kirk:     Mr. Scott, How long until X?

• Scotty:   3 weeks captain.

• Kirk:     I need it in 4 minutes

• Scotty:   I just cannae do it captain

• Kirk:     I need it Mr.Scott

• Scott:    Oh you need it? let me just flick this switch
Remember

•   Kirk went on away missions
•   Kirk talked to all departments
•   Kirk talked to Starfleet Command
•   Kirk talked to people on the view screen
•   Kirk was from Ohio, he just worked in Outer Space

• Scotty stayed in Engineering
Is the good thing, the right thing?
Kevinjohn Gallagher's: Emperors new clothes (WordUp Glasgow 2012)
Kevinjohn Gallagher's: Emperors new clothes (WordUp Glasgow 2012)
Kevinjohn Gallagher's: Emperors new clothes (WordUp Glasgow 2012)
Kevinjohn Gallagher's: Emperors new clothes (WordUp Glasgow 2012)
Kevinjohn Gallagher's: Emperors new clothes (WordUp Glasgow 2012)
Kevinjohn Gallagher's: Emperors new clothes (WordUp Glasgow 2012)

More Related Content

What's hot

Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's WebMeagan Fisher
 
Embracing Startup Life and learning to think The Startup Way
Embracing Startup Life and learning to think The Startup WayEmbracing Startup Life and learning to think The Startup Way
Embracing Startup Life and learning to think The Startup WayBen Hall
 
6 Things to Think About Before Building Your Website
6 Things to Think About Before Building Your Website6 Things to Think About Before Building Your Website
6 Things to Think About Before Building Your WebsiteFloown
 
DevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable ProductsDevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable ProductsBen Hall
 
Chasing Elephants - Alberto Brandolini - Codemotion Rome 2017
Chasing Elephants - Alberto Brandolini - Codemotion Rome 2017Chasing Elephants - Alberto Brandolini - Codemotion Rome 2017
Chasing Elephants - Alberto Brandolini - Codemotion Rome 2017Codemotion
 
Getting sh*t done: How design is changing the way Coolblue works - Jeffrey
Getting sh*t done: How design is changing the way Coolblue works - JeffreyGetting sh*t done: How design is changing the way Coolblue works - Jeffrey
Getting sh*t done: How design is changing the way Coolblue works - JeffreyCoolblue
 
Prototype Apps in No Time
Prototype Apps in No TimePrototype Apps in No Time
Prototype Apps in No TimeTony Wang
 
Prototyping Interaction with Video Scenarios
Prototyping Interaction with Video ScenariosPrototyping Interaction with Video Scenarios
Prototyping Interaction with Video ScenariosDavid Sherwin
 
Create User Stories that Don't Suck!
Create User Stories that Don't Suck!Create User Stories that Don't Suck!
Create User Stories that Don't Suck!David Hawks
 
What designers can learn from (code) review
What designers can learn from (code) reviewWhat designers can learn from (code) review
What designers can learn from (code) reviewIda Aalen
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileVicke Cheung
 
Working Remotely and Doing It Right
Working Remotely and Doing It RightWorking Remotely and Doing It Right
Working Remotely and Doing It RightColdFusionConference
 
Adapting To Change (Owner Summit 2015)
Adapting To Change (Owner Summit 2015)Adapting To Change (Owner Summit 2015)
Adapting To Change (Owner Summit 2015)Anthony Armendariz
 
How Content Helped Us Scale
How Content Helped Us ScaleHow Content Helped Us Scale
How Content Helped Us ScaleIda Aalen
 
Real Options Agile Tour Brussels 2013
Real Options Agile Tour Brussels 2013Real Options Agile Tour Brussels 2013
Real Options Agile Tour Brussels 2013AgileCoach.net
 
Funsize Sprint School: Product Design Sprints Workshop
Funsize Sprint School: Product Design Sprints WorkshopFunsize Sprint School: Product Design Sprints Workshop
Funsize Sprint School: Product Design Sprints WorkshopAnthony Armendariz
 
Learning to think "The Designer Way"
Learning to think "The Designer Way"Learning to think "The Designer Way"
Learning to think "The Designer Way"Ben Hall
 
We’re Going Mobile! Great! Wait… What Does That Mean?
We’re Going Mobile! Great! Wait… What Does That Mean?We’re Going Mobile! Great! Wait… What Does That Mean?
We’re Going Mobile! Great! Wait… What Does That Mean?STC-Philadelphia Metro Chapter
 
A sweet taste of clean code and software design
A sweet taste of clean code and software designA sweet taste of clean code and software design
A sweet taste of clean code and software designKfir Bloch
 

What's hot (20)

Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
 
Embracing Startup Life and learning to think The Startup Way
Embracing Startup Life and learning to think The Startup WayEmbracing Startup Life and learning to think The Startup Way
Embracing Startup Life and learning to think The Startup Way
 
6 Things to Think About Before Building Your Website
6 Things to Think About Before Building Your Website6 Things to Think About Before Building Your Website
6 Things to Think About Before Building Your Website
 
DevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable ProductsDevDay 2013 - Building Startups and Minimum Viable Products
DevDay 2013 - Building Startups and Minimum Viable Products
 
Chasing Elephants - Alberto Brandolini - Codemotion Rome 2017
Chasing Elephants - Alberto Brandolini - Codemotion Rome 2017Chasing Elephants - Alberto Brandolini - Codemotion Rome 2017
Chasing Elephants - Alberto Brandolini - Codemotion Rome 2017
 
Getting sh*t done: How design is changing the way Coolblue works - Jeffrey
Getting sh*t done: How design is changing the way Coolblue works - JeffreyGetting sh*t done: How design is changing the way Coolblue works - Jeffrey
Getting sh*t done: How design is changing the way Coolblue works - Jeffrey
 
Prototype Apps in No Time
Prototype Apps in No TimePrototype Apps in No Time
Prototype Apps in No Time
 
Prototyping Interaction with Video Scenarios
Prototyping Interaction with Video ScenariosPrototyping Interaction with Video Scenarios
Prototyping Interaction with Video Scenarios
 
Create User Stories that Don't Suck!
Create User Stories that Don't Suck!Create User Stories that Don't Suck!
Create User Stories that Don't Suck!
 
What designers can learn from (code) review
What designers can learn from (code) reviewWhat designers can learn from (code) review
What designers can learn from (code) review
 
Ten Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for MobileTen Lessons in Designing Content for Mobile
Ten Lessons in Designing Content for Mobile
 
No estimates
No estimatesNo estimates
No estimates
 
Working Remotely and Doing It Right
Working Remotely and Doing It RightWorking Remotely and Doing It Right
Working Remotely and Doing It Right
 
Adapting To Change (Owner Summit 2015)
Adapting To Change (Owner Summit 2015)Adapting To Change (Owner Summit 2015)
Adapting To Change (Owner Summit 2015)
 
How Content Helped Us Scale
How Content Helped Us ScaleHow Content Helped Us Scale
How Content Helped Us Scale
 
Real Options Agile Tour Brussels 2013
Real Options Agile Tour Brussels 2013Real Options Agile Tour Brussels 2013
Real Options Agile Tour Brussels 2013
 
Funsize Sprint School: Product Design Sprints Workshop
Funsize Sprint School: Product Design Sprints WorkshopFunsize Sprint School: Product Design Sprints Workshop
Funsize Sprint School: Product Design Sprints Workshop
 
Learning to think "The Designer Way"
Learning to think "The Designer Way"Learning to think "The Designer Way"
Learning to think "The Designer Way"
 
We’re Going Mobile! Great! Wait… What Does That Mean?
We’re Going Mobile! Great! Wait… What Does That Mean?We’re Going Mobile! Great! Wait… What Does That Mean?
We’re Going Mobile! Great! Wait… What Does That Mean?
 
A sweet taste of clean code and software design
A sweet taste of clean code and software designA sweet taste of clean code and software design
A sweet taste of clean code and software design
 

Viewers also liked

Understanding Oil, Gas, and Mineral Leasing Rights
Understanding Oil, Gas, and Mineral Leasing RightsUnderstanding Oil, Gas, and Mineral Leasing Rights
Understanding Oil, Gas, and Mineral Leasing RightsSentry Energy Production
 
OriginOil PRIME Produced Water Treatment System Allows for CSS Reuse
OriginOil PRIME Produced Water Treatment System Allows for CSS ReuseOriginOil PRIME Produced Water Treatment System Allows for CSS Reuse
OriginOil PRIME Produced Water Treatment System Allows for CSS ReuseSentry Energy Production
 
Trenchless technology
Trenchless technologyTrenchless technology
Trenchless technologyjainshreyasi
 
Oil and Gas Experts Offer Industry Insight at 2015 EIA Conference
Oil and Gas Experts Offer Industry Insight at 2015 EIA ConferenceOil and Gas Experts Offer Industry Insight at 2015 EIA Conference
Oil and Gas Experts Offer Industry Insight at 2015 EIA ConferenceSentry Energy Production
 
"Where the Internet lives" – performing the material spaces of the "immateria...
"Where the Internet lives" – performing the material spaces of the "immateria..."Where the Internet lives" – performing the material spaces of the "immateria...
"Where the Internet lives" – performing the material spaces of the "immateria...Juhana Venäläinen
 
Tietoturvaviikon avajaiset 2012 Pekkala MEKU
Tietoturvaviikon avajaiset 2012 Pekkala MEKUTietoturvaviikon avajaiset 2012 Pekkala MEKU
Tietoturvaviikon avajaiset 2012 Pekkala MEKULeoPekkalaMEKU
 
Largest Oil and Gas Data Transfer Reflects Sector’s Technology Trends
Largest Oil and Gas Data Transfer Reflects Sector’s Technology TrendsLargest Oil and Gas Data Transfer Reflects Sector’s Technology Trends
Largest Oil and Gas Data Transfer Reflects Sector’s Technology TrendsSentry Energy Production
 
Достижения РО ФСФР России в ПриФО
Достижения РО ФСФР России в ПриФОДостижения РО ФСФР России в ПриФО
Достижения РО ФСФР России в ПриФОrofsfrprifo
 
4. perkembangan koperasi di indonesia
4.    perkembangan koperasi di indonesia4.    perkembangan koperasi di indonesia
4. perkembangan koperasi di indonesiaBang Udin
 
5. fungsi manajemen umum
5.    fungsi manajemen umum5.    fungsi manajemen umum
5. fungsi manajemen umumBang Udin
 
Проект РО ФСФР России в ПриФО "Обратная связь"
Проект РО ФСФР России в ПриФО "Обратная связь"Проект РО ФСФР России в ПриФО "Обратная связь"
Проект РО ФСФР России в ПриФО "Обратная связь"rofsfrprifo
 

Viewers also liked (13)

Understanding Oil, Gas, and Mineral Leasing Rights
Understanding Oil, Gas, and Mineral Leasing RightsUnderstanding Oil, Gas, and Mineral Leasing Rights
Understanding Oil, Gas, and Mineral Leasing Rights
 
OriginOil PRIME Produced Water Treatment System Allows for CSS Reuse
OriginOil PRIME Produced Water Treatment System Allows for CSS ReuseOriginOil PRIME Produced Water Treatment System Allows for CSS Reuse
OriginOil PRIME Produced Water Treatment System Allows for CSS Reuse
 
Trenchless technology
Trenchless technologyTrenchless technology
Trenchless technology
 
Oil and Gas Experts Offer Industry Insight at 2015 EIA Conference
Oil and Gas Experts Offer Industry Insight at 2015 EIA ConferenceOil and Gas Experts Offer Industry Insight at 2015 EIA Conference
Oil and Gas Experts Offer Industry Insight at 2015 EIA Conference
 
"Where the Internet lives" – performing the material spaces of the "immateria...
"Where the Internet lives" – performing the material spaces of the "immateria..."Where the Internet lives" – performing the material spaces of the "immateria...
"Where the Internet lives" – performing the material spaces of the "immateria...
 
Tietoturvaviikon avajaiset 2012 Pekkala MEKU
Tietoturvaviikon avajaiset 2012 Pekkala MEKUTietoturvaviikon avajaiset 2012 Pekkala MEKU
Tietoturvaviikon avajaiset 2012 Pekkala MEKU
 
Largest Oil and Gas Data Transfer Reflects Sector’s Technology Trends
Largest Oil and Gas Data Transfer Reflects Sector’s Technology TrendsLargest Oil and Gas Data Transfer Reflects Sector’s Technology Trends
Largest Oil and Gas Data Transfer Reflects Sector’s Technology Trends
 
Достижения РО ФСФР России в ПриФО
Достижения РО ФСФР России в ПриФОДостижения РО ФСФР России в ПриФО
Достижения РО ФСФР России в ПриФО
 
4. perkembangan koperasi di indonesia
4.    perkembangan koperasi di indonesia4.    perkembangan koperasi di indonesia
4. perkembangan koperasi di indonesia
 
How is Crude Oil Used?
How is Crude Oil Used?How is Crude Oil Used?
How is Crude Oil Used?
 
5. fungsi manajemen umum
5.    fungsi manajemen umum5.    fungsi manajemen umum
5. fungsi manajemen umum
 
Проект РО ФСФР России в ПриФО "Обратная связь"
Проект РО ФСФР России в ПриФО "Обратная связь"Проект РО ФСФР России в ПриФО "Обратная связь"
Проект РО ФСФР России в ПриФО "Обратная связь"
 
Kevinjohn Gallagher's Resume
Kevinjohn Gallagher's ResumeKevinjohn Gallagher's Resume
Kevinjohn Gallagher's Resume
 

Similar to Kevinjohn Gallagher's: Emperors new clothes (WordUp Glasgow 2012)

How to Implement Domain Driven Design in Real Life SDLC
How to Implement Domain Driven Design  in Real Life SDLCHow to Implement Domain Driven Design  in Real Life SDLC
How to Implement Domain Driven Design in Real Life SDLCAbdul Karim
 
Why do mobile projects (still) fail - September 2014 edition
Why do mobile projects (still) fail - September 2014 editionWhy do mobile projects (still) fail - September 2014 edition
Why do mobile projects (still) fail - September 2014 editionIndiginox
 
responsive awareness
responsive awarenessresponsive awareness
responsive awarenessonehundred_be
 
Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Indiginox
 
Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work EverywhereUsing Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work EverywhereChris Love
 
Untangling spring week2
Untangling spring week2Untangling spring week2
Untangling spring week2Derek Jacoby
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive WebMatt Carver
 
Responsive Web Design
Responsive Web Design Responsive Web Design
Responsive Web Design CLEVER°FRANKE
 
Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015Holger Bartel
 
Software Developer Career Unplugged - GeeCon 2013
Software Developer Career Unplugged - GeeCon 2013Software Developer Career Unplugged - GeeCon 2013
Software Developer Career Unplugged - GeeCon 2013Wojciech Seliga
 
Friday final test
Friday final testFriday final test
Friday final testbcoder
 
It is a sunny day
It is a sunny dayIt is a sunny day
It is a sunny daybcoder
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryFresche Solutions
 
05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&processSheSaysCREATIVE
 
Flow: A living full-stack framework for the web
Flow: A living full-stack framework for the webFlow: A living full-stack framework for the web
Flow: A living full-stack framework for the websebastian sastre
 
Stapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoStapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoChristian Heilmann
 
Production process presentation - drupalcamp Toronto 2010
Production process presentation - drupalcamp Toronto 2010Production process presentation - drupalcamp Toronto 2010
Production process presentation - drupalcamp Toronto 2010Aidan Foster
 

Similar to Kevinjohn Gallagher's: Emperors new clothes (WordUp Glasgow 2012) (20)

How to Implement Domain Driven Design in Real Life SDLC
How to Implement Domain Driven Design  in Real Life SDLCHow to Implement Domain Driven Design  in Real Life SDLC
How to Implement Domain Driven Design in Real Life SDLC
 
Why do mobile projects (still) fail - September 2014 edition
Why do mobile projects (still) fail - September 2014 editionWhy do mobile projects (still) fail - September 2014 edition
Why do mobile projects (still) fail - September 2014 edition
 
responsive awareness
responsive awarenessresponsive awareness
responsive awareness
 
Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?
 
Using Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work EverywhereUsing Responsive Web Design To Make Your Web Work Everywhere
Using Responsive Web Design To Make Your Web Work Everywhere
 
Untangling spring week2
Untangling spring week2Untangling spring week2
Untangling spring week2
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive Web
 
Traits of a Good Engineer
Traits of a Good EngineerTraits of a Good Engineer
Traits of a Good Engineer
 
Responsive Web Design
Responsive Web Design Responsive Web Design
Responsive Web Design
 
Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015
 
Software Developer Career Unplugged - GeeCon 2013
Software Developer Career Unplugged - GeeCon 2013Software Developer Career Unplugged - GeeCon 2013
Software Developer Career Unplugged - GeeCon 2013
 
20 in 20 august adams
20 in 20 august adams20 in 20 august adams
20 in 20 august adams
 
How to write bad code using C#
How to write bad code using C#How to write bad code using C#
How to write bad code using C#
 
Friday final test
Friday final testFriday final test
Friday final test
 
It is a sunny day
It is a sunny dayIt is a sunny day
It is a sunny day
 
Implementing Modernization by Trevor Perry
Implementing Modernization by Trevor PerryImplementing Modernization by Trevor Perry
Implementing Modernization by Trevor Perry
 
05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process
 
Flow: A living full-stack framework for the web
Flow: A living full-stack framework for the webFlow: A living full-stack framework for the web
Flow: A living full-stack framework for the web
 
Stapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San FranciscoStapling and patching the web of now - ForwardJS3, San Francisco
Stapling and patching the web of now - ForwardJS3, San Francisco
 
Production process presentation - drupalcamp Toronto 2010
Production process presentation - drupalcamp Toronto 2010Production process presentation - drupalcamp Toronto 2010
Production process presentation - drupalcamp Toronto 2010
 

Recently uploaded

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
 
Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!Memoori
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesBernd Ruecker
 
A PowerPoint Presentation on Vikram Lander pptx
A PowerPoint Presentation on Vikram Lander pptxA PowerPoint Presentation on Vikram Lander pptx
A PowerPoint Presentation on Vikram Lander pptxatharvdev2010
 
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
 
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
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
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
 
Bitdefender-CSG-Report-creat7534-interactive
Bitdefender-CSG-Report-creat7534-interactiveBitdefender-CSG-Report-creat7534-interactive
Bitdefender-CSG-Report-creat7534-interactivestartupro
 
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
 
Which standard is best for your content?
Which standard is best for your content?Which standard is best for your content?
Which standard is best for your content?Rustici Software
 
Deliver Latency Free Customer Experience
Deliver Latency Free Customer ExperienceDeliver Latency Free Customer Experience
Deliver Latency Free Customer ExperienceOpsTree solutions
 
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
 
Accelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessAccelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessWSO2
 
HCI Lesson 1 - Introduction to Human-Computer Interaction.pdf
HCI Lesson 1 - Introduction to Human-Computer Interaction.pdfHCI Lesson 1 - Introduction to Human-Computer Interaction.pdf
HCI Lesson 1 - Introduction to Human-Computer Interaction.pdfROWELL MARQUINA
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 

Recently uploaded (20)

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...
 
Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!Laying the Data Foundations for Artificial Intelligence!
Laying the Data Foundations for Artificial Intelligence!
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
 
A PowerPoint Presentation on Vikram Lander pptx
A PowerPoint Presentation on Vikram Lander pptxA PowerPoint Presentation on Vikram Lander pptx
A PowerPoint Presentation on Vikram Lander pptx
 
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 -...
 
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
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
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
 
Bitdefender-CSG-Report-creat7534-interactive
Bitdefender-CSG-Report-creat7534-interactiveBitdefender-CSG-Report-creat7534-interactive
Bitdefender-CSG-Report-creat7534-interactive
 
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...
 
Which standard is best for your content?
Which standard is best for your content?Which standard is best for your content?
Which standard is best for your content?
 
Deliver Latency Free Customer Experience
Deliver Latency Free Customer ExperienceDeliver Latency Free Customer Experience
Deliver Latency Free Customer Experience
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdf
 
Accelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessAccelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with Platformless
 
HCI Lesson 1 - Introduction to Human-Computer Interaction.pdf
HCI Lesson 1 - Introduction to Human-Computer Interaction.pdfHCI Lesson 1 - Introduction to Human-Computer Interaction.pdf
HCI Lesson 1 - Introduction to Human-Computer Interaction.pdf
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 

Kevinjohn Gallagher's: Emperors new clothes (WordUp Glasgow 2012)

  • 1.
  • 2. The Emperor’s New Clothes @WordUp Glasgow February 2012
  • 3.
  • 7. I’m a bit… Roy Walker “ Say What You See ”
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 16.
  • 17. The Tonight Show: Top 10 • Responsive Design is Irresponsible • Why Free is too Expensive • Browse Crappy • Why you have to be High to use HTML5? • Justified: Why you‟re the client from Hell • Basic != Standard • Good developers don‟t make good Jedi Knights • Exit stage left: How we failed the world with CSS3 • Upgrades of Mass Destruction • Lies, damned lies, and Open Source Statistics
  • 18. Lets get ready to Rumble… Which depending on your age means…
  • 21. But ! • If you search for “PJ and Duncan” on Google images • On the 4th row you see this…
  • 23.
  • 24.
  • 25. Premise • Responsive Design is the ability to apply different CSS styles based on media queries • e.g.
  • 26. Why this appears awesome: • Mobiles – Responsive Design allows designers and front-end developers to react to mobile devices.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32. Call a spade, a spade • When we say “responsive”, what we mean is, “Mobile”. • Or specifically, “same content, but with a different design for mobiles/tablets”. • It works on the premise that the ONLY difference between a desktop and a mobile browser is screen size. • Non-Desktop users: – rarely use a Human-Computer-Interaction device – are almost always looking for different information – are rarely on broadband
  • 33.
  • 34. Proof of Paradox • It‟s not about Screen Size, it‟s about Context. • We had Screen Size specific 10 years ago, so it‟s definitely about Context and not Screen Size. • Except, the only way to test for Context is to test for Screen Size. • So in order for it to not be about screen size, it needs to be measures and identified by screen size.
  • 35.
  • 36.
  • 37. So… Context • The CSS2 spec DID include context variables! – media: handheld, screen, tv, print • But after years of research, these were dropped by some small companies that according to our web design community know nothing about what Mobile Users want…
  • 38. Who you gonna call? • These companies, say that their users don‟t like to be treated differently unless it‟s in their best interests. • Not with a visual, but a data & architectural change.
  • 39. So… • in order to change the visual elements under the premise of it being about Context and not Screen Sizes, we have to map Screen Sizes to our predefined Context, and then use Screen Sizes to decide what to display – which was exactly what we said it wasn‟t doing. • It‟s also exactly what our users don‟t want.
  • 40. Irony in Images • Responsive Design was invented for designers/front- end coders to not be reliant on developers for multiple versions of websites. • One of the major downfalls of RWD is Images. • Inline images work best for responsive design, using the code: – img.className { max-width: 100%; }
  • 41. • By this method, the same image is on all site versions. • Do you load an image that‟s high quality, and destroys your bandwidth on a mobile? • Or do you load a low quality one that looks poor on a desktop? • Or do you attempt to load multiple images and display/hide the correct one as needed? • None of these work well. So you have to use a technical solution to request the right type of image.
  • 42. Conclusion • Responsive Design = “same data, different display”. • But it can‟t take into consideration: – Bandwidth – Platform – Device – Purpose – Context • It wants to, but all it knows is Screen Size. • Those require decision making processes, something that CSS simply isn‟t built for.
  • 43. • It has to be about Information Architecture. • It can‟t be done by CSS alone. • CSS wasn‟t intended nor built for that purpose • We need to stop shoe-horning shit into the CSS specs • We‟ll end up at a place where each browser supports only the code they want to and in the way they want to
  • 44.
  • 45. • RWD is not a bad idea. • Technical restraint and common sense are once again being thrown out the window in the name of cool- looking-shit on the internet. (Hello 1999?) • RWD is irresponsible, because designers & front-end coders have the ability to fake something regardless of the Business Case or Return on Investment. • Rest assured, 2-5Mb “mobile optimised” homepages await us.
  • 46.
  • 47.
  • 48. Premise • I can‟t see the word “free” in “Open Source” • There‟s a growing sense of entitlement that software should have no cost. • Worse, we now expect people to give support and updates for free… forever! • We‟ve stopped looking at the business cases around the software we‟re hoping to use.
  • 49. • We favour the exceptionally cheap or free option over software with a different pricing model that aligns better with our needs. • “premium” and “freemium” plug-ins are decried unless their cost is so small and their features so great that the Return on Investment is mind blowingly large. • That‟s not a business model that can continue to perpetuate itself in the long run.
  • 50. How often have you thought this? • I can‟t believe that plug-in costs money!! • I could do that myself 2-3 hours! • I mean, look at the other free versions, they haven‟t been kept up to date, but appear to do the same thing. It’s a rip-off !
  • 51.
  • 52. Listen to Bowie • If the alternatives to the paid-for version are out of date, then they probably won‟t work (as well). • You can‟t code it in 2-3 hours. • Your code may suit your needs more succinctly, but we know that all software has quirks and you‟re not going to find them all on the first go.
  • 53. Do the Math ! • How much do you charge an hour? • How long do you think it would take you to plan, code, test and deploy your version? • Divide the cost of your purchase by how long you think it would take you to develop. Which is more?
  • 54. • Open Source is not yet taken seriously as a viable business model, and we need to make a mental shift. • We need to accept that “Open Source Software” does not contain the word “free”, and that my time, your time, and other people‟s time is worth more than “nothing”. • Don‟t value free over not free: it‟s an oxymoron!
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68. • First Draft published in 2008 • 4 years later, still no definitive spec
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 80.
  • 81.
  • 82. Premise • Jargon-free isn‟t enough • Acknowledge the lies (WYSIWYG) • Terminology
  • 83. Justified • CLIENT: “I don‟t like the type.” • ME: “What don‟t you like.” • CLIENT: “I don‟t like how it goes all to one side.” • ME: “You mean ranged left.” • CLIENT: “Yes, yes, arranged left.” • ME: “How do you want it?” • CLIENT: “To be the same on both sides.” • ME: “Justified?” • CLIENT: “I don‟t have to justify anything! I own the fucking company.”
  • 84. • Jargon free isn‟t enough • We still treat people as if they have what WE consider to be a base level of knowledge.
  • 85.
  • 86.
  • 87. The biggest lie of all • WYSIWYG
  • 89. WP Function • add_editor_style(„editor-style.css‟); • Added in 3.0 (officially) • Unofficially there since 2.7 • FYI: Doesn‟t quite work thanks to the implementation of TinyMCE (you need to include browser reset css)
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105.
  • 106.
  • 107. Premise • What makes a good developer? • What makes a good Jedi Knight?
  • 108. In the real world… • What makes a good Project Manager? • What makes a good Tester?
  • 109.
  • 110.
  • 111.
  • 112.
  • 113.
  • 114.
  • 115.
  • 116.
  • 117.
  • 118.
  • 119.
  • 120.
  • 121.
  • 122.
  • 123.
  • 124.
  • 125.
  • 126.
  • 127.
  • 128.
  • 129.
  • 130.
  • 131. Every week on Star Trek • Kirk: Mr. Scott, How long until X? • Scotty: 3 weeks captain. • Kirk: I need it in 4 minutes • Scotty: I just cannae do it captain • Kirk: I need it Mr.Scott • Scott: Oh you need it? let me just flick this switch
  • 132.
  • 133.
  • 134.
  • 135.
  • 136. Remember • Kirk went on away missions • Kirk talked to all departments • Kirk talked to Starfleet Command • Kirk talked to people on the view screen • Kirk was from Ohio, he just worked in Outer Space • Scotty stayed in Engineering
  • 137.
  • 138.
  • 139.
  • 140. Is the good thing, the right thing?

Editor's Notes

  1. Pure Web Brilliant
  2. People that stand up to do talks are generally small brained.
  3. Speaking is like Cosplay
  4. Some do it well
  5. Some don’t
  6. Some just confuse the shit out of you
  7. It’s important to remember that as much as we speakers think we’re Stan Lee, we’re actually the fat guy in the 70s Wolverine costume.
  8. So,if you have any questions – Please ask
  9. Star Trek: TNG
  10. If it was about Screen Size then it wouldn’t be anything that we didn’t get rid of 10 years ago (hello, DreamWeaver’sDocument.reloadclusterfuck).
  11. Add Logos
  12. If someone is charitable enough to give their software away for free then thats wonderful, but Business cases built on oxymorons have a tendancy to fail in the most moronic ways.
  13. Old testament = W3C
  14. New Testament = What working group
  15. 2 becomes 1
  16. Ian Hixie
  17. Don’t be a Dick, it’ll come back to kill you.
  18. Just because you wear the spiderman outfit, doesn’t mean you can climb walls
  19. We have many generation of managers who have been brought up to believe that:Management is always rightAuthority trumps ExpertiseAny issues can be overcome in Any time period
  20. Short term, feel free to strangle kirk
  21. bbPress
  22. You need the right Balance to succeed