noisylime

CSS buttons with icons

PDL — Thu, 12 Jun 2008 20:33:31 +0000

Download the code from my friends at woork.

A new spin on the datepicker control

PDL — Thu, 22 May 2008 18:02:07 +0000

Just when you thought that datepickers had been played out, along comes Filament Group and puts a whole new spin on it. Working from Mark Grabanski’s jQuery UI DatePicker control, the team substantially enhanced the UI with a host of new features including:

* shortcut links to preset date ranges, for example, “Past 30 days” or “Current YTD,”
* links to “All dates before…” and “All dates after…” to simplify selecting a range of values where the data set is very large or the high or low end value is an unknown, and
* only showing the number of calendars needed for choosing a particular range (i.e., you only need one calendar to choose “All dates before…”, but you’ll need two to select a custom range).
* Use of progressive enhancement for graceful degradation

from Ajaxian

Design Only Search Engine

PDL — Fri, 09 May 2008 15:11:34 +0000

This Custom Search Engine searches various websites, such as:

* Deviantart
* Bittbox
* Vecteezey
* …see the complete list

to bring you the best design resources on the web.

LINK

WD Partners International

PDL — Fri, 18 Apr 2008 19:07:06 +0000

Web Design Rap!

PDL — Tue, 01 Apr 2008 14:59:26 +0000

Starbox: Rating stars for prototype

PDL — Wed, 20 Feb 2008 13:22:50 +0000

Looking for a nice rating script? Check out Starbox.

Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on how to customize your own Starboxes.

LINK

really cool photo/illustration group

PDL — Fri, 15 Feb 2008 20:15:21 +0000

Check’em out
Flickr Group

TextboxList meets Autocompletion

PDL — Fri, 15 Feb 2008 19:41:53 +0000

Guillermo Rauch created a very nice implementation of an autocompletion input field. Check out the demo at the link below. I can see a ton of applications using this nice tool.

Good Job G!

LINK

Image Transition Manager

PDL — Tue, 12 Feb 2008 15:33:09 +0000

Ajaxorized proudly presents… the Image Transition Manager. The Image Transition Manager is a javascript library based on scriptaculous and prototype. It supports several image transitions, such as fading, appearing, sliding, growing and shrinking and more to come.

While working on a project for a customer, I needed to create a kind of slideshow-like effect for presenting several photos of products. When I started out making this ‘effect’, I found out that I could use this for much more other projects than just this single one. That is what triggered me to create a nice class out of it, so I could easily implement it into my other projects. After showing my first version to Willem, he did some of his magic and extended my class with some other nifty image transitions and functionalities. That is how our Image Transition Manager was born.

The advantage of our library is the way in which you can implement it in your own projects.

[from ajaxorized]

Sub pixel fun with browsers

PDL — Wed, 30 Jan 2008 21:38:39 +0000

John Resig has been tinkering with the sub pixel problems in CSS and how browsers deal with bit of pixels:

Something that jumped at me, recently, was a rendering dilemma that browsers have to encounter, and gracefully handle, on a day-by-day basis with little, to no, standardization.

Take the following page for example. You have 4 floated divs, each with a width of 25%, contained within a parent div of width 50px. Here’s the question: How wide are each of the divs?

The problem lies in the fact that each div should be, approximately, 12.5px wide and since technology isn’t at a level where we can start rendering at the sub-pixel level we tend to have to round off the number. The problem then becomes: Which way do you round the number? Up, down, or a mixture of the two? I think the results will surprise you, as they did me.

When I went to the example in FF3b2 on Mac, it actually looked more like IE.

[via Ajaxian]