Responsive toolbox

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

10 questions

#thecakeisreal

http://goo.gl/RTXyv

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

http://goo.gl/RTXyv

Thanks!

html.adobe.com/edge/reflow

@Reflow

Jacob SurberSr. Product Manager HTML Design @jacobsurber