Web Style Guide

The Web Style Guide site houses an unabridged, online version of the third edition of Web Style Guide: Basic Design Principles for Creating Web Sites, by Patrick J. Lynch and Sarah Horton. You’ll find the complete text and illustrations from the printed book here under Web Style Guide Online.


Code Beautifier

CSS Formatter and Optimiser based on csstidy 1.3. This is a great online tool for quickly compressing or formatting CSS code.


The New W3C Site for Handheld Media

When the new W3C site design launched, I was glad to find that the redesign was able to set the bar a little higher for HTML and CSS development. I noticed that the site would switch stylesheets when resizing the browser window to a narrow width. I assumed that this was being accomplished with JavaScript. Not so.


Don't Use @import

Steve Souders, on his High Performance Web Sites blog, advocates the use of the link element over the @import directive for including CSS stylesheets.


jQuery Tools

The missing UI library for the web

jQuery Tools is a collection of the most important user-interface components for the web. These are tabs and accordions, tooltips, overlays, exposing effects and scrollables. This single JavaScript file weighs only 5.72 Kb.


JQuery Tools Theme

This single page theme is powered by the lightweight and powerful jQuery Tools and should be a breeze to customize with your own content. The CSS is also minimalist and well organized in case you want to change the structure of your pages.


960 Grid System

Nathan Smith introduced his 960 Grid System:

As you might have heard, I recently launched a site for the templates that I created to use in my personal and professional projects. For lack of a better name, and because the numerals made for a nice logo, I’ve decided to simply refer to it as the 960 Grid System.


Windows Internet Explorer 7

Windows Internet Explorer 7 was released by Microsoft on October 18, 2006. This announcement is good step forward for standards compliant web design as many, though not all, of the issues that have plagued the aging web browser have been resolved.



Textile: A Humane Web Text Generator.

Textile has been one of the many benefits of working with Textpattern as a content management system. It is a way of formatting text in HTML without knowing anything about HTML.



Textpattern is a free, flexible, elegant, easy-to-use content management system for all kinds of websites, even weblogs. Many of the sites that I have developed were built with Textpattern, and it has served me and my clients very well. However, now that I have discovered Symphony, I am finding the flexibility of Symphony to be far superior.

Textpattern 4.04 has just been released, so it may be worth revisiting. One of the main improvements would include the release of Textile 2.0 as part of the core Textpattern code.


Logo Lounge

LogoLounge allows designers to share their ideas and concepts with peers and clients. As a member of LogoLounge ($100.00 annual fee), you can search through thousands of logos created by designers and firms known and unknown, as well as upload your own logos.



The leading free stock photo site. Share your photos with fellow designers. SXC is a friendly community of photography addicts who generously offer their works to the public free of charge. The gallery contains over 200,000 stock photos by more than 15,000 photographers.



A collection of digital revivals and original typeface designs, featuring primarily scripts of various origins.

Studios and Agencies

Design Agency International

If you are looking for someone to hire for your next design project, there is a directory of selected design companies and professionals available here. It would be interesting to know what their criteria are for making their selections.



Search. Command. Act without Doing.

Quicksilver’s greatest strength, however, is not search. Any item you are able to find, drag, or otherwise pull into its universe is endowed with many potential uses. Hitting tab takes you to the action field, where you can use the same adaptive search to select what you would like to do. Among other things, files can be emailed, copied, compressed. Text can be modified, transmitted between programs, or searched for on the web. Some actions even support an indirect object, so you can send an item to a person, move files to another folder, or open files with a specific application.



iBiz is an easy to use time-billing and invoicing application. It integrates with iCal and Address Book, offers tax support, easily generates custom invoices and does all data saving behind the scenes for you.



Cha-Ching is a fun and easy to use money manager, done Mac OS X style. A tag based database lets you organize and search for your incoming and outgoing transactions your way. With Cha-Ching, you can also organize pending transactions, so you can keep track of the the cash you owe the electric company as well as the cash others might owe you – and with iCal integration, you’ll never forget a payment. Cha-Ching also offers fun little doodads you may have not expected – you can keep a photo inventory of your purchased items for insurance and tax purposes, or just for fun.



