Drupal 6 Tutorial – Part 1: Introduction

http://codingpad.maryspad.com/2009/03/11/building-a-website-with-drupal-6-part-1-introduction/

7 Fresh and Simple Ways to Test Cross-Browser Compatibility

This post is written for designers, developers, or anyone else who has struggled with testing their websites across multiple browsers.

As little as one year ago, there were almost no good options for testing cross-browser compatibility of websites. The tools out there usually had significant drawbacks — either in cost, capabilities, or time required. Lately, though, there have been a lot of newcomers to the browser testing world, some of which offer truly excellent services.

In this article we’ve listed 7 fresh and simple tools for cross-browser compatibility testing, tools that actually make this stuff pretty easy. Not only that, but every single one of these tools can be used for free.

From: http://freelancefolder.com/7-fresh-and-simple-ways-to-test-cross-browser-compatibility/

Free CSS templates

http://www.freecsstemplates.org/

Easy Tooltip - jQuery plugin

By default this plugin will read the title attribute of the element and convert it into fade-in tooltip that you can style any way you want. Important note, it doesn't have to be an anchor tag. You can apply this script to any element(s) you want.
The one big thing that makes this different from my first version is that you are now allowed to put custom content, any html content you want - images, long paragraphs, link lists... anything. If you hate writing HTML code inside a JavaScript variable, this plugin allows you to use inner HTML from any element on the page. It means that you can write HTML directly on the page, as you normally do, hide that element with CSS and have it appear as a tooltip on mouse over. Take a look at the demos for more info.

960 Grid System

http://960.gs/ - The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

Scalable Vector Graphics - SVG

W3C Recommendation:
http://www.w3.org/TR/SVG/
http://www.w3.org/Graphics/SVG/

Intro:
http://www.xul.fr/en-xml-svg.html

Tutorial:
http://www.w3schools.com/svg/default.asp

15+ CSS Tips and Tricks

http://www.queness.com/post/402/15-css-tips-and-tricks

15 Ways to Optimize CSS and Reduce CSS File Size

http://www.queness.com/post/588/15-ways-to-optimize-css-and-reduce-css-file-size

Carousel examples

http://sorgalla.com/projects/jcarousel/#Examples

Favicon - Use any image as favicon.

http://tools.dynamicdrive.com/favicon/

http://www.favicon.co.uk/

Superb e-book collection

http://www.wowebook.com/

FusionCharts for Dreamweaver

http://www.fusioncharts.com/?dreamweaver

FusionCharts for Dreamweaver helps you create animated, interactive & data-driven Flash charts in Adobe Dreamweaver. It has been developed by our partner Extend Studio to help you harness the power of FusionCharts in Dreamweaver.

FusionCharts for Dreamweaver brings sleek charting to your doorsteps from the Design View in Dreamweaver itself. It offers 34 types of 2D/3D charts including line, area, bar, column, pie, combination and scroll charts. It comes with a rich GUI using which you can easily create and configure the charts, add and organize data (even load dynamic data from databases) and finally integrate them into HTML, PHP, ASP.NET, ASP or any other type of webpage.

FusionCharts for Dreamweaver comes in 2 flavours: Designer Edition & Developer Edition. Designer Edition is suitable for general users who want to visually create charts for their static websites, without writing a single line of code. Developer Edition is suitable for web developers who develop their database-driven websites using Dreamweaver IDE. Both the editions come with 340 presets & 170 styles, so anyone can create stunning self-designed charts in minutes!

Free open source content management system.

http://www.concrete5.org/
concrete5 is a free open source content management system.

Create online wireframe/mockups

Using Balsamiq Mockups feels like you are drawing, but it's digital, so you can tweak and rearrange controls easily, and the end result is much cleaner. Teams can come up with a design and iterate over it in real-time in the course of a meeting.

http://www.balsamiq.com/products/mockups

Free PSD template

http://bestfreetemplates.info/apages-templates-2.html