toolbox for web designers
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.TRANSCRIPT
![Page 1: Toolbox for Web Designers](https://reader035.vdocument.in/reader035/viewer/2022081413/547c2dbcb47959c0508b45e7/html5/thumbnails/1.jpg)
Toolbox for Web Designers
![Page 2: Toolbox for Web Designers](https://reader035.vdocument.in/reader035/viewer/2022081413/547c2dbcb47959c0508b45e7/html5/thumbnails/2.jpg)
http://www.slideshare.net/chadmairn
@cmairn
![Page 3: Toolbox for Web Designers](https://reader035.vdocument.in/reader035/viewer/2022081413/547c2dbcb47959c0508b45e7/html5/thumbnails/3.jpg)
Virtual Petting Zoo/Discussion
Want to hangout?
gplus.to/chadmairn
anymeeting.com/chadmairn
![Page 4: Toolbox for Web Designers](https://reader035.vdocument.in/reader035/viewer/2022081413/547c2dbcb47959c0508b45e7/html5/thumbnails/4.jpg)
Agenda
Demonstrate a variety of tools for web designers.
![Page 5: Toolbox for Web Designers](https://reader035.vdocument.in/reader035/viewer/2022081413/547c2dbcb47959c0508b45e7/html5/thumbnails/5.jpg)
Chrome Developer Tools
![Page 12: Toolbox for Web Designers](https://reader035.vdocument.in/reader035/viewer/2022081413/547c2dbcb47959c0508b45e7/html5/thumbnails/12.jpg)
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.
![Page 13: Toolbox for Web Designers](https://reader035.vdocument.in/reader035/viewer/2022081413/547c2dbcb47959c0508b45e7/html5/thumbnails/13.jpg)
More demos …
ColorZilla, Live HTTP Headers, User Agent Switcher, Link Checker, Window Resizer, Web
Developer Toolbar, MeasureIt, Pixlr Editor etc.
![Page 14: Toolbox for Web Designers](https://reader035.vdocument.in/reader035/viewer/2022081413/547c2dbcb47959c0508b45e7/html5/thumbnails/14.jpg)
http://www.slideshare.net/chadmairn
@cmairn
![Page 15: Toolbox for Web Designers](https://reader035.vdocument.in/reader035/viewer/2022081413/547c2dbcb47959c0508b45e7/html5/thumbnails/15.jpg)
Virtual Petting Zoo/Discussion
Want to hangout?
gplus.to/chadmairn
anymeeting.com/chadmairn
![Page 16: Toolbox for Web Designers](https://reader035.vdocument.in/reader035/viewer/2022081413/547c2dbcb47959c0508b45e7/html5/thumbnails/16.jpg)
Let’s Hangout!
gplus.to/chadmairn