SlideShare une entreprise Scribd logo
1  sur  159
Télécharger pour lire hors ligne
A brief history lesson
2009
A brief history lessonA website that looks good no matter
where or how I access it.
bouncebargainrentals.com
A brief history lessonA website that looks good no matter
where or how I access it.
alistapart.com/article/responsive-web-design
Waterfall
Image: http://dmall.me/ZX7pfN
Image: Google “flexible old lady”
AGile
responsive web design is
hard/easy
Be afraid/Don’t worry!
What changed?
Web design used to be so easy!
Things are different now.
88% of people have a mobile phone. The
number of people that use their phone to
access the Internet went from 31% (2009) to
55% (2012).
35% of people in the
US don’t have
Internet access at
home.
59% of Americans
who make less
than $30,000 have
no Internet access
at home.
88% of Americans
without a high
school diploma
don’t have Internet
access at home.
—Karen McGrane, via Luke Wroblewski. http://www.lukew.com/ff/entry.asp?1602
The way people are using
the web has changed.
design process
z
“Here’s what your
site will look like”
A typical design approach
Image: dmall.me/13cuOBM
zero-sum game
Designing to breakpoints—or worse, device width—is a
“Here’s what your
site will look like”
A typical design approach
“Here’s what your
site will feel like”
A new design approach
Visual inventory
Design by reference
Visual inventory
Design by reference
Visual inventory
Design by reference
Visual inventory
Design by reference
Visual inventory
Design by reference
Visual inventory
Design by reference
Solve your own problems by using
the successes and failures of others.
Visual inventory
Design by reference
Visual inventory
Design by reference
Photoshop comps
don’t cut it.
At least not the way we used to do it.
dmall.me/XA93U2dmall.me/13dialY
“I’m not making a case for ditching
Photoshop altogether and designing
solely in the browser but rather better
understanding how we use Photoshop in
modern web design.”
—Brad Frost, Front-End Designer
“I don’t think we’re in a post-P S D era, but
I do think we’re moving towards a
post-‘full-comp’ era.”
—Me
New design deliverables
Style tiles, element collages, & style prototypes—oh my!
Style Tiles
styletil.es
“[Style tiles are] a catalyst for
discussions around the preferences
and goals of the client.”
—Samantha Warren: Designer, Twitter
dmall.me/13dv0R2
a game of riddles
There is a cabin on the side of a mountain.
Three people are inside and they are
dead. How did they die?
They were killed in a plane crash.
* airplane cabin
Image: dmall.me/11fsiFO
There is an ancient invention still used in
some parts of the world today that allows
people to see through walls. What is it?
Windows.
Image: Hope for Today, by Shane Mielke—dmall.me/13dXv1h
A woman leaves home and makes three
left turns. She returns home again. On the
way, she passed two women with masks.
Who were the two women?
The umpire and the catcher.
Image: dmall.me/13dXWsm
Too much abstraction and lack of context
lead to misdirection.
The point
element collages
danielmall.com/articles/rif-element-collages
element collages
element collages
element collages
element collages
element collages
element collages
element collages
“Electric”
“Shape, book, heart, bubble”
“Visual booklists”
“Pages… themed in books”
“Turn the page for step 2”
“Turn the page for step 2”
“Visual booklists”
“Pages…
themed in books”
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
rif.superfriend.ly/designs/round2
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
“Obviously this is not a website.
But I see how it could be one.”
—The perfect client’s reaction to an element collage
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
Turn powerful phrases into visual hooks.
bradfrostweb.com/blog/post/atomic-web-design
demo.pattern-lab.info
“Obviously this is not a website.
But I see how it could be one.”
—The perfect client’s reaction to an element collage
clearleft.com/thinks/visualdesignexplorations
drbl.in/gXno
“It’s like giving your client a peek
at those hidden layers.”
—Paul Lloyd: Senior Visual Designer, Clearleft
“It’s like giving your client a peek
at those hidden layers.”
—Paul Lloyd: Senior Visual Designer, Clearleft
We will replace presentations
with conversations
“We must move away from the place where the
client sits with arms crossed in the role of judge,
and we take to the stage with song and dance in
the role of auditioning talent. While both parties
find the showmanship of our craft titillating, the
practitioner’s is a stronger place than that of the
performer. It is this practitioner’s position from
which we must strive to operate. Practitioners do
not present. Stars do not audition.”
—Blair Enns, dmall.me/13eVrWD
style prototype
dmall.me/11g6UQK
dmall.me/11g3Ow0
4 design process tips for
responsive web design
From Vox Media Director of Design Ted Irvine (@ted_irvine)
“Things can look beautiful in Photoshop, but having
them work responsively in code gives you a more
honest sense of the design. As designers, we're often a
bit dishonest about content. We realized that the more
quickly we got into code, the more quickly things
broke, and the more quickly we could fix them.”
be honest
j
1
“Prototype with real content.”
real content
j
2
“We still do a lot of work in Photoshop when we
needed to focus. Sometimes when you work only in
code, you work too fast. We needed to slow down.”
Slow down
j
3
“We always start with a 2-week typography study in a
browser. For responsive projects, design elements go
away when the viewport gets smaller, so typography
plays an important part in carrying the brand.”
Start with type
j
4
Designing in
the browser
Designing in
the browser
dmall.me/Xza8z5
Photoshop will have a place in my workflow
for a long time to come. It allows me to be
expressive in a way that I can’t be with code.
inventing
on principle
Bret Victor—vimeo.com/36579366
inventing
on principle
inventing
on principle
“How would I ever have discovered that
[animation idea] if I had to compile every time I
made a change? So much of creation is about
discovery, and you can’t discover anything if
you can’t see what you’re doing.”
—Bret Victor
For some, “designing in the browser” actually
means skipping design to starting building instead.
“Let’s change the phrase
‘designing in the browser’ to
‘deciding in the browser.’”
—Me, http://the-pastry-box-project.net/dan-mall/2012-september-12/
Yes, I realize I just cited myself.
Again.
I am so sorry.
A modern design
workflow starts in
the sales process
You can’t expect to implement a new
process if you’re selling the old way.
You can’t expect to implement a new
process if you’re selling the old way.
You can’t expect to implement a new
process if you’re selling the old way.
dmall.me/13c9Jrd
Not the first time
we’ve heard that.
“CS S is so boxy.”
—Everyone in 2001
csszengarden.com
CSS Zen Garden
“At the time, people didn’t
understand why CSS was important.
I wanted to show them.”
—Dave Shea
the modern-day
equivalent of the
css zen garden?
bostonglobe.com
microsoft.com
responsivenews.co.uk/news
polygon.com
It’s all of those
and none of those.
We’re still figuring
all of this out.
IA/UX
Design
HTML/CSS
JavaScript
Week 1 Week 2 Week 3 Week 4 Week 5 Week 6 Week 7 Week 8 Week 9 Week 10
proposed schedule
IA/UX
Design
HTML/CSS
JavaScript
Week 1 Week 2 Week 3 Week 4 Week 5 Week 6 Week 7 Week 8 Week 9 Week 10 Week 11 Week 12
Actual schedule
Let’s keep talking,
tweeting, posting,
and sharing.
and remember…
responsive web design is
hard/easy
Be afraid/Don’t worry!
Thanks!
B u
@danielmall dan@danielmall.com

