Responsive
Toolbox
Jacob Surber
Sr. Product Manager HTML Design
@jacobsurber
Web design
Web Designers
Print
Information
Motion
Visual
Ona notepad
Innotepad
On a notepad
Top down
Visual approach
Innotepad
Bottom Up
Content First
Content
First
We find ourselves
on the edge
Team dynamic
&
individual responsibilities
Tools
Inspection
Responsive Inspector
PIOTR WALCZYSZYN - http://outof.me
Collaboration
Skitch Cloudapp
Dan Mall
Dan Mall
danielmall.com/articles/rif-element-collages
Abstraction
Abstraction = Good
Abstraction = Bad?
The right tool for the right job
Design
Designfor the medium
“Content
Choreography”
@trentwalton
Honesty in design
Emerging Tools
2013
If you are not embarrassed by the first version
of your product, you’ve launched too late.
- Reid Hoffman
Change is OK
Change requires more than
5 minutes of effort
Because a tool does not
solve your every need,
doesn’t mean it can’t help
#letsbehonest
Design is about
communication
Layout
is Design
Let’s talk about
#changeiscoming
Designers Developers
is about communication
• Responsive Intent
• Designing to content
What’s the workflow?
What’s the workflow?
What’s the workflow?
http://blog.terrenceryan.com/reflow-cleaner/
Mobile or Desktop?
#whichway??
screen grab
Where are we going?
Where are we
Try
html.adobe.com/edge/reflow
@Reflow
Jacob Surber
Sr. Product Manager HTML Design
@jacobsurber

Web Design Toolbox