Ratchet is a new Tiger-only Invoicing and Billing application written in Objective-C/Cocoa. iRatchet provides the features and functionality common to billing and invoicing apps, (tracking hourly and fixed entries, multiple clients/projects, timers, pdf output, emailing of invoices, etc.), it excells in workflow, mileage tracking, web integration and ease-of-use.


On The Job

On The Job is an unobtrusive, easy to use time tracker. It’s not bloated with features you’ll never use, yet it’s powerful enough to handle all of your time tracking needs. On The Job is perfect for anyone billing by the hour.

Via Glenn Wolsey: On The Job - Time Tracking Made Easy



Cyberduck is an open source FTP and SFTP (SSH Secure File Transfer) browser licenced under the GPL with an easy to use interface, integration with external editors and support for many Mac OS X system technologies such as Spotlight, Bonjour, the Keychain and AppleScript.



skEdit is a text editor for Mac OS X (10.3 or later), with a focus on web design and development.



The abbreviation MAMP stands for: Macintosh, Apache, Mysql and PHP. With just a few mouse-clicks, you can install Apache, PHP and MySQL for Mac OS X! MAMP installs a local server enviroment in a matter of seconds on your Mac OS X computer, be it PowerBook or iMac.


Joyent Connector

Joyent offers simple, powerful, web-based software that provides small teams with email, calendars, contacts, and shared applications.

Joyent is also responsible for TextDrive (started by Textpattern’s very own Dean Allen), Strongspace and their newest offering Bingo!



Marc Liyanage’s free Mac OS X application for testing XSLT.

TestXSLT is a small, AppleScript-able Cocoa application for experimenting with the XSLT and XSL-FO languages on Mac OS X.

It uses the Sablotron, Gnome Libxslt, Saxon and Xalan-J XSLT processors, the FOP XSL-FO rendering engine, has lots of new features and a friendly user interface that makes playing around and learning XSLT fun.



A Mac OS X instant search plugin for Safari from David Watanabe.



According to Wikipedia,

BitTorrent is the name of a peer-to-peer (P2P) file distribution protocol, and is the name of a free software implementation of that protocol. The protocol was originally designed and created by programmer Bram Cohen, and is now maintained by BitTorrent Inc. BitTorrent is designed to distribute large amounts of data widely without incurring the corresponding consumption in costly server and bandwidth resources.

BitRocket is a Mac OS X client using the BitTorrent protocol.



FTP, or File Transfer Protocol, is the universal way to send, receive, and manage your files and folders using the internet. If you manage a web site, need to send a file to a friend running an FTP server, need to post eBay images to a image host, or download a lot of software updates, then Transmit is the perfect program for you: it makes FTP easy and fun!



Yojimbo-Your effortless, reliable information organizer for Mac OS X. Yojimbo makes keeping all the small (or even large) bits of information that pour in every day organized and accessible. It is so simple, there is no learning curve. Yojimbo’s mechanism for collecting, storing and finding information is so natural and effortless, it will change your life – without changing the way you work.



TextMate brings Apple’s approach to operating systems into the world of text editors. By bridging UNIX underpinnings and GUI, TextMate cherry-picks the best of both worlds to the benefit of expert scripters and novice users alike.



Marketcircle Inc. develops award-winning business applications for Mac OS X, including Daylite business productivity management software, and Billings, a practical time-billing and invoicing application. Incorporated in 1999, Marketcircle Inc. is located in Toronto, Canada, with offices in London, United Kingdom, and partners worldwide.


Edward Eliot

Web Standards, PHP, HTML, CSS, JavaScript and other related technologies. Ed Eliot is a web development manager for Yahoo! based in London. He is particularly interested in developing sites which adhere to modern web standards. Since working at Yahoo! He has also discovered a whole new meaning to cross browser testing. Note the recently published Yahoo! Graded Browser Support document.


Symphony Showcase

Symphony is a web publishing application built in PHP and MySQL for building sites using web standards: CSS, XHTML, XML and XSLT. Symphony has been developed by Twentyone Degree in Brisbane, Australia. It fills a niche between open source blogging applications and enterprise content management systems and frameworks.


Symphony Forum

The online forum for Symphony users. Learn how to use Symphony and get involved with a growing community of developers who are using web standards to build their sites.


A List Apart