Contenu connexe

Tendances

Better. Faster. UXier. — AToMIC Design
Better. Faster. UXier. — AToMIC DesignBetter. Faster. UXier. — AToMIC Design
Better. Faster. UXier. — AToMIC Designjennifer gergen
 
Hungarian Web Conference: HTML5 beyond the hype - let's make it work!
Hungarian Web Conference: HTML5 beyond the hype - let's make it work!Hungarian Web Conference: HTML5 beyond the hype - let's make it work!
Hungarian Web Conference: HTML5 beyond the hype - let's make it work!Christian Heilmann
 
Creating a Great Portfolio Site
Creating a Great Portfolio SiteCreating a Great Portfolio Site
Creating a Great Portfolio SiteMel Choyce
 
The Importance of presence, reputation, and working different
The Importance of presence, reputation, and working differentThe Importance of presence, reputation, and working different
The Importance of presence, reputation, and working differentKushtrim Xhakli
 
Finding harmony in web development
Finding harmony in web developmentFinding harmony in web development
Finding harmony in web developmentChristian Heilmann
 
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 technologiesChristian Heilmann
 
Working In The Now - Paris Web
Working In The Now - Paris WebWorking In The Now - Paris Web
Working In The Now - Paris WebChristian Heilmann
 
Reasons to be cheerful - Fronteers 2010
Reasons to be cheerful - Fronteers 2010Reasons to be cheerful - Fronteers 2010
Reasons to be cheerful - Fronteers 2010Christian Heilmann
 
From Concept to Completion: Tips for Designing Great Content
From Concept to Completion: Tips for Designing Great ContentFrom Concept to Completion: Tips for Designing Great Content
From Concept to Completion: Tips for Designing Great ContentVicke Cheung
 
