SlideShare a Scribd company logo
1 of 97
Download to read offline
INTRO TO

Adaptive
Web Design
Aaron Gustafson
@aarongustafson
slideshare.net/AaronGustafson
© Brad Frost
“

Just four years ago the majority of our
visitors saw our website in Internet
Explorer on a Windows computer on a
minimum 1,024 pixel wide screen.
Times have really changed.
Jason Samuels
IT Manager,
National Council on Family Relations
Source
“

Windows users used to comprise
93.5% of our web visits. Now that
percentage is 72.4%. Visitors using a
Mac have more than tripled.
“

The percentage visiting from a mobile
device or tablet … was just
0.1% in 2008. It has since grown
exponentially,

200-400% per year,
to 6.2% today.
“

Four years ago 75.5% of our web
visitors used Internet Explorer. That
number has fallen to 37%. Firefox now
comprises 25.5%, Safari 19.5%, and
Chrome 15.3%.
“

In the second quarter of 2008
we detected 71 different
screen resolutions among our
visitors. In the first quarter of
2012 we detected

830
© Brad Frost
6.8 Billion

2011

2012

2010

2011

2010

2009
2009

2012

http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats/a#subscribers
“

Smartphone sales accounted for

nearly 85% of all mobile
phone sales in the US in Q1 2013.
http://www.chetansharma.com/usmarketupdateq12013.htm
“

Smartphones have reached
50% penetration in the US…
http://www.chetansharma.com/usmarketupdateq12013.htm
“

…but that’s concentrated in

30% of households

http://www.chetansharma.com/usmarketupdateq12013.htm
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
© Brad Frost
© Brad Frost
RWD
To the Rescue!
INTRO TO ADAPTIVE WEB DESIGN

What is RWD?
๏

Fluid grids

๏

Flexible media

๏

Media queries

19
INTRO TO ADAPTIVE WEB DESIGN

Fluid Grids
6.5%

6.5%

6.5%

6.5%

32%

6.5%

6.5%

6.5%

6.5%

6.5%

6.5%

32%

32%

32%
66%

48%

48%
100%

6.5%

6.5%
INTRO TO ADAPTIVE WEB DESIGN

Flexible Media
img {
max-width: 100%;
height: auto;
}
INTRO TO ADAPTIVE WEB DESIGN

Media Queries
@media screen and (min-width:450px) {
/* Styles for screen media when browser
is 450px wide or larger */
}
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
INTRO TO ADAPTIVE WEB DESIGN

But That’s the Easy Stuff
๏

Content strategy

๏

Page weight

๏

JavaScript support

๏

Interaction methods

๏

Network latency & performance

๏

Hardware performance

๏

Screen resolution

๏

Sensor availability

๏

etc.
31
INTRO TO ADAPTIVE WEB DESIGN

What’s in a name?
๏

Responsive Web Design

๏

Adaptive Web Design

๏

Progressive Enhancement

๏

Aggressive Enhancement

๏

Responsible Web Design

33
© Brad Frost
We don’t know
Even when
we think
we know,
we’re probably
wrong
So how
do we cope?
Content
Intro to Adaptive Web Design [edUi 2013]
I like an escalator because
an escalator can never break,
it can only become stairs.

— Mitch Hedberg
Intro to Adaptive Web Design [edUi 2013]
Graceful
Degradation
Modern
Browsers
Older Browsers
Modern
Browsers
Older Browsers
Intro to Adaptive Web Design [edUi 2013]
User Experience
BASIC

ADVANCED

Browser Capabilities
User Experience
BASIC

ADVANCED

Browser Capabilities

Content
User Experience
BASIC

Semantics

Browser Capabilities

Content

ADVANCED
User Experience

Design
BASIC

Semantics

Browser Capabilities

Content

ADVANCED
User Experience

Interactivity
Design

BASIC

Semantics

Browser Capabilities

Content

ADVANCED
User Experience

Accessibility
Interactivity
Design

BASIC

Semantics

Browser Capabilities

Content

ADVANCED
User Experience

ARIA
JavaScript

{}
BASIC

↖

CSS

<>

Browser Capabilities

HTML

¶

Text & HTTP

ADVANCED
HTML
HTML5

HTML
Microformats
HTML4
MCMLXXVII
(that’s 1977)
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
HTML

