Web devel­opment resources

Free and/or open-source programs and extensions

  • Mozilla Firefox.
    A great browser from a great open-source focused company. My personal go-to web surfing implement of choice.
  • Firebug.
    An amazing visual-testing tool in your browser. Basi­cally, a little bit of magic for either FireFox or Chrome (and you can make some cool party tricks happen with it too). You can download directly from this site, or go into the Add-Ons section of your browser of choice and install from there.
  • Google Chrome.
    Another great browser. I use Chrome mainly for testing and the developer tools, which are built in right out of the box.
  • Cyberduck.
    A free FTP client (donate if you find it useful!), now works with both Mac and PC.
  • MAMP.
    A free local testing server, stands for Macintosh Apache MySQL PHP. This is basi­cally what you need to be able to test dynamic PHP sites and frame­works like Word­Press locally on your computer.

Web tools, plat­forms, and frameworks

  • WordPress.org.
    Blog tool and publishing platform.
  • jQuery.
    The write-less, do-more javascript library

Tutorial sites and other sites of interest

  • Smashing Magazine
    A great site full of design commentary, articles about web trends, resources, code examples, and design show­cases. A great place to learn about bleeding-edge HTML, CSS and JS techniques.
  • CSS Zen Garden
    Shows the power of sepa­rating your CSS and HTML through user-contributed designs.
  • W3 Schools
    Resources and code snippets for all of your HTML and CSS questions.

Various infor­mation about web standards

  • W3C HTML5 Logo Stan­dards
    Cool website that explains the HTML5 logo and branding guide­lines, and explains the new features of HTML5 in the process.