Fronteers 2009 Of Hamsters, Feature Creatures and Missed Opportunities
Fronteers 2009 Of Hamsters, Feature Creatures and Missed OpportunitiesFronteers 2009 Of Hamsters, Feature Creatures and Missed Opportunities
Fronteers 2009 Of Hamsters, Feature Creatures and Missed OpportunitiesChristian Heilmann
 
Is Writing More Important Than Programming
Is Writing More Important Than ProgrammingIs Writing More Important Than Programming
Is Writing More Important Than Programminglegendsland
 
Ultrabootstrapping: Launching a Startup for Less Than $1000
Ultrabootstrapping: Launching a Startup for Less Than $1000Ultrabootstrapping: Launching a Startup for Less Than $1000
Ultrabootstrapping: Launching a Startup for Less Than $1000Jon Boutelle
 
Ego vs. Product Development
Ego vs. Product DevelopmentEgo vs. Product Development
Ego vs. Product DevelopmentBastian Gruber
 
To the Pattern Lab! Better Collaboration in Drupal Using Atomic Design Princi...
To the Pattern Lab! Better Collaboration in Drupal Using Atomic Design Princi...To the Pattern Lab! Better Collaboration in Drupal Using Atomic Design Princi...
To the Pattern Lab! Better Collaboration in Drupal Using Atomic Design Princi...Daniel Ferro
 
Optimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignOptimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignClarissa Peterson
 
10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the  21st Century10 Web Performance Lessons For the  21st Century
10 Web Performance Lessons For the 21st CenturyMateusz Kwasniewski
 
Good vs. Great Design
Good vs. Great DesignGood vs. Great Design
Good vs. Great DesignCameron Moll
 
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
 
Responsive Web Design for Universal Access 2016
Responsive Web Design for Universal Access 2016Responsive Web Design for Universal Access 2016
Responsive Web Design for Universal Access 2016Kate Walser
 
RWD in the Wild
RWD in the WildRWD in the Wild
RWD in the WildRich Quick
 

Tendances (20)

Better. Faster. UXier. — AToMIC Design
Better. Faster. UXier. — AToMIC DesignBetter. Faster. UXier. — AToMIC Design
Better. Faster. UXier. — AToMIC Design
 
Hungarian Web Conference: HTML5 beyond the hype - let's make it work!
Hungarian Web Conference: HTML5 beyond the hype - let's make it work!Hungarian Web Conference: HTML5 beyond the hype - let's make it work!
Hungarian Web Conference: HTML5 beyond the hype - let's make it work!
 
Creating a Great Portfolio Site
Creating a Great Portfolio SiteCreating a Great Portfolio Site
Creating a Great Portfolio Site
 
The Importance of presence, reputation, and working different
The Importance of presence, reputation, and working differentThe Importance of presence, reputation, and working different
The Importance of presence, reputation, and working different
 
Finding harmony in web development
Finding harmony in web developmentFinding harmony in web development
Finding harmony in web development
 
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
 
Working In The Now - Paris Web
Working In The Now - Paris WebWorking In The Now - Paris Web
Working In The Now - Paris Web
 
Reasons to be cheerful - Fronteers 2010
Reasons to be cheerful - Fronteers 2010Reasons to be cheerful - Fronteers 2010
Reasons to be cheerful - Fronteers 2010
 
From Concept to Completion: Tips for Designing Great Content
From Concept to Completion: Tips for Designing Great ContentFrom Concept to Completion: Tips for Designing Great Content
From Concept to Completion: Tips for Designing Great Content
 
Fronteers 2009 Of Hamsters, Feature Creatures and Missed Opportunities
Fronteers 2009 Of Hamsters, Feature Creatures and Missed OpportunitiesFronteers 2009 Of Hamsters, Feature Creatures and Missed Opportunities
Fronteers 2009 Of Hamsters, Feature Creatures and Missed Opportunities
 
Is Writing More Important Than Programming
Is Writing More Important Than ProgrammingIs Writing More Important Than Programming
Is Writing More Important Than Programming
 
Ultrabootstrapping: Launching a Startup for Less Than $1000
Ultrabootstrapping: Launching a Startup for Less Than $1000Ultrabootstrapping: Launching a Startup for Less Than $1000
Ultrabootstrapping: Launching a Startup for Less Than $1000
 
Ego vs. Product Development
Ego vs. Product DevelopmentEgo vs. Product Development
Ego vs. Product Development
 