Jefferey Zeldman’s online publication “For people who make websites”: A List Apart Magazine explores the design, development, and meaning of web content, with a special focus on web standards and best practices.


Cody Lindley

Cody Lindley reflects on Web development, Web standards, CSS, XHTML, CMS, site optimization, PHP, MySQL, Macromedia Flash, accessibility, information architecture, visual design, interaction design, and information design. This core content is augmented with insights from his personal life, miscellaneous topics and professional work.



ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.



Work with files on your web server as you would on your desktop. Relay allows you to:

  • drag-n-drop files and folders
  • dynamic loading file structure
  • upload progress bar
  • thumbnail view, including pdf
  • multiple users & accounts


Web 2.0 Logos

Jonas Therkildsen has collected a full page of Web 2.0 logos, and assembled them into a collage representing the latest trend in web design and application development.



The e-commerce side of the web 2.0 experience has been severely lacking, so a team has been put together to address this problem. What is freeCSScart?



Visual Elements for Creatives. A website dedicated to the needs of designers, and they are many and expensive. Veer makes them look beautiful, affordable and desirable: photography, illustration, type, motion graphics and clips, and other merchandise and ideas for creative types.



Mark Boulton has been writing about managing work flow, and thinking about cash flow, and a new application that he has been working on.



Khoi Vinh has been working on a project called Shorty that takes ridiculously long URLs and creates short aliases.


CSS Zen Garden

The site that started it all for me: XHTML, CSS, Web Standards and the beauty of the separation of structure and presentation. The site was created by a good Canadian kid, Dave Shea of mezzoblue. The site has been such a phenomenon that it also has a companion book: The Zen of CSS Design.


Mark Boulton

This is primarily designed to be a portfolio presence for Mark Boulton, who lives near and works in the capital of Wales, Cardiff. He publishes articles related to typography, design, and information architecture.


Getting Real with Jason Fried

Khoi Vinh, Design Director for, and author of Subtraction, his personal weblog, has contributed to the Adobe Designer Center Think Tank, writing about the approach of Jason Fried, president of 37 signals. 37 signals has carved out a place on the web as a creator of paradigm shifting applications developed in Ruby on Rails including Basecamp, Backpack, and Campfire.


Crazy Egg

Visualize your visitors. Track, Evaluate and Improve your site: Get a clear picture of where your visitors are clicking and enhance your site’s results. This tool offers a few ways to see what people are interested in:

  • Overlay: Get the details on each individual element - how many times a link is clicked.
  • List: View a full summary of raw click data
  • Heat Map: See what’s hot and what’s not on your site

Studios and Agencies


Domain7 provides a complete range of web solutions & services, from site design to site hosting, large online system development to pre-built web management tools.

RouteOne is a technology infrastructure built to help companies and organizations with their web initiatives. RouteOne tools provide a broad array of “snap together” modules for managing just about any web need - from web store-fronts to large corporate Intranets and everything in between. Based on this design, you can enjoy rapid deployments of custom web solutions.


Globe Printers

With a total of 12 printing machines at their disposal, they are capable of handling almost any project, small or large. Their pressroom is made up of 95% quality Heidelberg printing machines. If they cannot accommodate a project in-house, they will outsource the project for you, take care of all the details and deliver on time quality printed project. I trust Globe Printers with all my printing.



For inexpensive stock photography and illustration, there is no better source on the web. Getty Images now owns them, but things appear to be the same as before, and all is still well. For highly specific subject matter, iStockphoto may not be the best source, but for sheer affordability, it’s hard to beat.


Release Core Fonts

On Khoi Vinh’s site, Subtraction, one post ranked high on his list of things Elsewhere: an open letter to John Warnock written by Andrei Michael Herasimchuk at Design by Fire.


Getty Images

First there was PhotoDisc, then there was Getty Images. The two became one and bought up as much as they could. They are still considered the premier resource for stock photography, both royalty-free and rights-managed. Expect to pay a premium for these images, especially if you choose rights-managed imagery.



Subtraction is the personal website of Khoi Vinh, a co-founder and, as of 31 Dec 2005, a former employee of “Behavior”:, a leading interaction design studio in New York City. He now works as the Design Director of “”: He has also been working on a project called “Shorty”: that takes ridiculously long URLs and creates short aliases.


Symphony CMS

Open source XSLT content management system