Using ECML 1.1 to Make Website Forms Compatible with Google Toolbar AutoFill and WAND

Recently, I was asked how it is possible to make website forms compatible with Google Toolbar Auto Fill, Wand and other auto fill or wallet software. The answer is quite obvious – the form fields “name” attributes should comply to certain rules and naming conventions, but the problem is that it is hard to find [...]

Read Full Post »

SearchBox.XML – Integrated Search Box for your Website

SearchBox.XML is a compact AJAX script that allows users to integrate any number of search engines to their websites. The script comes with a set of 10 prefedined skins – Acid, Blue, Classic, Default, Green, Mac, MSDN, Vista, WeMakeSites and WindowsXP, but creating a custom skin is a piece of cake. The flexible rendering of [...]

Read Full Post »

ContextMenu.XML 1.1 is Out!

A few days after the release of the first version of ContextMenu.XML, here’s the new one – with added support for radiobutton lists and improved performance and rendering. Spice-up your webpages with cool looking and totally customizable context menus with this easy to install script. No html editing, except adding a few lines of JavaScript [...]

Read Full Post »

Using compatMode to Determine the Standards Compliance Mode of the Page on the Client

Have you ever used the compatMode property JavaScript to determine if a web-page is in standards-compliant or in quirks mode directly on the client? compatMode was first introduced in Internet Explorer 5.5, and later adopted by FireFox and Opera, and is rather convenient for third party component developers. One of its possible uses is if you [...]

Read Full Post »

Unobtrusive CSS Loading Indicator for Images

A few developers are actually aware that the image tag supports background images (as well as practically any other CSS property). Here is a quick and unobtrusive technique for creating loading indicator for images without using JavaScript, that relies on the above feature. 1. Create a loading indicator. You may use http://ajaxload.info. 2. Create the [...]

Read Full Post »

Skinnable Web 2.0 Buttons 3.0

The new version goes really semantic and 100% customizable! Say goodbye to the skins from the previous versions. Say hi to the button styles. You may choose between 8 different styles of slick, glassy, bevelled, cool looking and variable in width Web 2.0 buttons to which you can set any font and background color you [...]

Read Full Post »

CSS: Filtering and Distinguishing Google Chrome and Safari

 As body:nth-of-type(1) and body:first-of-type are supported by FireFox 3.5x, the hack that I wrote about in this post cannot be used anymore. You may try the following one, which targets only Google Chrome and Safari. Personally, I avoid using CSS hacks, and when writing client code I always assume that anything can be done the “legal” [...]

Read Full Post »