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