In most of the places the Google map is loaded on page load time. But if we want to display the map inside a jquery tab (initially hidden), we need not require to load the map on page load. This will reduce the page loading time. Another problem of loading the map on page load [...]
First I am telling you what is the main logic behind the lighbox. It is very simple & you can easily do it if you have a little knowledge of css & html.
1. In a lightbox you can see a black box appers & it covers the whole browser – it is nothing but a [...]
The sliding doors CSS technique to create a button or tab is very useful in interface design in terms of both flexibility and time saved. Often web designers and developers are required to make hyperlink-based rounded cornered buttons or even navigation tabs of varying widths. It is tedious to create them by slicing images for [...]
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 [...]
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.
Most of us have a number of snazzy software products installed on our computer for various needs ranging from entertainment and communication to learning and work. However, if you begin narrowing down there are only a handful of tools we really, really use and can’t do without. Web developers and designers usually have a long list of tools in their arsenal that they often need. Here’s a list of ten tools that are a must-have for me when I work (leaving out an OS and email), these are the tools I’d take with me to create web interfaces if I am marooned on an island.
