Start Full ScreenOrganize, Communicate, andAnnotate HTML PrototypesWednesday, March 7, 2012Hash Tag: #8SBlocks        Twit...
From PDF Documents to HTML                                            HTML Prototyping in Firefox“Classical” UX Documents ...
The Objective Compete with established    CSS & JS toolkits(We also use 960gs, JQuery, JQuery Mobile, Bootstrap, etc)    O...
Break Design Into Modular PartsModularComponent                      Loaded into Page LayoutsFile Content          Copyrig...
Leave Full Screen and Explore                                   Page Grids                                   (Yes, Actual ...
Annotate Your DesignComponent Markers                                            Page Notes    Copyright 2012. EightShapes...
Start Full ScreenOrganize, Communicate, andAnnotate HTML PrototypesWednesday, March 7, 2012Hash Tag: #8SBlocks        Twit...
Upcoming SlideShare
Loading in …5
×

From PDFs to HTML Prototypes: Creating a System That Works

7,477 views
7,424 views

Published on

Published in: Technology, Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
7,477
On SlideShare
0
From Embeds
0
Number of Embeds
5,902
Actions
Shares
0
Downloads
23
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

From PDFs to HTML Prototypes: Creating a System That Works

  1. 1. Start Full ScreenOrganize, Communicate, andAnnotate HTML PrototypesWednesday, March 7, 2012Hash Tag: #8SBlocks Twitter @nathanAcurtis nathan@eightshapes.com @NathanACurtis Copyright 2012. EightShapes LLC.
  2. 2. From PDF Documents to HTML HTML Prototyping in Firefox“Classical” UX Documents Firebug Text Editor for HTML, CSS, & JS Copyright 2012. EightShapes LLC. 2
  3. 3. The Objective Compete with established CSS & JS toolkits(We also use 960gs, JQuery, JQuery Mobile, Bootstrap, etc) Organize, Annotate, & Present HTML Prototypes Copyright 2012. EightShapes LLC.
  4. 4. Break Design Into Modular PartsModularComponent Loaded into Page LayoutsFile Content Copyright 2012. EightShapes LLC.
  5. 5. Leave Full Screen and Explore Page Grids (Yes, Actual HTML Pages, Not Screenshots)Copyright 2012. EightShapes LLC. 5
  6. 6. Annotate Your DesignComponent Markers Page Notes Copyright 2012. EightShapes LLC. 6
  7. 7. Start Full ScreenOrganize, Communicate, andAnnotate HTML PrototypesWednesday, March 7, 2012Hash Tag: #8SBlocks Twitter @nathanAcurtis nathan@eightshapes.com @NathanACurtis Copyright 2012. EightShapes LLC.

×