SlideShare a Scribd company logo
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.

More Related Content

Viewers also liked

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
Nguyễn Ngọc Phan Văn
 
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
Mashable
 
Frases D. Quijote
Frases D. QuijoteFrases D. Quijote
Frases D. Quijote
Luis Gil Gil
 
Ericsson ConsumerLab: Internet goes mobile - Nigeria
Ericsson ConsumerLab: Internet goes mobile - NigeriaEricsson ConsumerLab: Internet goes mobile - Nigeria
Ericsson ConsumerLab: Internet goes mobile - Nigeria
Ericsson
 
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
 
TANET - Thuế GTGT - Phần 4
TANET - Thuế GTGT - Phần 4TANET - Thuế GTGT - Phần 4
TANET - Thuế GTGT - Phần 4
Mạng Tri Thức Thuế
 
Cotabox - Novembro 2015
Cotabox - Novembro 2015Cotabox - Novembro 2015
Cotabox - Novembro 2015
Fernando Tomé
 
Top 10 Quotes About Editing
Top 10 Quotes About EditingTop 10 Quotes About Editing
Top 10 Quotes About Editing
Scribendi
 
Anti aging presentation3 pp
Anti aging presentation3 ppAnti aging presentation3 pp
Anti aging presentation3 pp
Holisticdoc1
 
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
 
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...
Ben Shipley
 
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
Ogilvy
 
20151015 earthsimulationoceanusoct
20151015 earthsimulationoceanusoct20151015 earthsimulationoceanusoct
20151015 earthsimulationoceanusoct
Anselm Hook
 
O型人飲食的探討:
O型人飲食的探討:O型人飲食的探討:
O型人飲食的探討:
yct.Ken Chang
 
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
Dawn Bennett
 

Viewers also liked (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
 

Similar to The good, the bad, the pretty and the ugly

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)
Chris Wilson
 
Wassup with Web 2.0
Wassup with Web 2.0Wassup with Web 2.0
Wassup with Web 2.0
Wayne Hodgins
 
Challenges Developing Realtime Web Apps
Challenges Developing Realtime Web AppsChallenges Developing Realtime Web Apps
Challenges Developing Realtime Web Apps
Uffe Björklund
 
Mncs 16-05-3주-변승규-홈페이지 제작 중간발표1
Mncs 16-05-3주-변승규-홈페이지 제작 중간발표1Mncs 16-05-3주-변승규-홈페이지 제작 중간발표1
Mncs 16-05-3주-변승규-홈페이지 제작 중간발표1
Seung-gyu Byeon
 
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
Carol Smith
 
Koubei banquet 30
Koubei banquet 30Koubei banquet 30
Koubei banquet 30Koubei UED
 
夜宴30期《HTML5 is coming》
夜宴30期《HTML5 is coming》夜宴30期《HTML5 is coming》
夜宴30期《HTML5 is coming》Koubei Banquet
 
HTML 5 vs. Native Mobile Applications
HTML 5 vs. Native Mobile ApplicationsHTML 5 vs. Native Mobile Applications
HTML 5 vs. Native Mobile Applications
glenn.kelman
 
Size Doesn't Matter
Size Doesn't MatterSize Doesn't Matter
Size Doesn't MatterRoy Degler
 
#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...
Anton Shulke
 
Where the developers_are_
Where the developers_are_Where the developers_are_
Where the developers_are_James Governor
 
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
Bill Hinderman
 
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
David E. Weekly
 
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
Christian Heilmann
 
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
Hamidreza Soleimani
 
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
internet-inspired
 
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
How to Web
 
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...
Olaf Janssen
 
Finding harmony in web development
Finding harmony in web developmentFinding harmony in web development
Finding harmony in web development
Christian Heilmann
 

Similar to 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
 

Recently uploaded

Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
farazahmadas6
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLOLORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
lorraineandreiamcidl
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 

Recently uploaded (20)

Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLOLORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TRELLO
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 

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.