Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Future of Web Design 2013 - Reaching Responsive...
Search
Jack Sheppard
May 14, 2013
2
390
Future of Web Design 2013 - Reaching Responsive Nirvana
Jack Sheppard
May 14, 2013
Tweet
Share
More Decks by Jack Sheppard
See All by Jack Sheppard
The Revolution will not be Clickable
madebysheppard
0
78
An In-house Designer's Guide to Staying Sane
madebysheppard
2
240
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
RailsConf 2023
tenderlove
30
1.1k
GitHub's CSS Performance
jonrohan
1031
460k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Transcript
JACK SHEPPARD @MADEBYSHEPPARD Reaching Responsive Nirvana FUTURE OF WEB DESIGN
2013 – LANDAN
None
None
JACK SHEPPARD @MADEBYSHEPPARD Reaching Responsive Nirvana FUTURE OF WEB DESIGN
2013 – LANDAN
Repent and thou shalt be saved
Stop designing for the browser Start designing for humans
Lee Jun-Fan
Bruce Lee Jun-Fan
Bruce Lee
you put water into a cup, it becomes the cup.
You pour water into a bottle; it becomes the bottle. You put water into a teapot; it becomes the teapot. . .
None
Do not deny the classical approach, simply as a reaction
Usability
Usability Accessibility
Usability Accessibility Affordance
Usability (not affordance) Accessibility Affordance (not usability)
Usability (not affordance) Accessibility Affordance (not usability) Environment
Usability (not affordance) Accessibility Affordance (not usability) Environment Resource
Usability (not affordance) Accessibility Affordance (not usability) Environment Resource
Environment
None
None
None
None
None
None
Resource
retrofit
1. Is it built to a grid?
1. Is it built to a grid? Yes
1. Is it built to a grid? Yes 2. Is
the css clean?
1. Is it built to a grid? Yes 2. Is
the css clean? Yes
1. Is it built to a grid? Yes 2. Is
the css clean? Yes 3. Start from the inside out
1. Is it built to a grid? Yes 2. Is
the css clean? Yes 3. Start from the inside out 4. Use media queries as fixes
1. Is it built to a grid?
1. Is it built to a grid? No sir
1. Is it built to a grid? No sir 2.
Is the CSS clean?
1. Is it built to a grid? No sir 2.
Is the CSS clean? HA!
1. Is it built to a grid? No sir 2.
Is the CSS clean? HA! 3. Have you had a coffee?
1. Is it built to a grid? No sir 2.
Is the CSS clean? HA! 3. Have you had a coffee? :( 4. Go get a coffee!
1. Is it built to a grid? No sir 2.
Is the CSS clean? HA! 3. Have you had a coffee? :( 4. Go get a coffee! 5. Rework
1. Is it built to a grid? No sir 2.
Is the CSS clean? HA! 3. Have you had a coffee? :( 4. Go get a coffee! 5. Rework 6. Percentages & media queries
workflow
None
workflow
RECAP
Thank you!