CSS buttons with icons

CSS No Comments »

buttonnice.gif

Download the code from my friends at woork.

link

A new spin on the datepicker control

Ajax No Comments »

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

Design No Comments »

search_engine.gif


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

Design No Comments »

Web Design Rap!

Web Design 1 Comment »

Starbox: Rating stars for prototype

Javascript, Ajax No Comments »

starbox_logo1.gifLooking 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

Design No Comments »

flickr_find1.jpg

Check’em out
Flickr Group

TextboxList meets Autocompletion

Javascript No Comments »

auto1.png
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

Javascript, images, Ajax No Comments »

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

Web Design No Comments »

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.

Subpixel

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

[via Ajaxian]

Entries RSS Comments RSS Login