To the Pattern Lab! Better Collaboration in Drupal Using Atomic Design Princi...
To the Pattern Lab! Better Collaboration in Drupal Using Atomic Design Princi...To the Pattern Lab! Better Collaboration in Drupal Using Atomic Design Princi...
To the Pattern Lab! Better Collaboration in Drupal Using Atomic Design Princi...
 
Optimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignOptimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web Design
 
10 Web Performance Lessons For the 21st Century
10 Web Performance Lessons For the  21st Century10 Web Performance Lessons For the  21st Century
10 Web Performance Lessons For the 21st Century
 
Good vs. Great Design
Good vs. Great DesignGood vs. Great Design
Good vs. Great Design
 
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
 
Responsive Web Design for Universal Access 2016
Responsive Web Design for Universal Access 2016Responsive Web Design for Universal Access 2016
Responsive Web Design for Universal Access 2016
 
RWD in the Wild
RWD in the WildRWD in the Wild
RWD in the Wild
 

En vedette

Design Deliverables for a Post-Comp Era
Design Deliverables for a Post-Comp EraDesign Deliverables for a Post-Comp Era
Design Deliverables for a Post-Comp EraDan Mall
 
Prototyping Your Business
Prototyping Your BusinessPrototyping Your Business
Prototyping Your BusinessDan Mall
 
Presentation zenit design 2017
Presentation zenit design 2017Presentation zenit design 2017
Presentation zenit design 2017Nasir Bin Khalid
 
Knowledgemanagement durch Wikis und Blogs
Knowledgemanagement durch Wikis und BlogsKnowledgemanagement durch Wikis und Blogs
Knowledgemanagement durch Wikis und BlogsJürg Stuker
 
Abgesenkte Bordsteine im Web. Warum von Barrierefreiheit Alle profitieren.
Abgesenkte Bordsteine im Web. Warum von Barrierefreiheit Alle profitieren.Abgesenkte Bordsteine im Web. Warum von Barrierefreiheit Alle profitieren.
Abgesenkte Bordsteine im Web. Warum von Barrierefreiheit Alle profitieren.Martin Kliehm
 
Visual Thinking Revolution Panel for IFVP 2011
Visual Thinking Revolution Panel for IFVP 2011Visual Thinking Revolution Panel for IFVP 2011
Visual Thinking Revolution Panel for IFVP 2011lisakaysolomon
 
The Experience Layer—FOWD NYC 08
The Experience Layer—FOWD NYC 08The Experience Layer—FOWD NYC 08
The Experience Layer—FOWD NYC 08Dan Mall
 
Just My Type: Be the Typographer You Were Born to Be
Just My Type: Be the Typographer You Were Born to BeJust My Type: Be the Typographer You Were Born to Be
Just My Type: Be the Typographer You Were Born to BeDan Mall
 
Visual Thinking Presentation for UnitedHealth Innovation Day
Visual Thinking Presentation for UnitedHealth Innovation DayVisual Thinking Presentation for UnitedHealth Innovation Day
Visual Thinking Presentation for UnitedHealth Innovation Dayburowe
 
Joining Forces
Joining ForcesJoining Forces
Joining ForcesDan Mall
 
Visual Thinking & The Writing Process
Visual Thinking & The Writing ProcessVisual Thinking & The Writing Process
Visual Thinking & The Writing ProcessRyan Coleman
 
An Introduction to Visual Thinking
An Introduction to Visual ThinkingAn Introduction to Visual Thinking
An Introduction to Visual ThinkingRyan Coleman
 
Hulkamania & Design
Hulkamania & DesignHulkamania & Design
Hulkamania & DesignDan Mall
 
Enough with the JavaScript already!
Enough with the JavaScript already!Enough with the JavaScript already!
Enough with the JavaScript already!Nicholas Zakas
 
CON5898 What Servlet 4.0 Means To You
CON5898 What Servlet 4.0 Means To YouCON5898 What Servlet 4.0 Means To You
CON5898 What Servlet 4.0 Means To YouEdward Burns
 
What the F**K is Social Media: One Year Later
What the F**K is Social Media: One Year LaterWhat the F**K is Social Media: One Year Later
What the F**K is Social Media: One Year LaterMartafy!
 

En vedette (20)

Design Deliverables for a Post-Comp Era
Design Deliverables for a Post-Comp EraDesign Deliverables for a Post-Comp Era
Design Deliverables for a Post-Comp Era
 
