Archive for the ‘Design’ Category

MooTools smooth gallery

Sunday, March 16th, 2008

This is a mootools photo gallery scrip:

Unlike other systems out there, JonDesign’s SmoothGallery is designed from the ground up to be standard compliant: You can feed it from any document, using custom css selectors.

And even better, this solutions is very lightweight: The javascript file is only 24kb.

http://smoothgallery.jondesign.net/

Sphere: Related Content

See all the fonts on your machine

Saturday, September 15th, 2007

A friend led me to this program that will show you all the fonts on your machine that can be used in a browser. This is a great way to find out what will look good on your website when you are doing your design.

Font List

Sphere: Related Content

Choose a Color Palette

Thursday, July 12th, 2007

From the site:

“To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a “blend”) will be automatically calculated.

Using the radio buttons you may switch to Direct Edit mode to tweak or edit individual colors of your blend.

Blends can be saved for future use, and will be available whenever you return to this site from the same workstation, given that your browser accepts cookies.”

I am terrible at choosing color combinations for design. Sometimes I will know that I want a specific color. This tool makes it very easy to find colors that work well with the color I know that I want.

Color Blend Color Palette Chooser

Sphere: Related Content

Have a Slice

Tuesday, July 10th, 2007

A pie-chart data visualization that is based on a single image and css.  What you do is define the id or class of the chart that you are showing, and just set the background-position of that css identifier to the portion of the graph that you want to show.  This will allow you to show 5% increments of the piechart to your users.  Also, you can show multiple piecharts on your site without alot of extra overhead, because once the image is loaded a single time, the other instances of that image are ‘free’.

Have A Slice

Sphere: Related Content

CSS Box Model Hack

Thursday, July 5th, 2007

The box model is the model of how browsers create layouts by using padding, margin, border, width, and height.  Browsers all treat them differently.  This website shows you how to cleanup typical problems with the box model in Internet Explorer (IE).

The site gives you the css that you need to make IE work as if they followed standards.

Box Model Hack

Sphere: Related Content