Toolbox for Web Designers

http://www.slideshare.net/chadmairn

@cmairn

Virtual Petting Zoo/Discussion

Want to hangout?

gplus.to/chadmairn

anymeeting.com/chadmairn

Agenda

Demonstrate a variety of tools for web designers.

Chrome Developer Tools

http://getfirebug.com/

http://www.gwtproject.org/

Google Web Toolkit

http://foundation.zurb.com/

http://patterntap.com/about

http://www.opera.com/developer

http://www.lovelyui.com/

Other tools to check out …• Bootstrap - framework for faster and easier web development.• Kompozer - web authoring system that combines web file

management and easy-to-use WYSIWYG web page editing.• Dripple – a place to discover, and explore design.• Dropbox, Droplr, Google Drive etc.• JS Bin - renders Javascript, HTML and CSS code snippets live in

your browser. • GitHub – a collaboration/code review/code management tool for

open source projects.• DiffChecker – discover text differences between two blocks of

text. • XAMPP – an Apache distribution containing MySQL, PHP and

Perl. Testing environment.• 85 Responsive Web Design Tools compiled by Mashable.com.

More demos …

ColorZilla, Live HTTP Headers, User Agent Switcher, Link Checker, Window Resizer, Web

Developer Toolbar, MeasureIt, Pixlr Editor etc.

http://www.slideshare.net/chadmairn

@cmairn

Virtual Petting Zoo/Discussion

Want to hangout?

gplus.to/chadmairn

anymeeting.com/chadmairn

Let’s Hangout!

gplus.to/chadmairn