Using Firebug and jQuery

A recent episode of the Polymorphic Podcast includes jQuery Secrets with Dave Ward. During our discussion Dave mentioned some techniques and tools to use alongside Firebug and jQuery. After our interview we got together again to record this video that demonstrates:

  • How to install Firebug
  • Firebug basics
  • How to inject jQuery into just about any page using jQuerify
  • Building selectors with SelectorGadget
  • How to interactively manipulate pages on the fly

Dave is a powerhouse of knowledge and experience in this area – enjoy the video!

Update: Dave and I re-recorded the video and made it available in higher-quality formats. Check out Updated Video for ‘Using Firebug and jQuery’ Post for details.
Published Tuesday, August 4, 2009 11:54 AM by craigshoemaker

Comments

# re: Using Firebug and jQuery

Monday, August 10, 2009 10:32 PM by Andy Gaskell

Safari also has great web dev tools - definitely worth checking out. In the Windows version of Safari you have to enable it in Preferences -> Advanced  -> Show Develop menu in menu bar

# re: Using Firebug and jQuery

Sunday, August 16, 2009 3:03 AM by Eric

Could you repost the video so that it is larger and maybe setup that playback control so we can watch it full screen.  Can't see what is being typed and otherwise hard to see.

# re: Using Firebug and jQuery

Thursday, August 20, 2009 5:38 PM by Ganesh

nice video... larger video will be helpful.

# re: Using Firebug and jQuery

Tuesday, August 25, 2009 3:41 PM by Victor Boba

Very helpful video. Thanks for showing some cool tips.