SlideShare une entreprise Scribd logo
1  sur  128
Télécharger pour lire hors ligne
THE GOOD, THE BAD,
THE NICE, AND THE UGLY.
A look into the practice of
contemporary Web design.




By Oliver Reichenstein, @iA
LOOKING BACK
THE GOOD
THE BAD
THE PRETTY
AND THE UGLY
“Flash has had it’s day, but it’s
waining.”
-- Steve Jobs
“New open standards created in
the mobile era, such as HTML5,
will win on mobile devices (and
PCs too). Perhaps Adobe should
focus more on creating great
HTML5 tools for the future, and
less on criticizing Apple for
leaving the past behind.”
-- Steve Jobs, April, 2010
So, yes. But here is the thing...
“If you just make an HTML-
Document and you put it on the
Web it’s already responsive.”
--Jeremy Keith
“The Web is responsive by
default.”
--Andy Hume
Why do we screw it up then?
Because we’re stupid?
Because branding matters?
Because we are too excited about
our new opportunities?
Because we have not adapted to
the new environment yet?
How do we not screw things up?
“You have structure, you have
presentation, you have
behavior.”
--Jeremy Keith
HTML - Structure
CSS - Presentation
Java-Script - Behavior
“Use progressive enhancement
at every level of the stack.”
--Jeremy Keith
LOOKING FORWARD
1. No other Technology evolves
as fast as the Web.
...HTML, CSS are work in progress.
2. Apps are definitely not the
future of Web design.
...better apps are the future of apps.
3. Web Design is 95% Typography.
...if the future of Web Design is responsive,
then the future of typography should be
responsive as well. But that’s just me.
CONCLUSION.
THANK YOU.

Contenu connexe

En vedette

How Effective is the Combination of your Main Product....
How Effective is the Combination of your Main Product....How Effective is the Combination of your Main Product....
How Effective is the Combination of your Main Product....
Chloe Ambrose
 
Grafico diario del dax perfomance index para el 12 04-2012 (1)
Grafico diario del dax perfomance index para el 12 04-2012 (1)Grafico diario del dax perfomance index para el 12 04-2012 (1)
Grafico diario del dax perfomance index para el 12 04-2012 (1)
Experiencia Trading
 

En vedette (15)

Kiem toan-bao-cao-tai-chinh-k1lt
Kiem toan-bao-cao-tai-chinh-k1ltKiem toan-bao-cao-tai-chinh-k1lt
Kiem toan-bao-cao-tai-chinh-k1lt
 
11 Ridiculous Things You Could Buy With Your Student Debt
11 Ridiculous Things You Could Buy With Your Student Debt11 Ridiculous Things You Could Buy With Your Student Debt
11 Ridiculous Things You Could Buy With Your Student Debt
 
Frases D. Quijote
Frases D. QuijoteFrases D. Quijote
Frases D. Quijote
 
Ericsson ConsumerLab: Internet goes mobile - Nigeria
Ericsson ConsumerLab: Internet goes mobile - NigeriaEricsson ConsumerLab: Internet goes mobile - Nigeria
Ericsson ConsumerLab: Internet goes mobile - Nigeria
 
How Effective is the Combination of your Main Product....
How Effective is the Combination of your Main Product....How Effective is the Combination of your Main Product....
How Effective is the Combination of your Main Product....
 
TANET - Thuế GTGT - Phần 4
TANET - Thuế GTGT - Phần 4TANET - Thuế GTGT - Phần 4
TANET - Thuế GTGT - Phần 4
 
Cotabox - Novembro 2015
Cotabox - Novembro 2015Cotabox - Novembro 2015
Cotabox - Novembro 2015
 
Top 10 Quotes About Editing
Top 10 Quotes About EditingTop 10 Quotes About Editing
Top 10 Quotes About Editing
 
Anti aging presentation3 pp
Anti aging presentation3 ppAnti aging presentation3 pp
Anti aging presentation3 pp
 
