HTML Prototyper's Toolbox

771 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
771
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • HTML Prototyper's Toolbox

    1. 1. HTML Prototyper’s Toolbox August 25, 2012 Prototype Camp, ChicagoMonday, September 17, 12
    2. 2. Hi, my name is @niceux ... you can call me Abe Froman, sausage king of Chicago. @niceuxMonday, September 17, 12
    3. 3. Hi, my name is @niceux ... but my real name is Jon. @niceuxMonday, September 17, 12
    4. 4. Hi, my name is @niceux ... and I’m from Minneapolis. @niceuxMonday, September 17, 12
    5. 5. NiceUX I’ve been pretty lucky ... work hard, adopt a good process, most importantly, have a great attitude. @niceuxMonday, September 17, 12
    6. 6. I prefer organized chaos ... always do your research and plan first! @niceuxMonday, September 17, 12
    7. 7. Sketching is the shiz ... and when I say shiz, I mean I freaking love it. Boo-urns to wireframes. @niceuxMonday, September 17, 12
    8. 8. Border wTe xt-Shado Gradient d ow Drop Sha Josef Alber’s is the man. ... me and visual design are cool, but I tend to leave it to others. @niceuxMonday, September 17, 12
    9. 9. I get excited for good, clean, semantic code ... not in the weird way, more of a separation of structure, style and behavior. @niceuxMonday, September 17, 12
    10. 10. A brief history of HTML prototyping ... picture courtesy of my wife during the remodeling of our house. @niceuxMonday, September 17, 12
    11. 11. e Toolbox ... with all the tools available today, you can’t afford not to prototype in HTML @niceuxMonday, September 17, 12
    12. 12. Let’s talk tools ... with all the tools available today, you can’t afford not to prototype in HTML @niceuxMonday, September 17, 12
    13. 13. Paper & Pencil Let’s talk tools ... with all the tools available today, you can’t afford not to prototype in HTML @niceuxMonday, September 17, 12
    14. 14. Paper & Pencil Photoshop Let’s talk tools ... with all the tools available today, you can’t afford not to prototype in HTML @niceuxMonday, September 17, 12
    15. 15. Paper & Pencil Photoshop In-Browser Code Inspector Let’s talk tools ... with all the tools available today, you can’t afford not to prototype in HTML @niceuxMonday, September 17, 12
    16. 16. Paper & Pencil Photoshop In-Browser Development Code Inspector software or text editor Let’s talk tools ... with all the tools available today, you can’t afford not to prototype in HTML @niceuxMonday, September 17, 12
    17. 17. Rapid Prototyping Framework Paper & Pencil Photoshop In-Browser Development Code Inspector software or text editor Let’s talk tools ... with all the tools available today, you can’t afford not to prototype in HTML @niceuxMonday, September 17, 12
    18. 18. Download the toolbox for this workshop at niceux.com/camp.zip Less talkie, more codie ... your mouth keeps moving, but I don’t hear anything coming out. @niceuxMonday, September 17, 12
    19. 19. First, let’s think out our project ... okay, okay. It’s not a real project, but humor me. @niceuxMonday, September 17, 12
    20. 20. Got an idea, great let’s start sketching ... and by we, I mean out little cartoon friend. @niceuxMonday, September 17, 12
    21. 21. Abe’s great idea is ... @niceuxMonday, September 17, 12
    22. 22. An Oktoberfest website! ... let’s start our coding project from here. @niceuxMonday, September 17, 12
    23. 23. Pro Tip: ink about the design as simple containers ... let’s start our coding project from here. @niceuxMonday, September 17, 12
    24. 24. Monday, September 17, 12
    25. 25. ank you! NiceUX Grain Belt Brewery Building 79 13th Ave NE Suite 105, Minneapolis, Minnesota 55418 @niceuxMonday, September 17, 12

    ×