Cool Tools forCustomizing

Firebug, Firepicker and Filezilla

Kris McInerny @NotesFromKris

DEVELOPERSGRAPHIC DESIGNERS

Who should use it, What tool should you use, Why should you use it, How is it best utilized?

who

what

Why

•Inspect•Try (new style)•create consistency

•Review•Repeat

Install FirebugFirefox OnlyTools > Add-onsSearch...

and Firepicker

InstallRestart Firefox

how

Website Customization

• updates while still in browser

• safe testing• non-destructive

• when ready, update in Appearance > Editor

• save / test

• repeat

how

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

how

Javascript TestingLine by Line Testing

Set BreakpointSet watch expression...

Step through

Tutorials:YouTube Keywords:

Firebug Tutorial CSS orFirebug Tutorial javascript

why

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

how

• File Transfer Protocol

• WordPress installs

• Theme installs

• Bulk uploads

• Favicon uploads

Why

• Obtain user/pass from your hosting provider

• File > Site Manager

• Connect

• Local vs Server

• BACKUP!!!

Install Filezillahow

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

how

Cool Tools forCustomizing

Firebug, Firepicker and Filezilla

Kris McInerny @NotesFromKris