Categories
Design

Cloudwash by Berg

Cloudwash is a new web connected washing machine by Berg. It is a very elegant solution which, like all good design, makes me wonder why no one thought of this before.

Categories
Web Design

New Default Web Colors

If you have ever gazed dazed at the default web colors wishing they were not a garish mess, perhaps you might appreciate Colors. An more elegant open source replacement of the defaults.

Categories
Design

PlaceIt by Breezi

PlaceIt by Breezi allows you to put anything into an iPhone window super-convincingly. SWANK!

Categories
Design Web Design

The Great Discontent

The Great Discontent may be one of the best designed magazine websites ever.

Categories
Web Design

iCheck

iCheck is a jQuery and Zepto plugin, that makes pretty customized checkboxes for your swanky websites. Very nice.

Categories
Web Design

Unheap jQuery Library

unheap

Unheap is a wonderfully curated collection of jQuery plugins with charming explanatory illustrations.

Categories
Everyday Web Design

Form Follows Function

Form Follows Function

Form Follows Function is a site full of mind boggling examples of what can be done with HTML instead of flash.

Categories
Photographs Photography Wordpress

Pressgram

Pressgram

Pressgram is an Instagram like image sharing app built for WordPress. Best of all, you retain full ownership of your images. Support it on Kickstarter!

Categories
Web Design

ImageOptim

ImageOptim

I guarantee my jpgs, gifs and pngs are smaller than yours. That’s because of ImageOptim. This utility is a mandatory step when I create websites. It runs, at the time of this writing, 9 separate image optimization tools on your images to reduce their sizes. Best of all it is totally lossless, only removes pieces of information you don’t use, and is Free!

Categories
Web Design

CSS Hat

When I design, the annoying part of getting my designs in Adobe Illustrator or Photoshop on the web, is the export process. It can take a long time to get all the elements in my design exported out as web usable images. Today I ran across 2 useful utilities that can greatly speed the process.

CSS Hat

CSS Hat takes Photoshop layer effects and translates them into valid CSS3 markup. As long as you are styling with layer styles, you can get the applicable code in CSS.

Slicy

Slicy, likewise, takes Photoshop layers and exports each one as a transparent PNG, JPG, or GIF based on your layers export settings. Especially useful if you are layering image elements.

While you can achieve both effects by spending a little time, these utilities can speed up your workflow if you are doing this kind of work a lot.