Responsive Toolbox Jacob Surber Sr. Product Manager HTML Design @jacobsurber
Jan 27, 2015
ResponsiveToolbox
Jacob SurberSr. Product Manager HTML Design @jacobsurber
Ethan Marcotte
#chuckapproved
+ =
new
#itsOK
different
needed a name
Responsive Design
Contentfocused
Cleandesign
Mobilefirst
Hierarchical information ?
It’s really just Web Design
#srsly
Jacob Surber @jacobsurberSr. Product Manager HTML Design #getitright
Web DesignToolbox
We find ourselves on the edge
Team dynamic & individual responsibilities
What’s the workflow been?
Designers
Writers
Developers
#waterfail
#wrongexpectations
Designers Developers
desi
gn a
cuity
#harmony
First tool
Responsive Inspector
PIOTR WALCZYSZYN
http://outof.me/
@outof_me
#letsbehonest
1. Do you consider yourself a web designer?
What is a “web designer”?
2. What are your existing tools?
two design camps
On a notepad
Ina text editor
Ina text editor
On a notepad
Layout
is Design
3. Do you know HTML & CSS? Do you want to?
Do you know what
float:right means?
Do you care about the
box model?
4. How do you communicate your design intent?
#he’ssmart
“Content Choreography”@trentwalton
5. Do you believe in design/prototype code?
#theWYSIWYGisDEAD
WYSIWYG
6. Are you willing to work in the browser?
7. Can you design using “web native graphics”
8. Do technical limitations effect your design vision?
#betruetoyourdev
Honesty in design
9. What is your deliverable and to who?
IA / UX Design
Information hierarchy Visual designs
site maps Style guides
10. What do you look for in a next-gen tool?
What’s out there?
Let’s talk about
Designers
desi
gn a
cuity
Developers
#changeiscoming
Designers Developers
#anewdirection
Design & Typography
HTML design surface
Flexible grid system
Intelligent weblayout
Mobile or Desktop?
#whichway??
screen grab
What is not?
Where are we going?
Style Management
Multiple pagesHTML ElementsStates
Creative CloudIntegration
Thanks!
html.adobe.com/edge/reflow
@Reflow
Jacob SurberSr. Product Manager HTML Design @jacobsurber