Lindsay Donaghe's Library tagged design →  View Popular

A sandbox for building and styling HTML. Good for prototyping or playing with a technique.

htmlplayground.com - Preview

html css sandbox tools web design development

One of my old friend/coworker's online resume/portfolio for her consulting company. Nice clean, pretty design.

www.krishoyt.com/technology.aspx - Preview

friends web design development inspiration

"Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. This is a work in progress, but functional enough at least to render the the graphic text on this site."

typeface.neocracy.org - Preview

javascript libraries downloads free development web design fonts typography

A tool that will generate browser specific CSS for you and package it all up in a C# HttpHandler (ASHX) so that it will deliver only the CSS for the browser that makes the request. Interesting idea to get around having to use browser hacks and still have all your code in one file for easy maintenance.

www.conditional-css.com - Preview

css tools generator C# php web development design crossbrowser optimization opensource

A few of these are obvious (in the sense of "why didn't I see that before"), and a few are counter-intuitive (don't overdo accessibility features). Good stuff to keep in mind for user experience design.

nettuts.com/...-of-the-user-interface-masters - Preview

development ui ux tips design tutorials guidelines usability

Great list of CSS tools, tutorials and generators. Good resources for web design.

www.smashingmagazine.com/...50-really-useful-css-tools - Preview

web development tools css design linklist

Tutorial demo on how to make containers on web pages that are shaped like triangles and other polygons with regular and irregular straight edges using no graphics. This is an exploit of how browsers render borders to produce straight angles. Cool technique.

infimum.dk/slantinfo.html - Preview

css tutorials web design development codesnippets

Tutorial demo on how to make containers with irregular straight edges (angles) using only CSS/HTML (no graphics).

meyerweb.com/...demo.html - Preview

css codensippets web design development tutorials

"LightCMS is a content management system for web designers. Design sites, upload them to our content management system,and deploy world-class websites your clients can manage themselves."

www.speaklight.com - Preview

cms editor web development design tools service hosting

A service that will shrink/optimize the size of your graphics for use on websites to give you faster loading times. Supposedly less painful than doing it yourself. Also includes a FireFox plugin so you can do it to images on random web pages and see how much they are bloated, if you are that curious!

smushit.com - Preview

graphics web design tools images optimization size firefox plugins

Nice tutorial on how to use the animation features in Photoshop CS3 to create animated gifs.

www.creativetechs.com/...nimated_gifs_in_photoshop.html - Preview

photoshop tutorials animation graphic design

jQuery plugin for masking regular check boxes and radio buttons with nice graphic versions that will appear the same across browsers/OSes.

www.no-margin-for-errors.com/...prettyCheckboxes - Preview

jquery javascript ui design web development codesnippets crossbrowser

GIMPshop is a modification of the free/open source GNU Image Manipulation Program (GIMP), intended to replicate the feel of Adobe Photoshop. Its primary purpose is to make users of Photoshop feel comfortable using GIMP.

www.gimpshop.com - Preview

photoshop downloads free opensource software images editing graphic design tools gimp

A growing collection of interesting brushes for Photoshop and Illustrator here. A lot of retro designs. Some tutorials and apparently he likes mandala like stuff almost as much as I do.

colorburned.com/freebies - Preview

photoshop illustrator downloads free brushes graphic design resources

A site that has cataloged advertisements and other iconic illustrations from the 1950s. A great resource for inspiration but they retain all rights to the images so you can't use them in your own work without permission.

www.plan59.com/main.htm - Preview

inspiration 50s graphic design images retro

Paint on steroids - an online drawing/painting tool. It has layers which is a lot better than paint! Great to have handy when you're on a machine that doesn't have Photoshop and need to whip up something.

www.sumopaint.com/beta - Preview

graphic design tools online beta free web service paint

Nice list of Photoshop tutorials specific to poster design. Many of them are how to replicate the effects you see on movie posters.

vandelaydesign.com/...toshop-tutorials-poster-design - Preview

linklist photoshop tutorials design graphic

A tool that will convert an image/site to a version that might be experienced by a color-blind person. Has several different types of color blindness filters. Something good to have on hand for website design that is heavy on color.

colorfilter.wickline.org - Preview

color usablity web design tools accessibility

Great list of rules on making a User Interface usable. Reminds me of a more specific and summarized version of the concepts in "Don't Make Me Think".

www.84bytes.com/...lden-rules-of-interface-design - Preview

web design development guidelines bestpractices

Handy tool by the YUI guys that will generate the HTML/CSS for you for page layouts with parts you specify (columns, text wrapping, headers, footers, etc.). Also optimizes for SEO by letting you put the most important containers first in document order even if they're not arranged that way on the displayed page. Nice tool.

developer.yahoo.com/grids - Preview

css generator yahoo web development design javascript yui tools