CSS
fault tolerance
n. a system’s ability to continue to
operate when it encounters and
unexpected error.
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Browsers ignore
what they don’t
understand
User Experience
BASIC

ADVANCED

Browser Capabilities

Content
Content
is why
we build
websites
Users must have
access to key
content tasks

&
Make sure
markup, styles
scripts don’t
obscure it.

&
User Experience
BASIC

Semantics

Browser Capabilities

Content

ADVANCED
Intro to Adaptive Web Design [edUi 2013]
INTRO TO ADAPTIVE WEB DESIGN

Semantics 101
<p>HTML5 introduces several <em>really</em>
useful elements and a ton of new APIs.</p>
<p>Please fill out the form below.
<strong>Note: all fields are required.</strong></p>
<p>I like to work with markup languages because
<strong>they are simple and easy to read</strong>.
They also have that certain <i lang="fr" title="I
don&#8217;t know what">je ne sais quoi</i>.</p>
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
User Experience

Design
BASIC

Semantics

Browser Capabilities

Content

ADVANCED
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
:-)

Responsive
Web Design

Mobile
First
User Experience

Interactivity
Design

BASIC

Semantics

Browser Capabilities

Content

ADVANCED
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
But it’s not
only about
no JavaScript
๏Bugs
๏Browser Add-ons
๏Overzealous Firewalls
๏Underpowered devices
๏Page is still loading
User Experience

Accessibility
Interactivity
Design

BASIC

Semantics

Browser Capabilities

Content

ADVANCED
“special needs”
“special needs”
can be
CONTEXTUAL
Intro to Adaptive Web Design [edUi 2013]
Intro to Adaptive Web Design [edUi 2013]
User Experience

ARIA
JavaScript

{}
BASIC

↖

CSS

<>

Browser Capabilities

HTML

¶

Text & HTTP

ADVANCED
Intro to Adaptive Web Design [edUi 2013]
Thank you!!!
Further Reading
http://is.gd/readlist_awd
Intro to Adaptive Web Design
by Aaron Gustafson
@AaronGustafson

Further reading:
http://adaptivewebdesign.info
http://blog.easy-designs.net
http://mobilewebbestpractices.com
Slides available at
http://slideshare.net/AaronGustafson
This presentation is licensed under
Creative Commons
Attribution-Noncommercial-Share Alike 3.0
except where otherwise noted

flickr Photo Credits
http://www.flickr.com/photos/aarongustafson/galleries/72157637122441956/

More Related Content

Viewers also liked

Building Adaptive Designs Now [UI17]
Building Adaptive Designs Now [UI17]Building Adaptive Designs Now [UI17]
Building Adaptive Designs Now [UI17]Aaron Gustafson
 
Librato's Joseph Ruscio at Heroku's 2013: Instrumenting 12-Factor Apps
Librato's Joseph Ruscio at Heroku's 2013: Instrumenting 12-Factor AppsLibrato's Joseph Ruscio at Heroku's 2013: Instrumenting 12-Factor Apps
Librato's Joseph Ruscio at Heroku's 2013: Instrumenting 12-Factor AppsHeroku
 
C# - Raise the bar with functional & immutable constructs (Dutch)
C# - Raise the bar with functional & immutable constructs (Dutch)C# - Raise the bar with functional & immutable constructs (Dutch)
C# - Raise the bar with functional & immutable constructs (Dutch)Rick Beerendonk
 
Lean Agile Adoption Enterprise Challenges - XP 2012
Lean Agile Adoption Enterprise Challenges - XP 2012Lean Agile Adoption Enterprise Challenges - XP 2012
Lean Agile Adoption Enterprise Challenges - XP 2012Fabio Armani
 
Mobile Content Prototyping - Jump Start Your Mobile Project
Mobile Content Prototyping - Jump Start Your Mobile ProjectMobile Content Prototyping - Jump Start Your Mobile Project
Mobile Content Prototyping - Jump Start Your Mobile ProjectMarta Rauch
 
Help, we have no more time for testing! (gotoCon Berlin 2013)
Help, we have no more time for testing! (gotoCon Berlin 2013)Help, we have no more time for testing! (gotoCon Berlin 2013)
Help, we have no more time for testing! (gotoCon Berlin 2013)Dr. Alexander Schwartz
 
Prototyping in the cloud
Prototyping in the cloudPrototyping in the cloud
Prototyping in the cloudKirsten Hunter
 
