Writing form validation and re-writing them according to different requirements is very energy consuming. So i made this prototype to handle different types of form validations. It has a config object for the non-programmer to fill in their messages and the methods they want to use to validate certain elements.
dHTML - ajax tab module with mouseover event
I made this prototype for a module used in 2007 homepage revamp. This carousel prototype does not use ajax/lazy loading for secondary contents. It needs total item counts to caculate page numberss and item width according to the parameters set in the JS.
In this module the user can customize 'my faborites' items through the fly-in panel and see the updates on the page right away. The change will be updated onto server and when the user comes in next time the values will be updated.
hover over the text and enable the edit function. Edit the content and update immediately just like what you do in flickr. It also does a max text-length validataion before submitting form content.
This is a solution to fit more content in a limited space on page. The marquee runs on a frenquency and when user hovers it, it will expand and pause for the user to seee the whole content.
This is a different application of traditional sliding-doors technique. I prefer to make one complete background image for the buttons therefore I came up with this idea.
Image replacement is more easy with block elements. When you need to use IR on a inline element, you need to make use of inline-block element
Here are several different ways to achieve round corner designs, depending on the background.
This is a elaborated version of round corner + pointer style search tab.
this is a star rating layout using 100% css.
dHTML - generate barchart from a table
dHTML - tab module with auto rotation function
CSS - three columns for all
This is a toggle widget based on YUI, under the namesapce of YAHOO.TW.f2e.widget