• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Responsive toolbox
 

Responsive toolbox

on

  • 987 views

Slides from my recent talk at WebVisions Portland.

Slides from my recent talk at WebVisions Portland.

Statistics

Views

Total Views
987
Views on SlideShare
776
Embed Views
211

Actions

Likes
1
Downloads
4
Comments
0

3 Embeds 211

http://www.tmmpdx.com 159
http://www.joesnellpdx.com 43
http://tmmpdx.com 9

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Responsive toolbox Responsive toolbox Presentation Transcript

    • ResponsiveToolboxJacob SurberSr. Product Manager HTML Design@jacobsurber
    • EthanMarcotte#chuckapproved+ =
    • new#itsOKdifferentneeded a nameResponsiveDesign
    • ContentfocusedCleandesignMobilefirstHierarchicalinformation ?
    • It’s really justWeb Design#srsly
    • Jacob Surber @jacobsurberSr. Product Manager HTML Design#getitrightWeb DesignToolbox
    • We find ourselveson the edge
    • Team dynamic&individual responsibilities
    • What’s the workflow been?
    • DesignersWritersDevelopers#waterfail
    • #wrongexpectationsDesigners Developersdesignacuity
    • #harmony
    • First tool
    • Responsive Inspector
    • PIOTR WALCZYSZYNhttp://outof.me/@outof_me
    • #letsbehonest
    • 10questions#thecakeisrealhttp://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
    • Ona notepadIna text editor
    • Ina text editor
    • On a notepad
    • Layoutis Design
    • 3.Do you know HTML & CSS? Do you want to?
    • Do you know whatfloat:rightmeans?
    • Do you care about thebox model?
    • 4.How do you communicate your design intent?
    • #he’ssmart“ContentChoreography”@trentwalton
    • 5.Do you believe in design/prototype code?
    • #theWYSIWYGisDEADWYSIWYG
    • 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?
    • #betruetoyourdevHonesty in design
    • 9.What is your deliverable and to who?
    • IA / UX DesignInformation hierarchy Visual designssite maps Style guides
    • 10.What do you look for in a next-gen tool?
    • What’s out there?
    • Let’s talk about
    • DesignersdesignacuityDevelopers
    • #changeiscomingDesigners Developers
    • #anewdirectionDesign &TypographyHTML designsurfaceFlexible gridsystemIntelligent weblayout
    • Mobile or Desktop?#whichway??
    • screen grab
    • What is not?
    • Where are we going?
    • Style ManagementMultiple pagesHTML ElementsStatesCreative CloudIntegration
    • http://goo.gl/RTXyv
    • Thanks!html.adobe.com/edge/reflow@ReflowJacob SurberSr. Product Manager HTML Design@jacobsurber