The title says it all. GOGOGO!

101 Typography Resources for Web Designers from Vandelay Design

The kind people over at Webstock have posted recordings of the event for people who couldn't attend (e.g. me). For those that have no idea what Webstock is about here's what it says on their "About" page:

Webstock is a range of web-related events with the aim of improving how websites are built through inspiration, education, insightful analysis and practical application. It features industry leaders and kick-ass speakers talking on topics such as accessibility, web standards, usability and other best practices.

Webstock Recordings from Webstock

There are a variety of ways to sharpen files in Photoshop and, depending on the type of sharpening (input, creative, or output sharpening), different times when you might apply it. Output sharpening is designed to compensate for the type of output. That can vary from small images destined for your website or an online gallery, to large, fine art inkjet prints.

Photoshop CS3: Output Sharpening from Layers Magazine

Do not miss this one.

In this session, Luke will outline the way people naturally scan Web pages and explain how you can guide users through key content and actions using visual hierarchy to construct meaningful, prioritized page layouts. You'll be taken through several before and after examples with explanations of how a page's content was prioritized, why, and how that priority is being communicated to users so they don't need to rely on chance to use your Web application.

Video & Audio: Web Page Hierarchy from LukeW

Now in the year 2008, having created websites for over half my life, I look back and see how much websites have changed in the last decade and a half. At the same time, I can see how little they've changed as well, and I've realized that the internet as we know it today is only a teenager, with many years of growth still ahead. So in the vein of change, let's look at ten popular websites and their evolution throughout the last many years.

The Evolution of Websites: How 10 Popular Websites Have (And Have Not) Changed from Wake Up Later

Typography is more than being legible and looking good. Among other things, effective typography manages to achieve two important objectives: a) to create an appropriate atmosphere and enable users to develop trust toward the site and b) to make sure visitors get the main message of the site and (if possible) become interested in the services offered on the site. Since written text is the most efficient instrument to communicate with visitors precisely and directly, the power of typography shouldn’t be underestimated.

60 Brilliant Typefaces for Corporate Design from Smashing Magazine

This is a good article for beginners of CSS; Antonio Lupetti shows us how to apply different CSS styles to message boxes.

CSS Message Box Collection from Woork

User interface isn’t a subject specific to computers. Every object in the real world has an interface and understanding it is crucial for a correct usage. Some objects are well designed and can offer different types of good reactions when we interact with them. Others aren’t that good and the designer might have missed the point.

Ten UI Lessons from the Real Worl and More UI Lessons from the Real World from Component House

This is still a bit controversial so don't get too excited yet, for example, some people are saying inline-block is the way to go since it got implemented in Firefox 3.

With the release of IE8 coming this year, the stage is set for all that to change. IE8 will be the last of the major browsers to add support for CSS tables, which will enable designers to use table-based layout techniques without misusing HTML table markup.

In short, CSS table lets you use div's like table elements using the display property.

Table-Based Layout Is The Next Big Thing from Sitepoint

In Photoshop CS3 you have the ability to use Smart Filters. Your layer turns into a Smart Object first and then when you apply filters to it you can modify them over and over, because they are non-destructive.

Pro Sharpening in Photoshop CS3 Using Smart Filters from Veerle's Blog

This tutorial shows you how to make the content container transparent like this, using an awesome CSS positioning trick.

Cross-Browser Transparent Columns from Bits & Pixels

LukeW has posted points from the "Why Logos are Irrelevant" panel at SxSW 2008.

To set context appropriately, these points primary pertain to early stage Web products and services and tee up some interesting questions to consider when deciding to invest in a complete logo design project or not.

SxSW 2008: Why Logos are Irrelevant from LukeW

Check out the CSS layout that doesn't use div, float, clear or structural hack. Instead it uses li. Very interesting.

No div, no float, no clear, no hack*, no joke! from TJK Design

Since niche galleries have a tighter focus it allows them to be more detailed when adding sites to the gallery, and although they don’t update as often the quality usually makes up for it. Given their focus the same design is a lot less likely to be featured on more than one of the niche galleries.

24 Great Niche Galleries from Most Inspired

This tutorial explains how to design a pagination for search results or more in general to split a long list of records in more pages.

Perfect Pagination Style Using CSS from Woork

Good evening — in this article I will aim to demystify the world of mobile web development, or in other words, developing web sites so that they will provide an acceptable user experience on mobile devices. I’ll run through how “the mobile web” differs from the normal web, the basics of techniques you can employ to make your sites work sucessfully on both mobile and desktop browsers, some general DOs and DON’Ts for mobile web design, and numerous resources where you can go to find out more information.

Coding for the Mobile Web from Vitamin

Creating a horizontal row of objects that are equidistant from each other is another one of those things in web design that is much more difficult than it should be. This can be a very useful thing to do, especially in fluid width layouts when you are trying to make the most of whatever horizontal space you have.

Equidistant Objects with CSS from CSS Tricks

Your portfolio is the showcase of your work, your skills and your potential for your future employers. The more time and effort you dedicate for a usable and nice-looking design, the higher are your chances for getting better account balance in the end of the month. So how can you make sure your portfolio is better than the portfolios of your competitors? How can you point employer’s attention to your works?

Creating A Successful Online Portfolio from Smashing Magazine

You can’t design without type. However, yon can use only type (or mostly only type) to create breath-taking designs. In fact, many graphic designers and artists take exactly this route to communicate their ideas through their works. The results are sometimes crazy, sometimes artsy, sometimes beautiful, but often just different from things we’re used to. Thus designers explore new horizons and we explore new viewing perspectives which is what inspiration is all about.

Breathtaking Typographic Posters from Smashing Magazine

A list of design related websites have been compiled by Jacob Cass of Just Creative Design. Not sure if ALL designers must know about these 99 sites :p but I must say it's a pretty nice list.

99 Sites ALL Designers Must Know About from Just Creative Design