Grafico diario del dax perfomance index para el 12 04-2012 (1)
Grafico diario del dax perfomance index para el 12 04-2012 (1)Grafico diario del dax perfomance index para el 12 04-2012 (1)
Grafico diario del dax perfomance index para el 12 04-2012 (1)
 
The chasm between brands and people is deep and teeming with crocodiles [auto...
The chasm between brands and people is deep and teeming with crocodiles [auto...The chasm between brands and people is deep and teeming with crocodiles [auto...
The chasm between brands and people is deep and teeming with crocodiles [auto...
 
What it Takes to Make a Moonshot—via Google[X] / #CannesLions #OgilvyCannes
What it Takes to Make a Moonshot—via Google[X] / #CannesLions #OgilvyCannesWhat it Takes to Make a Moonshot—via Google[X] / #CannesLions #OgilvyCannes
What it Takes to Make a Moonshot—via Google[X] / #CannesLions #OgilvyCannes
 
20151015 earthsimulationoceanusoct
20151015 earthsimulationoceanusoct20151015 earthsimulationoceanusoct
20151015 earthsimulationoceanusoct
 
O型人飲食的探討:
O型人飲食的探討:O型人飲食的探討:
O型人飲食的探討:
 
Bennett Higher education employability keynote Criterion May 2016
Bennett Higher education employability keynote Criterion May 2016Bennett Higher education employability keynote Criterion May 2016
Bennett Higher education employability keynote Criterion May 2016
 

Similaire à The good, the bad, the pretty and the ugly

Koubei banquet 30
Koubei banquet 30Koubei banquet 30
Koubei banquet 30
Koubei UED
 
夜宴30期《HTML5 is coming》
夜宴30期《HTML5 is coming》夜宴30期《HTML5 is coming》
夜宴30期《HTML5 is coming》
Koubei Banquet
 
Size Doesn't Matter
Size Doesn't MatterSize Doesn't Matter
Size Doesn't Matter
Roy Degler
 
Where the developers_are_
Where the developers_are_Where the developers_are_
Where the developers_are_
James Governor
 

Similaire à The good, the bad, the pretty and the ugly (20)

Tales of Suckage and Awesomeness (Full Frontal 2012)
Tales of Suckage and Awesomeness (Full Frontal 2012)Tales of Suckage and Awesomeness (Full Frontal 2012)
Tales of Suckage and Awesomeness (Full Frontal 2012)
 
Wassup with Web 2.0
Wassup with Web 2.0Wassup with Web 2.0
Wassup with Web 2.0
 
Challenges Developing Realtime Web Apps
Challenges Developing Realtime Web AppsChallenges Developing Realtime Web Apps
Challenges Developing Realtime Web Apps
 
Mncs 16-05-3주-변승규-홈페이지 제작 중간발표1
Mncs 16-05-3주-변승규-홈페이지 제작 중간발표1Mncs 16-05-3주-변승규-홈페이지 제작 중간발표1
Mncs 16-05-3주-변승규-홈페이지 제작 중간발표1
 
HTML5 vs Flash
HTML5 vs FlashHTML5 vs Flash
HTML5 vs Flash
 
UX in the Age of AI: Where Does Design Fit In? Fluxible 2017
UX in the Age of AI: Where Does Design Fit In? Fluxible 2017UX in the Age of AI: Where Does Design Fit In? Fluxible 2017
UX in the Age of AI: Where Does Design Fit In? Fluxible 2017
 
Koubei banquet 30
Koubei banquet 30Koubei banquet 30
Koubei banquet 30
 
夜宴30期《HTML5 is coming》
夜宴30期《HTML5 is coming》夜宴30期《HTML5 is coming》
夜宴30期《HTML5 is coming》
 
HTML 5 vs. Native Mobile Applications
HTML 5 vs. Native Mobile ApplicationsHTML 5 vs. Native Mobile Applications
HTML 5 vs. Native Mobile Applications
 
Size Doesn't Matter
Size Doesn't MatterSize Doesn't Matter
Size Doesn't Matter
 
#SEOisAEO: The Knowledge Graph - How Well is Google doing in 'understanding t...
#SEOisAEO: The Knowledge Graph - How Well is Google doing in 'understanding t...#SEOisAEO: The Knowledge Graph - How Well is Google doing in 'understanding t...
#SEOisAEO: The Knowledge Graph - How Well is Google doing in 'understanding t...
 
Where the developers_are_
Where the developers_are_Where the developers_are_
Where the developers_are_
 
Table-First : Building Responsive Data Visualization for the Web
Table-First : Building Responsive Data Visualization for the WebTable-First : Building Responsive Data Visualization for the Web
Table-First : Building Responsive Data Visualization for the Web
 
PenLUG Talk: Fast, Cheap, and Out of Control
PenLUG Talk: Fast, Cheap, and Out of ControlPenLUG Talk: Fast, Cheap, and Out of Control
PenLUG Talk: Fast, Cheap, and Out of Control
 
Building a better web with free, open technologies
Building a better web with free, open technologiesBuilding a better web with free, open technologies
Building a better web with free, open technologies
 
Do Reinvent the Wheel - Nov 2021 - DigiNext.pdf
Do Reinvent the Wheel - Nov 2021 - DigiNext.pdfDo Reinvent the Wheel - Nov 2021 - DigiNext.pdf
Do Reinvent the Wheel - Nov 2021 - DigiNext.pdf
 
Beyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyBeyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategy
 
Christian heilmann an-open-web-for-all
Christian heilmann   an-open-web-for-allChristian heilmann   an-open-web-for-all
Christian heilmann an-open-web-for-all
 
So you think you ….understand everyday life? Web2.0 & API theory – (still) ve...
So you think you ….understand everyday life? Web2.0 & API theory – (still) ve...So you think you ….understand everyday life? Web2.0 & API theory – (still) ve...
So you think you ….understand everyday life? Web2.0 & API theory – (still) ve...
 
Finding harmony in web development
Finding harmony in web developmentFinding harmony in web development
Finding harmony in web development
 

Dernier

Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
amitlee9823
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 

Dernier (20)

Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
 
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRLHingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 

The good, the bad, the pretty and the ugly

  • 1. THE GOOD, THE BAD, THE NICE, AND THE UGLY. A look into the practice of contemporary Web design. By Oliver Reichenstein, @iA
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51. “Flash has had it’s day, but it’s waining.” -- Steve Jobs
  • 52. “New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too). Perhaps Adobe should focus more on creating great HTML5 tools for the future, and less on criticizing Apple for leaving the past behind.” -- Steve Jobs, April, 2010
  • 53.
  • 54.
  • 55.
  • 56.
  • 57. So, yes. But here is the thing...
  • 58. “If you just make an HTML- Document and you put it on the Web it’s already responsive.” --Jeremy Keith
  • 59. “The Web is responsive by default.” --Andy Hume
  • 60. Why do we screw it up then?
  • 63. Because we are too excited about our new opportunities?
  • 64. Because we have not adapted to the new environment yet?
  • 65. How do we not screw things up?
  • 66. “You have structure, you have presentation, you have behavior.” --Jeremy Keith
  • 67. HTML - Structure CSS - Presentation Java-Script - Behavior
  • 68. “Use progressive enhancement at every level of the stack.” --Jeremy Keith
  • 69.
  • 70.
  • 72. 1. No other Technology evolves as fast as the Web. ...HTML, CSS are work in progress.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77. 2. Apps are definitely not the future of Web design. ...better apps are the future of apps.
  • 78.
  • 79. 3. Web Design is 95% Typography. ...if the future of Web Design is responsive, then the future of typography should be responsive as well. But that’s just me.
  • 80.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105.
  • 106.
  • 107.
  • 108.
  • 109.
  • 110.
  • 111.
  • 112.
  • 113.
  • 114.
  • 115.
  • 116.
  • 117.
  • 118.
  • 119.
  • 120.
  • 121.
  • 122.
  • 123.
  • 124.
  • 125.
  • 126.
  • 127.