Prototyping Your Business
Prototyping Your BusinessPrototyping Your Business
Prototyping Your Business
 
Comparison of wood, gaines,
Comparison of wood, gaines,Comparison of wood, gaines,
Comparison of wood, gaines,
 
Presentation zenit design 2017
Presentation zenit design 2017Presentation zenit design 2017
Presentation zenit design 2017
 
Knowledgemanagement durch Wikis und Blogs
Knowledgemanagement durch Wikis und BlogsKnowledgemanagement durch Wikis und Blogs
Knowledgemanagement durch Wikis und Blogs
 
Visual Selling
Visual SellingVisual Selling
Visual Selling
 
Abgesenkte Bordsteine im Web. Warum von Barrierefreiheit Alle profitieren.
Abgesenkte Bordsteine im Web. Warum von Barrierefreiheit Alle profitieren.Abgesenkte Bordsteine im Web. Warum von Barrierefreiheit Alle profitieren.
Abgesenkte Bordsteine im Web. Warum von Barrierefreiheit Alle profitieren.
 
Visual Thinking Revolution Panel for IFVP 2011
Visual Thinking Revolution Panel for IFVP 2011Visual Thinking Revolution Panel for IFVP 2011
Visual Thinking Revolution Panel for IFVP 2011
 
The Experience Layer—FOWD NYC 08
The Experience Layer—FOWD NYC 08The Experience Layer—FOWD NYC 08
The Experience Layer—FOWD NYC 08
 
Just My Type: Be the Typographer You Were Born to Be
Just My Type: Be the Typographer You Were Born to BeJust My Type: Be the Typographer You Were Born to Be
Just My Type: Be the Typographer You Were Born to Be
 
Visual Thinking Presentation for UnitedHealth Innovation Day
Visual Thinking Presentation for UnitedHealth Innovation DayVisual Thinking Presentation for UnitedHealth Innovation Day
Visual Thinking Presentation for UnitedHealth Innovation Day
 
Joining Forces
Joining ForcesJoining Forces
Joining Forces
 
Visual Thinking & The Writing Process
Visual Thinking & The Writing ProcessVisual Thinking & The Writing Process
Visual Thinking & The Writing Process
 
Visual thinking help us to...
Visual thinking help us to...Visual thinking help us to...
Visual thinking help us to...
 
An Introduction to Visual Thinking
An Introduction to Visual ThinkingAn Introduction to Visual Thinking
An Introduction to Visual Thinking
 
Hulkamania & Design
Hulkamania & DesignHulkamania & Design
Hulkamania & Design
 
Enough with the JavaScript already!
Enough with the JavaScript already!Enough with the JavaScript already!
Enough with the JavaScript already!
 
CON5898 What Servlet 4.0 Means To You
CON5898 What Servlet 4.0 Means To YouCON5898 What Servlet 4.0 Means To You
CON5898 What Servlet 4.0 Means To You
 
2012: Year of the People?
2012: Year of the People?2012: Year of the People?
2012: Year of the People?
 
What the F**K is Social Media: One Year Later
What the F**K is Social Media: One Year LaterWhat the F**K is Social Media: One Year Later
What the F**K is Social Media: One Year Later
 

Similaire à Responsive Design is Hard/Easy! Be Afraid/Don't Worry!

The prestige of being a web developer
The prestige of being a web developerThe prestige of being a web developer
The prestige of being a web developerChristian Heilmann
 
ARC 211: American Diversity and Design: Shiqiang Shao
 ARC 211: American Diversity and Design: Shiqiang Shao ARC 211: American Diversity and Design: Shiqiang Shao
ARC 211: American Diversity and Design: Shiqiang ShaoSHIQIANG SHAO
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsFergus Roche
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environmentsguestf4f7a4b38
 
The good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX RecruitingThe good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX RecruitingJason Mesut
 
460finalprest
460finalprest460finalprest
460finalprestari_rang
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's WebMeagan Fisher
 
Sanoma Get tomorrow 2017 Oli Gardner
Sanoma Get tomorrow 2017 Oli GardnerSanoma Get tomorrow 2017 Oli Gardner
Sanoma Get tomorrow 2017 Oli GardnerSanoma Media B2B
 
HarambeeNet: Data by the people, for the people
HarambeeNet: Data by the people, for the peopleHarambeeNet: Data by the people, for the people
HarambeeNet: Data by the people, for the peopleMichael Bernstein
 
Design practice Project - MSc HCI
Design practice Project - MSc HCIDesign practice Project - MSc HCI
Design practice Project - MSc HCIGustavo Soto Miño
 
