FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page.
It was built using the jQuery library. Licensed under both MIT and GPL licenses

on web design - lots of good pointers here

A clean and simple way to help align your layouts. No complex grid frameworks necessary.

In depth article on grid design and typography for web sites

This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you can play upon it.

HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.
After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain Ajax and Flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.
Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed.

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

development resource for HTML5

A simple tool that helps web designers find variations of any color. Perfect for hovers, borders, gradients, and more.

comic books can provide web designers with a rich vein of inspiring ideas and material to help them create shirt button popping, trouser bursting work for the web. I know from my own personal experience, that looking at aspects of comic book design, layout and conventions and thinking about the ways that they can inform web design has taken my design work in often-unexpected directions.

tutorial on some of the less commonly used table tags for semantic markup

fully functional self-contained code syntax highlighter developed in JavaScript. Supports many different languages and the ability to define your own syntax highlighting rules

The vast majority of the internet is still rocking 800x600. "Browser Size is based on a sample of data from visitors to google.com. Special code collects data on the height and width of the browser for a sample of users. For a given point in the browser, the tool will tell you what percentage of users can see it."

Flash based image gallery. It allows you to display your images on any web page in a professional, intuitive and simple way. Customized by a simple XML file. 2.0 provides integration with flickr.

laundry list of workaround when doing web design with IE6

Free book (CC) on new features in the HTML5 standard with examples on how to leverage them

Tool for automatically constructing CSS sprites out of an existing page.

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as its foundation.

"Ratios are at the core of any well designed grid system. Sometimes those ratios are rational, such as 1:2 or 2:3, others are irrational such as the 1:1.414 (the proportion of A4). "

/CSS/ - a guide for the unglued. "This is not a complete resource, this is a fast resource. These are the sites that I refer to first, and that I tell people to read. When you want more, just about all of them have their own links to good sites."

CSS framework - "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. Read more."

Metalist of information on typography

HTML reference which is part of their plan to have a full reference on the trinity of web development (HTML/CSS/JavaScript).

random blog of interest

Structured along Robert Bringhurst’s book The Elements of Typographic Style, explaining how to accomplish each using techniques available in HTML and CSS

1. Measure the measure 2. Hanging punctuation 3. Ligatures 4. Typographic Hierarchy - size 5. Typographic Hierarchy - weight

CSS framework - gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing

The main principle of the baseline grid is that the bottom of every line of text (the baseline) falls on a vertical grid set in even increments all the way down the page.

Basic but detailed introduction to layout using CSS, include the box model and different kinds of positioning

"POSH encapsulates the best practices of using semantic HTML to author web pages. Semantic HTML is the subset of HTML 4.01 (or XHTML 1.0) elements and attributes that are semantic rather than presentational."

“Layout” is an IE/Win proprietary concept that determines how elements draw and bound their content, interact with and relate to other elements, and react on and transmit application/user events.

Links to articles detailing the basic of a CSS-based design: Box Model, Floated Columns, Sizing Using Ems, Image Replacement, Floated Navigation, Sprites

You write your front end in the Java programming language, and the GWT compiler converts your Java classes to browser-compliant JavaScript and HTML.

A demonstration of what can be accomplished visually through CSS-based design. Select any style sheet from the list to load it into this page.

Good CSS and HTML quick reference.