Here are some links to great sites & resources for web developers & designers. Also check out some fun and helpful code snippets.
jQuery makes Javascript fun, but more importantly easy. Anyone who has dabbled with dynamic web development knows jQuery. It has become so popular that discussions on Javascript techniques are more often phrased as they would be written with jQuery, not traditional Javascript. Check out the jQuery API for all the crazy powerful things you can do with it. Then, when you get a grasp, check out jQuery UI for some serious fun, including color animations and animating CSS classes.
CSS-tricks is a site by Chris Coyier that has stellar articles and tutorials on styling with CSS.
Google Webfonts is a Google service which hosts hundreds of fonts optimized for the web. It's really handy because, since it's hosted in the cloud, it will work for everyone. Typically the user must have the font installed on their computer to have it rendered in their browser. Just be mindful of the load time of the font you choose.
Komodo Edit is a great free editor. I've also heard Sublime Text is pretty nice. I'm stickin' with the dragon for now though.
W3Schools is the learning site of the World Wide Web Consortium, which sets the standards for web stuff, literally.
StackOverflow: some of the wisest advice I've ever received - "Every problem you encounter, one hundred people have before, crowdsource". Here's where you'll find your solution.
Lost & Taken is a site by Caleb Kimbrough, where he provides awesome textures that he made for use on websites and other graphic projects alike.
NetRenderer is a really handy site where you can get a glimpse of what a site looks like in Internet Explorer, because against all that is good about the web, people still use that wretched browser. To Microsoft's credit, IE9 finally caught up on handling HTML5 and CSS3, but IE will remain the brunt of web developer jokes for at least a few more years.