Friday, November 23, 2012

Toggle Hierarchical Menu

Hi,

This is another script  request. I am not really sure how to explain or name this piece of code, just adding a screen shot to sum up everything.




Source Code:

Wednesday, November 21, 2012

Auto increase content on scrolling

Hi,

I recently got script request for developing something which has become very common in most websites. Mostly seen in sites like Facebook. For any given container in a web page, which has a scroll bar, when the user reaches the end of the scroll height, the content of that container auto populates itself. This article covers this functionality.

Lets see few screen shots to better understand the concept:


1. Normal div with sample content and a scroll bar

2. User reaches the end of scroll

3. Immediately the content of the div increases


Download: autoScrollContent.zip

Explanation:

Wednesday, August 29, 2012

Quick Links - MD5 Converter, base64 encoder/decoder


Hi All,

This is a nifty little code, which is usefull when you quickly want to convert something into MD5, or base64 encode/decode any string. Generally, I have seen programmers and testers do that using online tools. But this will save your the time for searching for a website then converting it. With this code, just one simple step and you don't even have to go to a separate browser tab to find a MD5, base64 encode/decode of a string.

Download: shortcuts.html

Steps to follow:

1. Enable the bookmark toolbar of your browser.

Tuesday, August 14, 2012

Responsive Design


Hi,

Recently I came across a client request for a responsive website. Here is a small tutorial how you can achieve it.


Firstly, what is responsive design? It is basically a technique of web designing where the layout, design or content of the website adjusts itself based on the device from which it is being viewed. The device can be mobile phone, iPad or laptop.

The basic idea is very simple. When a webpage is opened in a device, the change that a web page goes through, as far as design is concerned, is the width of the browser. Responsive design allows designers to define different styles for different widths. That way the css changes dynamically based on the browser width, hence making it device independent.

Download Demo: responsive_design.zip
(Open the demo1.html in any browser and reduce the width of the browser to see the effect)


Following are 3 snapshots of the same page in different devices:

For Laptop/Desktop (Assumed width: 1500px):


For smaller devices such as iPad (Assumed width: 1000px):

Tuesday, June 12, 2012

UK Post codes to latitude - longitude

Hi folks,

Apart from the conventional Google API for retrieving the latitude and longitude of any location by:

http://maps.googleapis.com/maps/api/geocode/json?address=<Address>&sensor=false

The above works quit beautifully for me. But the only problem was with its daily query limit. That is, you cannot make more than one particular number of calls to the above API from a single IP address.

So I started researching on other available API's for generating lat/lon from a given post code/city/town. Since my requirement was just for UK, so the following API URL came in very handy to me: