I'm totally loving this at the moment; not thinking about usability :p.

Such typographic faux pas are not as potentially dangerous as grammatical fuckups – there's little chance that using a period instead of an interpunct will obscure or confuse your meaning – but they are nevertheless wrong, at least for the time being. The large-type heading for each section contains an example of a typographic mistake; if you can see what's wrong in each one before reading the explanation below, give yourself a pat on the back. Then examine your life priorities.

Ten Typographic Mistakes Everyone Makes by Christopher Phin

What the title says~

33 Most Beautiful Javascript and Flash Galleries from Viva Logo Design

Some of the best publications I've read have answered the question: "Why?" Why should I use advanced CSS techniques when I can accomplish the same effect by adding in an extra class, ID, span, or div, or by using JavaScript?

The answer is very simple: you can do more with less code. With browsers evolving very rapidly in recent years, CSS support is improving. By having to use a minimal amount of markup, you can safeguard your site against browser updates and changes, and vastly increase accessibility with very little effort.

Tomorrow's CSS Today: 8 Techniques They Don't Want You to Know from Sitepoint

In case you haven't noticed, I've written a guide to the Firefox Web Developer Add-on.

Web Developer is a Firefox Add-on that helps you fix any webpage related problems, and test to see if the webpage is accessible; it's a must have for any web designers/developers. In this guide I've listed what Web Developer can do and how it can make you more powerful. By the end of this guide you will acquire x-ray vision like Superman, but in a very geeky way.

Don't forget Firebug, which is missing from that list.

5 Firefox Extensions Any Web Developer Must Have from Dev 102

A workaround has been posted by Paul OB regarding absolute positioning in IE. Props to Paul OB!

CSS - An Absolute Mess from Search This

There are numerous steps in the web site design and development process. From gathering initial information, to the creation of your web site, and finally to maintenance to keep your web site up to date and current. The exact process will vary slightly from designer to designer, but the basics are generally the same.

6 Phases of the Web Design / Development Process from iDesign Studios

This is very cool; using CSS to create clickable graphs/charts from HTML :)

But what if we want to include data visualization as an integral part of the site, not just an isolated figure or an interactive chart? When we’re designing interfaces for browsing data-driven sites, it’s valuable to be able to create navigation elements that are also visualization tools. We can keep the user informed as they explore, so they can make better decisions about what they’re looking at and what they’re clicking on.

Accessible Data Visualization with Web Standards from A List Apart

Can't get enough of grids? :p

Grid-based design is obviously a popular approach in modern web design. Ford designers that use grids, this post includes links to useful tools that can improve your efficiency and effectiveness, as well as some articles for advanced techniques. For those of you who are not as familiar with the details of grid-based design, there are plenty of articles and learning resources here.

65 Resources for Grid-Based Design from Vandelay Design

In case you're interested, because you just can't avoid IE these days.

With each new release of Windows Internet Explorer, support for the Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS Level 1-compliant version of Internet Explorer. Windows Internet Explorer 8 is planned to be a fully CSS Level 2.1-compliant browser, and will support some features of CSS 3.

CSS Compatibility and Internet Explorer from MSDN

A CSS framework is a library that is meant to allow for easier, more standards-compliant styling of a webpage using the Cascading Style Sheets language. Just like programming and scripting language libraries, CSS frameworks package a number of ready-made options for designing and outlaying a webpage.

I highly recommend 960 Grid System which is missing from the list :)

Top 12 CSS Frameworks and How to Understand Them from Specky Boy

CSS image replacement is a technique of replacing a text page element with an image. An example of this would be including a logo on a page. You may want to use a <h1> tag and text for this for the accessibility and SEO benefits, but ideally you’d like to show your logo, not text.

I use the 3rd technique in case you were wondering.

Nine Techniques for CSS Image Replacement from CSS Tricks

Check out the comments for other great form examples as well.

10 CSS Form Examples from Design Shack

When I get passionate about a topic, I tend to search for the best material I can find on it in order to expand my knowledge further. Web design is no exception and this list represents the books I have found to be very useful.

25 Must Buy, Borrow, or Steal Books for Web Designers from Blog Design Blog

Collect these Grunge fonts in case they become trendy again :p.

63 Must Have Grunge Fonts from Outlaw Design Blog

Whyyyyyyyyy!?

Some web designers swear that table-based layouts are better than CSS-based layouts, while others believe that table-based layouts are ancient history and XHTML combined with CSS is the only real solution to coding a web site’s visual layout. Since we’re one of those CSS die-hards, we’ve compiled a list of 13 reasons why CSS-based layouts are superior to table-based layouts.

13 Reasons Why CSS Is Superior to Tables in Website Design from Chromatic Sites

Numerals (or figures) can take various forms. The figure style you choose ought to be appropriate to the project you are working on. Readability is key. But which style is best for which purpose? There are two main forms, oldstyle figures (OSF) and lining figures (LF).

Figuring It Out: OSF, LF, and TF Explained from The FontFeed

Use these to shorten developement time or for faster prototyping. :)

These CSS Layout offers full Grade-A browser support. That means that these CSS Layout will look and behave the same in internet browsers like Internet Explores 6 (IE6), Internet Explorer 7 (IE7), Firefox, Opera, Safari and so on. Since Search Engine Optimization (SEO) is very important to websites, these CSS layout has been optimized to give you the best possible search engine results. Use these CSS Layout anywhere you wish. It is perfect for Website templates, Blog themes, Content Management Systems (CMS) or as a starting point for your Web projects. Use these CSS Layout to optimize your Web Development workflow. These CSS Layout is done in Pure CSS, not tables.

CSS Layouts from Iron Myers

This one is for the more technical designers.

Does your website load as quickly as you — and your users — would like? If not, here’s a detailed set of proven guidelines aimed at improving the speed of your site.

How-to: Optimize your site for speed from Jonathan Hedley