Web development 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. Basically, 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 basically what you need to be able to test dynamic PHP sites and frameworks like WordPress locally on your computer.
Web tools, platforms, 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 showcases. A great place to learn about bleeding-edge HTML, CSS and JS techniques. - CSS Zen Garden
Shows the power of separating your CSS and HTML through user-contributed designs. - W3 Schools
Resources and code snippets for all of your HTML and CSS questions.
Various information about web standards
- W3C HTML5 Logo Standards
Cool website that explains the HTML5 logo and branding guidelines, and explains the new features of HTML5 in the process.