A couple of useful WebDev links…

I thought I’d post a couple of links to some WebDev sites & tools I use every day…

FireFox Extensions

Most of these are available on Mozilla’s Recommended Addons site.

  • Web Developer – Powerful Web Development tools for outlining DIVs, TABLEs, CSS, etc.
  • User Agent Switcher – change the User Agent on a site or page (pretend your MSIE 6 or 5)
  • Firebug – edit, debug, and monitor CSS, HTML, and JavaScript live in any web page…
  • GreaseMonkey – customize pages & sites by adding your own ‘user scripts’
  • AdBlock Plus – block ads & flash
    NOTE: If you need to show blocked ads (i.e., you need to see/test OAS ads -D ), there’s an ‘ABP’ button next to the Google search bar (looks like a red or green stop sign). Click the little disclosure triangle next to the ABP button, and choose ‘Disable on [site-url]’. If you need help, just ask!
  • FlashGot – File/Image/Link downloader
  • Fasterfox – page load timer (right-side of statusbar)

CSS Resources

  • AlistAPart.com – A great place for learning & pilfering^H^H^H experimenting with CSS techniques.
  • meyerweb.com/eric/css – Eric Meyer’s CSS site
    • CSS Edge – life on the edge!
    • …there’s much more here…
  • SelectORacle – a nifty online tool for learning how CSS2 & CSS3 selectors work
  • Rijk’s panelizer – adds W3C’s CSS & HTML specs to your Mozilla Sidebar
    • Just download the panelizer.zip, place it somewhere handy & unzip it. Then open the included ‘panelizer.html’ file, and click ‘Add Panel’. I created a ‘Sidebars’ bookmark folder in my Bookmark Toolbar, and placed the ‘bookmarks’ in there.

Mac Tools

NOTE: The following contains Mac-only tools. If you are afraid of Macs, or have aversions to heights, please close your browser now. This message will self-destruct in five seconds. Good luck team!

Need help with any of the above? Just ask!