Ixd15 egoodman
Ixd15 egoodmanIxd15 egoodman
Ixd15 egoodmanegoodman
 
HTML5 and the future of the web (Dr. Seuss style)
HTML5 and the future of the web (Dr. Seuss style)HTML5 and the future of the web (Dr. Seuss style)
HTML5 and the future of the web (Dr. Seuss style)Christian Heilmann
 
Oli Gardner - Data-Driven Design
Oli Gardner - Data-Driven DesignOli Gardner - Data-Driven Design
Oli Gardner - Data-Driven DesignTuring Fest
 
Mobile UX Essentials
Mobile UX EssentialsMobile UX Essentials
Mobile UX EssentialsRachel Hinman
 
TDWI Keynote: Outside In - The Future of Business Intelligence innovation
TDWI Keynote: Outside In - The Future of Business Intelligence innovationTDWI Keynote: Outside In - The Future of Business Intelligence innovation
TDWI Keynote: Outside In - The Future of Business Intelligence innovationmark madsen
 

Similaire à Responsive Design is Hard/Easy! Be Afraid/Don't Worry! (20)

The prestige of being a web developer
The prestige of being a web developerThe prestige of being a web developer
The prestige of being a web developer
 
Goodgreater
GoodgreaterGoodgreater
Goodgreater
 
ARC 211: American Diversity and Design: Shiqiang Shao
 ARC 211: American Diversity and Design: Shiqiang Shao ARC 211: American Diversity and Design: Shiqiang Shao
ARC 211: American Diversity and Design: Shiqiang Shao
 
No Breaks
No BreaksNo Breaks
No Breaks
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
 
The good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX RecruitingThe good, the bad, the ugly of UX Recruiting
The good, the bad, the ugly of UX Recruiting
 
460finalprest
460finalprest460finalprest
460finalprest
 
Making Web Accessibility Sexy
Making Web Accessibility SexyMaking Web Accessibility Sexy
Making Web Accessibility Sexy
 
Webstock 2011
Webstock 2011Webstock 2011
Webstock 2011
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
 
Sanoma Get tomorrow 2017 Oli Gardner
Sanoma Get tomorrow 2017 Oli GardnerSanoma Get tomorrow 2017 Oli Gardner
Sanoma Get tomorrow 2017 Oli Gardner
 
HarambeeNet: Data by the people, for the people
HarambeeNet: Data by the people, for the peopleHarambeeNet: Data by the people, for the people
HarambeeNet: Data by the people, for the people
 
Design practice Project - MSc HCI
Design practice Project - MSc HCIDesign practice Project - MSc HCI
Design practice Project - MSc HCI
 
Ixd15 egoodman
Ixd15 egoodmanIxd15 egoodman
Ixd15 egoodman
 
The DiSo Project
The DiSo ProjectThe DiSo Project
The DiSo Project
 
HTML5 and the future of the web (Dr. Seuss style)
HTML5 and the future of the web (Dr. Seuss style)HTML5 and the future of the web (Dr. Seuss style)
HTML5 and the future of the web (Dr. Seuss style)
 
Oli Gardner - Data-Driven Design
Oli Gardner - Data-Driven DesignOli Gardner - Data-Driven Design
Oli Gardner - Data-Driven Design
 
Mobile UX Essentials
Mobile UX EssentialsMobile UX Essentials
Mobile UX Essentials
 
TDWI Keynote: Outside In - The Future of Business Intelligence innovation
TDWI Keynote: Outside In - The Future of Business Intelligence innovationTDWI Keynote: Outside In - The Future of Business Intelligence innovation
TDWI Keynote: Outside In - The Future of Business Intelligence innovation
 

Dernier

Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightDelhi Call girls
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 
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...Call Girls in Nagpur High Profile
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵anilsa9823
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat
 
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...Suhani Kapoor
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...Amil baba
 
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
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptxVanshNarang19
 
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...Suhani Kapoor
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
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...BarusRa
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girlsmodelanjalisharma4
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat 👉 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Roomdivyansh0kumar0
 

Dernier (20)

Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 nightCheap Rate Call girls Kalkaji 9205541914 shot 1500 night
Cheap Rate Call girls Kalkaji 9205541914 shot 1500 night
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 
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...
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
 
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
 
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...
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptx
 
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
escort service sasti (*~Call Girls in Prasad Nagar Metro❤️9953056974
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
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...
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat 👉 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
 

Responsive Design is Hard/Easy! Be Afraid/Don't Worry!