Presentation prepared for WordCamp Atlanta 2012 held Fri/Sat February 3rd, 4th at SCAD. Original before peer review.

1. Cool Tools for
Customizing
Firebug, Firepicker and Filezilla
Kris McInerny @NotesFromKris

2. Who should use it, What tool should you use, Why should
you use it, How is it best utilized?
who
GRAPHIC DESIGNERS
DEVELOPERS what

3. Why
•Inspect
•Try (new style)
•create consistency
•Review
•Repeat

4. Install Firebug
Firefox Only
and Firepicker
Tools > Add-ons
Search... how
Install
Restart Firefox

5. Website Customization
• updates while still in how
browser
• safe testing
• non-destructive
• when ready, update in
Appearance > Editor
• save / test
• repeat

6. Hey Kris - this is where you show this realtime...hint hint
how

7. Javascript Testing why
Line by Line Testing
Set Breakpoint
Set watch expression...
Step through
Tutorials:
YouTube Keywords:
Firebug Tutorial CSS or
Firebug Tutorial javascript

8. Hey Kris - this is where you show this realtime...hint hint
how

9. Why
• File Transfer Protocol
• WordPress installs
• Theme installs
• Bulk uploads
• Favicon uploads

10. Install Filezilla
how
• Obtain user/pass
from your hosting
provider
• File > Site Manager
• Connect
• Local vs Server
• BACKUP!!!

11. Hey Kris - this is where you show this realtime...hint hint
how

12. Cool Tools for
Customizing
Firebug, Firepicker and Filezilla
Kris McInerny @NotesFromKris