Intro
Chop Shop
Shirts For Designers, And Nerdy Designers
Since 2004
Notes:
- With Shirts Like This, Who Needs Pants.
Intro
Teaching
NYC @ School of Visual Arts
Since 1998
Take exceptionally talented creative professionals.
- Teach them how to work digitally.
- Teach them how to build for & communicate online.
Intro
Speaking At How
Tools of the Trade
Agent Q
- Lots of good stuff, how much time do we have?
How is this guy going to pull this off?
Notes:
- The kind folks at how, flew me out here to be your Quartermaster.
Intro
Speaking At How
Tools of the Trade
New Agent Q
- How is this guy going to pull this off?
Notes:
- I have a plan... this presentation is a resource.
Basics
Sketchbook
Still the best tool for the job
Not Dead
- Digital tools complement your creativity...
Basics
Core Tools
The interactive designers short list
Core Stuff
You like, you master, you trust:
- A Think/Design/Drawing/Production Tool
- A Web Browser (with Developer tools)
- A Text (HTML/CSS/JavaScript) Editor
Basics
Everything Else
In order to pick the right tool for the job...
Boom
You are going to have to know more then 4 tools.
Your collective toolkit - the frameworks, web services, libraries, templates, apps and techniques that you adopt - are what ultimately defines your capabilities.
Notes:
- In practice, few people seem to be able to pick the right tool, because they don't know enough different tools. Also, the right tool for a job happens to be highly dependent on who is going to use it. - c2.com/cgi/wiki?PickTheRightToolForTheJob
Basics
Project Map
This is what project schedules become
All Aboard
application
Photoshop
Adobe Systems
The undisputed bitmap heavyweight champ.
- Pixel level control, when you need it most. We often bring our vector art in for final prep.
- Color Management for Web/Mobile. And iOS Tools
- When applicable use a Grid System
template
The Grid System
The kind people of the Internets
Everything old is new again...
- thegridsystem.org has everything you need to know.
- 960.gs is still a great place to start. Mostly for the demos & Photoshop/Illustrator templates.
application
Illustrator
Adobe Systems
Illustrator is the most versatile tool we have found.
- UX & Wireframe Tool, Design Tool - Our Templates.
- Symbols, 9-slice, Pixel Preview, Ps, VectorScribe
- Export multiple artboards as png's with this script.
- Export vectors to the HTML5 canvas with this ------>
plugin
Ai to Canvas
A MIX Online Production
Exports Adobe Illustrator to HTML5 Canvas
- Because we can't just Draw Boxes All Day
- Sample File: View, AiToCanvasProject.zip
Tools
Creative Cloud
Adobe Systems
Score
An ongoing membership to everything* Adobe.
- $30 to %50 a month gives you access to every app, cloud services and more.
- Stay current, start and stop as you like.
- Digital Publishing Suite Single Edition just added!
application
Web Browser
Google, Apple, Mozilla, Microsoft, etc...
- Safari & Chrome are based upon Webkit.
- The Web Inspector is the source of all power. see
application
Dreamweaver
Adobe Systems
The code part of the Creative Suite.
- If this is the only text editor on your computer, then it's a fine one for you to use.
- Comforting visual CSS editor, auto complete
- Lots of templates and layouts built in.
application
TextMate
Macromates
TextMate is the best text editor you have ever used.
- FAST, reliable, simply extensible, loved by many.
- Geeky screencast of html/css shortcuts & snippets.
- Add our Chop TextMate bundle to quickly scaffold HTML5 Projects