Pick Any Color With Pixie

Designers, who wonder the RGB of any color that is around their mouse can get the results instantly.

Small utility named Pixie, runs on your system tray, you can call it with a click and it will show you HEX, RGB, CMYK & HSV values of any pixel you’re pointing.

Color Picker RGB HEX CMYK

Many designers take a screen capture, run their favorite image editing software like Photoshop, Fireworks and paste the capture to the image editing software to get the image color values. With Pixie, no need for these steps.

An extra feature of Pixie is, it shows the x y position of the mouse pointer.

Design With Grids: 960 Grid System

Designing with grids is very common as it helps creating identical, measured layouts.

960 Grid System is an effort to streamline web development (for rapid prototyping and for production environments) workflow by providing commonly used dimensions , based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

Grid Design

Why 960 pixels?

All modern monitors support at least 1024 × 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.

What is in the package?

In the download package, you can find PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML .

Pick Any Color With Pixie

Designers, who wonder the RGB of any color that is around their mouse can get the results instantly.

Small utility named Pixie, runs on your system tray, you can call it with a click and it will show you HEX, RGB, CMYK & HSV values of any pixel you’re pointing.

Color Picker RGB HEX CMYK

Many designers take a screen capture, run their favorite image editing software like Photoshop, Fireworks and paste the capture to the image editing software to get the image color values. With Pixie, no need for these steps.

An extra feature of Pixie is, it shows the x y position of the mouse pointer.

Design With Grids: 960 Grid System

Designing with grids is very common as it helps creating identical, measured layouts.

960 Grid System is an effort to streamline web development (for rapid prototyping and for production environments) workflow by providing commonly used dimensions , based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

Grid Design

Why 960 pixels?

All modern monitors support at least 1024 × 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.

What is in the package?

In the download package, you can find PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML .

Sketching And Prototyping Tool: Pencil Project

Pencil Project is a free sketching & GUI prototyping tool which can be installed as a Firefox add-on or a standalone application.

You can paste a screenshot of a webpage and play with it’s built-in stencils like form elements & objects to sketch a design idea.

Free Sketching Tool

Pencil Project is very functional when you want to see how designs would look like with small updates like a putting a search-box and deciding where it will fit.

You can also install your stencils to this free sketching tool and improve it.

A killer feature would be importing webpages into this application directly. Hope it is the next step.