From SND Denver: The designer’s toolbox: Post-Adobe, post- Apocalypse.

Get a grip on the proliferation of new tools redefining how design gets done on the Web and beyond. Forget Photoshop, InDesign and Dreamweaver. The new paradigm is full of focused and often open- source software. A wide- ranging overview of how to sketch, code, polish, test, collaborate and more. Plus, tons of time for Q&A. (More on SND.org)

Tyson Evans, The New York Times

David Wright Jr., NPR

Introduction

• Design is more text-driven than ever before (code!)
• Process + Detail nerds (Jonathan Hoefler replying to Khoi Vinh)
• “Getting Real” by 37signals
• A Real Web Design Application (Jason Santa Maria)

Pixels & Sketching

• Illustrator CS5 (Snap to pixel, pixel view)
• OmniGraffle
• Google docs drawing templates
• LiveView screencaster (iphone/ipad)
• 37signals “Draft” iPad app
• (bigger the problem, smaller the sketch -- krisv)

Collaboration / Productivity

• Version control

• Versions
• Hosted services e.g. github.com, beanstalk.com

• Basecamp + Campfire

• Dribbble.com
• Dropbox (public links, view/restore versions)
• Coda Notes

Code / Data / Dev

• Transmit (mount as disk)
• CSSEdit
• Coda (shared editing)
• Textmate + Zen Coding Plugin
• 960 gs (+ grid overlay bookmarklet)

• Tumblr
• Typekit
• MAMP
• Python Web Server ( python -m SimpleHTTPServer)

Learning

• Firebug
• Instapaper
• Readability
• Google Reader
• Delicious
• A List Apart

Testing/QA

• Firefox Web Developer Add-on
• IETester
• Validators http://validator.w3.org/ http://validator.nu/
• Loop11
• Lunascape
• Chartbeat