brandnewbox.co.uk

Reordering list items

This is a little experiment to create a list of items that can be easily reordered using the DOM.

Yellow Fade Technique

Fade.js is a script that implements the Yellow Fade Technique used by 37signal's Basecamp project management tool to highlight recently changed elements on a page.

When an item is changed on a web page, the page is often forced to reload. So that the user can easily spot the change they have just made, it is highlighted (in this case, with a yellow background) for a number of seconds before fading back to its normal colour.

Click here to demonstrate on the block below:

In this case, the fade is triggered by clicking on the link, but it would generally be triggered by the pages onload event.

Taskspace - a 2 dimensional, draggable to do list

I've refreshed a script thats been on this site for some time to use youngpup's DOM-Drag javascript code.

» Taskspace