Use the design system you already have Extract design tokens from websites and use them in code and in your design tool.

A folding grid for responsive design.

… adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.

… makes it easy to quickly create high-quality custom controls for your iOS apps, Mac apps and for the web.

Japanese traditional background generator

compile Compass/Sass easily without resorting to command line interface — Compass.app helps designers compile stylesheets easily without resorting to command line interface. It is written in Java and works in Windows/Linux/Mac OS X.

… is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS.

Present & Share your design work for Review

This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc. While not plug and play (you know, you'll have to do some work ;-), it will provide some helpful examples and snippets that will keep your email design rendering as true-to-form as possible.

… a Beautiful Boilerplate for Responsive, Mobile-Friendly Development […] a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

open source CSS builder for shadows, backgrounds, and borders

Typesetter & Font Viewer for iOS - Simple, colorful typesetter and font viewer for iOS. Render beautiful custom text with the built-in system fonts. Upgrade to use your own custom fonts.

White and silver WP Theme

Visit OTK Tech Info for a daily dose of tech-related information. Click the link to stay on top of this industry.

… are hand letter-pressed business cards with a greeting on the front and 3 blank spaces on the back ready for your personal details.

a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages. 2.0’s killer feature is instant drag-and-drop font previewing right in the browser (Firefox 3.6+ only), in any document you’re currently viewing.

… wireframing, mockups and prototyping for websites and applications

Wireframes on the fly … an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

Easy add icons to sidebar of categories and pages. All features are flexible and ajax based.

is a set of 434 (and growing) web and application icons inspired by advertising clip art of the 1920′s and 1930′s. The set is available in vector format and also includes a CSS/PNG sprite version. → GPL Licensed Version (download) : http://iconify.it/?file_id=9