Toolbox for Web Designers

Preview:

DESCRIPTION

It is much easier to complete a successful building project when there is a toolbox nearby that is filled with essential tools. The same is true for Web Designers. In this webinar learn about a variety of tools like Firebug and other Web browser extensions, Google Web Toolkit, Foundation, PatternTap, Opera for Developers, and much more that can help take the mystery out of designing for the Web. At the end of this webinar you will have a toolbox filled with essential Web Designer tools and a better idea on how to use them.

Citation preview

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