At my current client we had the first user acceptance test of a new Oracle ADF application. We have a lot of data entry pages in our application, where database records are presented in editable tables. Each table has a tool bar, with a “Create new record” button on it. One of the things the users noticed during the test, is that when they created a new record, the new record showed up in the table and was selected, but the first input field in the record didn’t have the input focus. I looked for a setting in ADF to set the input focus after creating a new record, but didn’t find anything. So I created my own solution…

I’ve written a simple single sign-on solution (400 lines of code) in PHP, which works by linking sessions. This solutions works for normal websites as well as AJAX sites.

How to edit in place using AJAX? If you are not familiar with how flickr handles editing data, here’s a short summary. * Show user the data field normally (for instance: the title of a picture) * When mouse rolls over that title, make the background of the word yellow * If the user clicks on the word, change that word to a input box with the word in it. Also show a “save” and “cancel” button * A user can rename the picture and then push “save.”

Progressively enhance your forms by turning boring old checkboxes into stylish iPhone-style toggle switches. Turn your checkboxes into iPhone-style binary switches

Last week I got to analyze a web page that spent 4.8 seconds in the onLoad event handler of a custom script file. It turned out that 2.8 seconds were consumed by applying a dynamic menu library (will blog about this one separately). The remaining 2 seconds were spent in jQuery selectors. The analysis showed that most of the selectors didn’t return any object and those that returned objects can be improved by using different selectors.

Sometimes we should use the > tag to design the frame page. However, the data exchange between each page will become very difficult to handle; Or once the structure of frame changed to normal page, a lot of work to be carried out.

this jQuery Plugin for web designers and developers who wants an easy to use but effective Select Menu (DropDown Menu or ComboBox) for form elements.

this jQuery Form Element ReDesigner plugin can help you if you don't like the OS generated radio button and checkbox form elements any use you own designed ones. you can visit the demo page and don't forget that; the green thicks of checkboxes, the blurry shadows can make you think "where is the pretty part?" but those are just for demo pages and you are able to use you own designed ones and customize them as you want. below the demo page, you can get more info about it.