A CSS/JS solution for tables that allows them to shrink on small devices without sacrificing the value of tables, comparison of columns.

iPhone and iPad prototyping tool.

Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.

Now, 16 columns sounds a bit much for anything other than huge widescreen monitors. This is where the folding, inspired by the DIN paper system and Unigrid, comes in. The 16 columns can be combined, or folded, into 8 columns for tablet-sized screens, and into 4 columns for mobile-sized ones. This way GGS can easily cover any screen sizes from 240 up to 2560 pixels.

A responsive CSS grid system helping desktop and mobile browsers play nicely together.

A nice listing/overview of the web font services.

Looks like a powerful CSS formatter that lets you determine the way you want your CSS to look. Looks worthwhile for a production or debugging scenario.

Noise, Textures, Gradients and Rounded Rectangles. Good tips in here.

Brilliant site design. Love the scrolling.

Great writeup on why you should optimize your HTML.

word.

SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.

The YUI JavaScript Library is going to version 3 (beta) hopefully this week. In an effort to make the library as flexible as possible, YUI 3 introduces an all new plugin architecture that allows you to add your own functionality to nodes and widgets.

A large collection of small icons that should fit most of your design needs.

Wow. I had no idea. Steve (who knows what he is talking about) talks about how using @import is actually slower and worse for the browsers than link elements.

Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon. It's quite fun.

I was being lazy this morning, and needed a quick way to convert some points into the appropriate EM size. Viola'. This chart helps out immensely.

Tiffani Jones comes up with some very good guidelines on what makes copy good. (Making if 'funner' is item one). A good list, well thought out.

This is great, easily find out your mono, complement, triad, tetrad, analogic and accented analogic color schemes.

A good demo page showing a fluid 16 column grid, in conjuction with mooTools.

Lists are a beautiful way to display content and information in a very easy to scan, easy to read method. Lists are found on most blogs to list posts, comments, tags, or links. In this post we will be exploring the modern practices of lists as an element of web design and they will be showing you how to design better lists to add to the overall design of your site.

A Javascript bookmarklet called Visual Event which visually shows the elements on a page that have events subscribed to them, what those events are and the function that the event would run when triggered. This is primarily intended to assist debugging, but it can also be very interesting and informative to see the subscribed events on other pages.

I don't use YUI, I'm more of a jQuery type of guy. But this is very nice. Very very nice indeed.

Vandelay Website Design has a good collection of inspirational menu ideas. A pretty standard list as far as these lists go, but still worthwhile to have for possible inspiration.

A very nice list of tips. I particularly endorse both the charging for IE 6 support, and the learning of a JavaScript API (jQuery, mootools, etc)

A nice collection of base rules Web Developers follow, or at least should follow. The only one I might disagree with is the one about IE 6. Determine your own baseline from your logs, you can see what the overwhelming browser is. Sometimes it might be IE6, other times not.

A well done, text-based design. I like the multiple columns and the denseness of the entire layout without it being overly much.

A nicely done site. I like the navigation and scrolling. The large serif text tickles me right proper.

Nice image gallery script, fast.

Stu Nichols provides an easy CSS example of creating fluid solid drop-shadows.

An extremely basic, yet extremely powerful, technique for adding dropdown menus using jQuery and CSS.

What do colors mean? Incredibly useful.

Some researchers have tested how college students respond to fake dialog boxes in browser popup windows and found that the students are so anxious to get the dialog out of the way, they click right through obvious warning signs.

Parallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.

Nice collection of tips and how to optimize and use shorthand.

When creating a web form, one of the many choices you must make is how you are going to align your labels with your inputs. This is not a trivial decision, as this placement affects the readability/usability of your form, completion rates, speed of completion, and ultimately the satisfaction level of the users trying to get through your form.

Whole Studios is a very nice looking site. I dig the openess and the grid. The broken lines appeal to me.

Equal Height Columns using CSS - Edward Eliot

Em Calculator

Nice JS effect for popup images without the popups.