My research on how to easily preload a web page’s images that are referenced in attached stylesheets as background images led me to Filament Group’s jQuery plugin for the same. It is easy to incorporate and works like a charm since it can pull images and preload them from any directory. While CSS sprites is [...]
Vertical tabs based navigation is a tried and tested tool in the hands of an interface designer and a fundamental element in the graphical user interface structure. You see it everywhere in your computer software, including many parts of the OS, making tab usage second nature for the user. Naturally it extends on to the [...]
It is no breaking news that jQuery, along with its other JavaScript library counterparts, is making serious dents in the Flash web pie. While I prefer to sit on the fence and watch the hot “Flash is Irreplaceable / Flash should Die” web debate, I do think there are a large number of effects that [...]
While doing a project in X-Cart I was asked to integrate a gallery into the product list page of the website. The purpose was to display the shop product using that gallery, but the problem was the size of the product image, it was too big and we need to resize it dynamically so that [...]
In my previous post I provided a jQuery and CSS-based solution for styling the first word of all headings in a page differently. Let’s look at a different scenario now where the first character of all headings (say, <h2> this time) in a page are different from the rest of the letters. The jQuery logic [...]
A colleague required a quick solution by which the first word of each heading in her design would be of a different color than the rest of the words in that heading. Using a <span> element for a part of the heading (say, <h1>) and styling it with CSS to apply a different color should [...]
I was required to create a dashboard from where users would be able to edit certain tabular data. Each row of data had a delete option on the extreme right. If the user wishes to delete an entry from the table, they can simply click on the respective delete button and the entire row would be dropped from the table. This can be achieved with a simple two line jQuery.
My focus in this discussion is to consider the need for basic progressive enhancement and to try to tackle a couple of scenarios using a little jQuery (the open-source JavaScript library, web builders can’t get enough of!).
The larger goal of progressive enhancement is to build accessible websites that work with or without certain capabilities (like [...]