The Terminal Plan: How to Sell A Startup [Geoff Lewis Presentation @ SXSW …
The Terminal Plan: How to Sell A Startup [Geoff Lewis Presentation @ SXSW …The Terminal Plan: How to Sell A Startup [Geoff Lewis Presentation @ SXSW …
The Terminal Plan: How to Sell A Startup [Geoff Lewis Presentation @ SXSW …Geoff Lewis
 
Building a Mobile Location Aware System with Beacons
Building a Mobile Location Aware System with BeaconsBuilding a Mobile Location Aware System with Beacons
Building a Mobile Location Aware System with BeaconsJonathan LeBlanc
 
With great power comes great (development) responsibility
With great power comes great (development) responsibilityWith great power comes great (development) responsibility
With great power comes great (development) responsibilitySally Lait
 
Scrummaster Needed Desperately at 2016 Scrum Australia
Scrummaster Needed Desperately at 2016 Scrum AustraliaScrummaster Needed Desperately at 2016 Scrum Australia
Scrummaster Needed Desperately at 2016 Scrum AustraliaBernd Schiffer
 
NodeConf OneShot Budapest — Production Ready Node.js by Nuno Job
NodeConf OneShot Budapest — Production Ready Node.js by Nuno JobNodeConf OneShot Budapest — Production Ready Node.js by Nuno Job
NodeConf OneShot Budapest — Production Ready Node.js by Nuno JobNuno Job
 
L’agilité pour une organisation d’entreprise saine et efficiente
L’agilité pour une organisation d’entreprise saine et efficienteL’agilité pour une organisation d’entreprise saine et efficiente
L’agilité pour une organisation d’entreprise saine et efficienteJonas Vonlanthen
 
No money? No matter - Improve your website with next to no cash
No money? No matter - Improve your website with next to no cashNo money? No matter - Improve your website with next to no cash
No money? No matter - Improve your website with next to no cashIWMW
 
Securing the Web without site-specific passwords
Securing the Web without site-specific passwordsSecuring the Web without site-specific passwords
Securing the Web without site-specific passwordsFrancois Marier
 
Using Sakai with Multiple Locales
Using Sakai with Multiple LocalesUsing Sakai with Multiple Locales
Using Sakai with Multiple Localesballsy333
 
Google Analytics - Guia de Campo
Google Analytics - Guia de CampoGoogle Analytics - Guia de Campo
Google Analytics - Guia de CampoIgor Cruz
 
Thinking Outside The Box With BuddyPress
Thinking Outside The Box With BuddyPressThinking Outside The Box With BuddyPress
Thinking Outside The Box With BuddyPressDavid Bisset
 

Viewers also liked (20)

Building Adaptive Designs Now [UI17]
Building Adaptive Designs Now [UI17]Building Adaptive Designs Now [UI17]
Building Adaptive Designs Now [UI17]
 
Whither Twitter?
Whither Twitter?Whither Twitter?
Whither Twitter?
 
Librato's Joseph Ruscio at Heroku's 2013: Instrumenting 12-Factor Apps
Librato's Joseph Ruscio at Heroku's 2013: Instrumenting 12-Factor AppsLibrato's Joseph Ruscio at Heroku's 2013: Instrumenting 12-Factor Apps
Librato's Joseph Ruscio at Heroku's 2013: Instrumenting 12-Factor Apps
 
C# - Raise the bar with functional & immutable constructs (Dutch)
C# - Raise the bar with functional & immutable constructs (Dutch)C# - Raise the bar with functional & immutable constructs (Dutch)
C# - Raise the bar with functional & immutable constructs (Dutch)
 
Lynne Cazaly - Insights & Connections
Lynne Cazaly - Insights & ConnectionsLynne Cazaly - Insights & Connections
Lynne Cazaly - Insights & Connections
 
Lean Agile Adoption Enterprise Challenges - XP 2012
Lean Agile Adoption Enterprise Challenges - XP 2012Lean Agile Adoption Enterprise Challenges - XP 2012
Lean Agile Adoption Enterprise Challenges - XP 2012
 
Mobile Content Prototyping - Jump Start Your Mobile Project
Mobile Content Prototyping - Jump Start Your Mobile ProjectMobile Content Prototyping - Jump Start Your Mobile Project
Mobile Content Prototyping - Jump Start Your Mobile Project
 
Help, we have no more time for testing! (gotoCon Berlin 2013)
Help, we have no more time for testing! (gotoCon Berlin 2013)Help, we have no more time for testing! (gotoCon Berlin 2013)
Help, we have no more time for testing! (gotoCon Berlin 2013)
 
Prototyping in the cloud
Prototyping in the cloudPrototyping in the cloud
Prototyping in the cloud
 
The Terminal Plan: How to Sell A Startup [Geoff Lewis Presentation @ SXSW …
The Terminal Plan: How to Sell A Startup [Geoff Lewis Presentation @ SXSW …The Terminal Plan: How to Sell A Startup [Geoff Lewis Presentation @ SXSW …
The Terminal Plan: How to Sell A Startup [Geoff Lewis Presentation @ SXSW …
 
Building a Mobile Location Aware System with Beacons
Building a Mobile Location Aware System with BeaconsBuilding a Mobile Location Aware System with Beacons
Building a Mobile Location Aware System with Beacons
 
With great power comes great (development) responsibility
With great power comes great (development) responsibilityWith great power comes great (development) responsibility
With great power comes great (development) responsibility
 
Scrummaster Needed Desperately at 2016 Scrum Australia
Scrummaster Needed Desperately at 2016 Scrum AustraliaScrummaster Needed Desperately at 2016 Scrum Australia
Scrummaster Needed Desperately at 2016 Scrum Australia
 
NodeConf OneShot Budapest — Production Ready Node.js by Nuno Job
NodeConf OneShot Budapest — Production Ready Node.js by Nuno JobNodeConf OneShot Budapest — Production Ready Node.js by Nuno Job
NodeConf OneShot Budapest — Production Ready Node.js by Nuno Job
 
L’agilité pour une organisation d’entreprise saine et efficiente
L’agilité pour une organisation d’entreprise saine et efficienteL’agilité pour une organisation d’entreprise saine et efficiente
L’agilité pour une organisation d’entreprise saine et efficiente
 
No money? No matter - Improve your website with next to no cash
No money? No matter - Improve your website with next to no cashNo money? No matter - Improve your website with next to no cash
No money? No matter - Improve your website with next to no cash
 
Securing the Web without site-specific passwords
Securing the Web without site-specific passwordsSecuring the Web without site-specific passwords
Securing the Web without site-specific passwords
 
Using Sakai with Multiple Locales
Using Sakai with Multiple LocalesUsing Sakai with Multiple Locales
Using Sakai with Multiple Locales
 
Google Analytics - Guia de Campo
Google Analytics - Guia de CampoGoogle Analytics - Guia de Campo
Google Analytics - Guia de Campo
 
Thinking Outside The Box With BuddyPress
Thinking Outside The Box With BuddyPressThinking Outside The Box With BuddyPress
Thinking Outside The Box With BuddyPress
 

Similar to Intro to Adaptive Web Design [edUi 2013]

Intro to Adaptive Web Design [ChaDev Lunch]
Intro to Adaptive Web Design [ChaDev Lunch]Intro to Adaptive Web Design [ChaDev Lunch]
Intro to Adaptive Web Design [ChaDev Lunch]Aaron Gustafson
 
Beyond Responsive Workshop [Beyond Tellerrand 2014]
Beyond Responsive Workshop [Beyond Tellerrand 2014]Beyond Responsive Workshop [Beyond Tellerrand 2014]
Beyond Responsive Workshop [Beyond Tellerrand 2014]Aaron Gustafson
 
Beyond Responsive [Web Design Day]
Beyond Responsive [Web Design Day]Beyond Responsive [Web Design Day]
Beyond Responsive [Web Design Day]Aaron Gustafson
 
Beyond Responsive [Future of Web Design 2015]
Beyond Responsive [Future of Web Design 2015]Beyond Responsive [Future of Web Design 2015]
Beyond Responsive [Future of Web Design 2015]Aaron Gustafson
 
Planning Adaptive Interfaces [From the Front 2013]
Planning Adaptive Interfaces [From the Front 2013]Planning Adaptive Interfaces [From the Front 2013]
Planning Adaptive Interfaces [From the Front 2013]Aaron Gustafson
 
Planning Adaptive Interfaces [EnhanceConf 2016]
Planning Adaptive Interfaces [EnhanceConf 2016]Planning Adaptive Interfaces [EnhanceConf 2016]
Planning Adaptive Interfaces [EnhanceConf 2016]Aaron Gustafson
 
Adaptive Designs Across Devices [UXIM 2015]
Adaptive Designs Across Devices [UXIM 2015]Adaptive Designs Across Devices [UXIM 2015]
Adaptive Designs Across Devices [UXIM 2015]Aaron Gustafson
 
Beyond Responsive [ConvergeSE 2015]
Beyond Responsive [ConvergeSE 2015]Beyond Responsive [ConvergeSE 2015]
Beyond Responsive [ConvergeSE 2015]Aaron Gustafson
 
Planning Adaptive Interfaces [Breaking Development Nashville 2013]
Planning Adaptive Interfaces [Breaking Development Nashville 2013]Planning Adaptive Interfaces [Breaking Development Nashville 2013]
Planning Adaptive Interfaces [Breaking Development Nashville 2013]Aaron Gustafson
 
Planning Adaptive Interfaces [RWD Summit 2016]
Planning Adaptive Interfaces [RWD Summit 2016]Planning Adaptive Interfaces [RWD Summit 2016]
Planning Adaptive Interfaces [RWD Summit 2016]Aaron Gustafson
 
Mobile Web User Experience
Mobile Web User ExperienceMobile Web User Experience
Mobile Web User ExperienceNick Finck
 
Beyond Responsive [18F 2015]
Beyond Responsive [18F 2015]Beyond Responsive [18F 2015]
Beyond Responsive [18F 2015]Aaron Gustafson
 
Responsive web design
Responsive web designResponsive web design
Responsive web designChris Love
 
Mobile SEO (English Version)
Mobile SEO (English Version)Mobile SEO (English Version)
Mobile SEO (English Version)ssuserd60633
 
Responsive Design Studio [Mountain View 2013]
Responsive Design Studio [Mountain View 2013]Responsive Design Studio [Mountain View 2013]
Responsive Design Studio [Mountain View 2013]Aaron Gustafson
 
Google at WordCamp US: Performance IS User Experience
Google at WordCamp US: Performance IS User ExperienceGoogle at WordCamp US: Performance IS User Experience
Google at WordCamp US: Performance IS User ExperienceRick Viscomi
 
State of responsive web design in 2019 and beyond
State of responsive web design in 2019 and beyondState of responsive web design in 2019 and beyond
State of responsive web design in 2019 and beyondKamil Biedrzycki
 

Similar to Intro to Adaptive Web Design [edUi 2013] (20)

Intro to Adaptive Web Design [ChaDev Lunch]
Intro to Adaptive Web Design [ChaDev Lunch]Intro to Adaptive Web Design [ChaDev Lunch]
Intro to Adaptive Web Design [ChaDev Lunch]
 
Beyond Responsive Workshop [Beyond Tellerrand 2014]
Beyond Responsive Workshop [Beyond Tellerrand 2014]Beyond Responsive Workshop [Beyond Tellerrand 2014]
Beyond Responsive Workshop [Beyond Tellerrand 2014]
 
Beyond Responsive [Web Design Day]
Beyond Responsive [Web Design Day]Beyond Responsive [Web Design Day]
Beyond Responsive [Web Design Day]
 
Beyond Responsive [Future of Web Design 2015]
Beyond Responsive [Future of Web Design 2015]Beyond Responsive [Future of Web Design 2015]
Beyond Responsive [Future of Web Design 2015]
 
Planning Adaptive Interfaces [From the Front 2013]
Planning Adaptive Interfaces [From the Front 2013]Planning Adaptive Interfaces [From the Front 2013]
Planning Adaptive Interfaces [From the Front 2013]
 
Planning Adaptive Interfaces [EnhanceConf 2016]
Planning Adaptive Interfaces [EnhanceConf 2016]Planning Adaptive Interfaces [EnhanceConf 2016]
Planning Adaptive Interfaces [EnhanceConf 2016]
 
Adaptive Designs Across Devices [UXIM 2015]
Adaptive Designs Across Devices [UXIM 2015]Adaptive Designs Across Devices [UXIM 2015]
Adaptive Designs Across Devices [UXIM 2015]
 
Beyond Responsive [ConvergeSE 2015]
Beyond Responsive [ConvergeSE 2015]Beyond Responsive [ConvergeSE 2015]
Beyond Responsive [ConvergeSE 2015]
 
Planning Adaptive Interfaces [Breaking Development Nashville 2013]
Planning Adaptive Interfaces [Breaking Development Nashville 2013]Planning Adaptive Interfaces [Breaking Development Nashville 2013]
Planning Adaptive Interfaces [Breaking Development Nashville 2013]
 
Planning Adaptive Interfaces [RWD Summit 2016]
Planning Adaptive Interfaces [RWD Summit 2016]Planning Adaptive Interfaces [RWD Summit 2016]
Planning Adaptive Interfaces [RWD Summit 2016]
 
Mixd RWD Workshop
Mixd RWD WorkshopMixd RWD Workshop
Mixd RWD Workshop
 
Mobile Web User Experience
Mobile Web User ExperienceMobile Web User Experience
Mobile Web User Experience
 
Beyond Responsive [18F 2015]
Beyond Responsive [18F 2015]Beyond Responsive [18F 2015]
Beyond Responsive [18F 2015]
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Mobile SEO (English Version)
Mobile SEO (English Version)Mobile SEO (English Version)
Mobile SEO (English Version)
 
Responsive Design Studio [Mountain View 2013]
Responsive Design Studio [Mountain View 2013]Responsive Design Studio [Mountain View 2013]
Responsive Design Studio [Mountain View 2013]
 
Responsive design
Responsive designResponsive design
Responsive design
 
Google at WordCamp US: Performance IS User Experience
Google at WordCamp US: Performance IS User ExperienceGoogle at WordCamp US: Performance IS User Experience
Google at WordCamp US: Performance IS User Experience
 
Mobile UX
Mobile UXMobile UX
Mobile UX
 
State of responsive web design in 2019 and beyond
State of responsive web design in 2019 and beyondState of responsive web design in 2019 and beyond
State of responsive web design in 2019 and beyond
 

More from Aaron Gustafson

Delivering Critical Information and Services [JavaScript & Friends 2021]
Delivering Critical Information and Services [JavaScript & Friends 2021]Delivering Critical Information and Services [JavaScript & Friends 2021]
Delivering Critical Information and Services [JavaScript & Friends 2021]Aaron Gustafson
 
Adapting to Reality [Guest Lecture, March 2021]
Adapting to Reality [Guest Lecture, March 2021]Adapting to Reality [Guest Lecture, March 2021]
Adapting to Reality [Guest Lecture, March 2021]Aaron Gustafson
 
Designing the Conversation [Beyond Tellerrand 2019]
Designing the Conversation [Beyond Tellerrand 2019]Designing the Conversation [Beyond Tellerrand 2019]
Designing the Conversation [Beyond Tellerrand 2019]Aaron Gustafson
 
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]Aaron Gustafson
 
Progressive Web Apps: Where Do I Begin?
Progressive Web Apps: Where Do I Begin?Progressive Web Apps: Where Do I Begin?
Progressive Web Apps: Where Do I Begin?Aaron Gustafson
 
Media in the Age of PWAs [ImageCon 2019]
Media in the Age of PWAs [ImageCon 2019]Media in the Age of PWAs [ImageCon 2019]
Media in the Age of PWAs [ImageCon 2019]Aaron Gustafson
 
Adapting to Reality [Starbucks Lunch & Learn]
Adapting to Reality [Starbucks Lunch & Learn]Adapting to Reality [Starbucks Lunch & Learn]
Adapting to Reality [Starbucks Lunch & Learn]Aaron Gustafson
 
Conversational Semantics for the Web [CascadiaJS 2018]
Conversational Semantics for the Web [CascadiaJS 2018]Conversational Semantics for the Web [CascadiaJS 2018]
Conversational Semantics for the Web [CascadiaJS 2018]Aaron Gustafson
 
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]Aaron Gustafson
 
PWA: Where Do I Begin? [Microsoft Ignite 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]PWA: Where Do I Begin? [Microsoft Ignite 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]Aaron Gustafson
 
Designing the Conversation [Concatenate 2018]
Designing the Conversation [Concatenate 2018]Designing the Conversation [Concatenate 2018]
Designing the Conversation [Concatenate 2018]Aaron Gustafson
 
Designing the Conversation [Accessibility DC 2018]
Designing the Conversation [Accessibility DC 2018]Designing the Conversation [Accessibility DC 2018]
Designing the Conversation [Accessibility DC 2018]Aaron Gustafson
 
Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]Aaron Gustafson
 
The Web Should Just Work for Everyone
The Web Should Just Work for EveryoneThe Web Should Just Work for Everyone
The Web Should Just Work for EveryoneAaron Gustafson
 
Performance as User Experience [AEA SEA 2018]
Performance as User Experience [AEA SEA 2018]Performance as User Experience [AEA SEA 2018]
Performance as User Experience [AEA SEA 2018]Aaron Gustafson
 
Performance as User Experience [An Event Apart Denver 2017]
Performance as User Experience [An Event Apart Denver 2017]Performance as User Experience [An Event Apart Denver 2017]
Performance as User Experience [An Event Apart Denver 2017]Aaron Gustafson
 
Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 2Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 2Aaron Gustafson
 
Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1Aaron Gustafson
 
Designing the Conversation [Paris Web 2017]
Designing the Conversation [Paris Web 2017]Designing the Conversation [Paris Web 2017]
Designing the Conversation [Paris Web 2017]Aaron Gustafson
 
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Aaron Gustafson
 

More from Aaron Gustafson (20)

Delivering Critical Information and Services [JavaScript & Friends 2021]
Delivering Critical Information and Services [JavaScript & Friends 2021]Delivering Critical Information and Services [JavaScript & Friends 2021]
Delivering Critical Information and Services [JavaScript & Friends 2021]
 
Adapting to Reality [Guest Lecture, March 2021]
Adapting to Reality [Guest Lecture, March 2021]Adapting to Reality [Guest Lecture, March 2021]
Adapting to Reality [Guest Lecture, March 2021]
 
Designing the Conversation [Beyond Tellerrand 2019]
Designing the Conversation [Beyond Tellerrand 2019]Designing the Conversation [Beyond Tellerrand 2019]
Designing the Conversation [Beyond Tellerrand 2019]
 
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
 
Progressive Web Apps: Where Do I Begin?
Progressive Web Apps: Where Do I Begin?Progressive Web Apps: Where Do I Begin?
Progressive Web Apps: Where Do I Begin?
 
Media in the Age of PWAs [ImageCon 2019]
Media in the Age of PWAs [ImageCon 2019]Media in the Age of PWAs [ImageCon 2019]
Media in the Age of PWAs [ImageCon 2019]
 
Adapting to Reality [Starbucks Lunch & Learn]
Adapting to Reality [Starbucks Lunch & Learn]Adapting to Reality [Starbucks Lunch & Learn]
Adapting to Reality [Starbucks Lunch & Learn]
 
Conversational Semantics for the Web [CascadiaJS 2018]
Conversational Semantics for the Web [CascadiaJS 2018]Conversational Semantics for the Web [CascadiaJS 2018]
Conversational Semantics for the Web [CascadiaJS 2018]
 
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
 
PWA: Where Do I Begin? [Microsoft Ignite 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]PWA: Where Do I Begin? [Microsoft Ignite 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]
 
Designing the Conversation [Concatenate 2018]
Designing the Conversation [Concatenate 2018]Designing the Conversation [Concatenate 2018]
Designing the Conversation [Concatenate 2018]
 
Designing the Conversation [Accessibility DC 2018]
Designing the Conversation [Accessibility DC 2018]Designing the Conversation [Accessibility DC 2018]
Designing the Conversation [Accessibility DC 2018]
 
Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]
 
The Web Should Just Work for Everyone
The Web Should Just Work for EveryoneThe Web Should Just Work for Everyone
The Web Should Just Work for Everyone
 
Performance as User Experience [AEA SEA 2018]
Performance as User Experience [AEA SEA 2018]Performance as User Experience [AEA SEA 2018]
Performance as User Experience [AEA SEA 2018]
 
Performance as User Experience [An Event Apart Denver 2017]
Performance as User Experience [An Event Apart Denver 2017]Performance as User Experience [An Event Apart Denver 2017]
Performance as User Experience [An Event Apart Denver 2017]
 
Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 2Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 2
 
Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1
 
Designing the Conversation [Paris Web 2017]
Designing the Conversation [Paris Web 2017]Designing the Conversation [Paris Web 2017]
Designing the Conversation [Paris Web 2017]
 
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]
 

Recently uploaded

9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideIEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideHironori Washizaki
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Alexander Turgeon
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdfPaige Cruz
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimizationarrow10202532yuvraj
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 

Recently uploaded (20)

9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideIEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 

Intro to Adaptive Web Design [edUi 2013]