Tuesday, July 9, 2013

Mobile emulator with PHP


Hi there,

I will discuss about a device emulator which I had to make for one of my website. The basic idea is to allow the users to see how their websites would look like in a mobile device. The code snippet I am attaching here is default to IOS5, but you can make it dynamic and take it to a whole new level of craziness.

Lets see the output of the code first. This will give a better idea of what I am doing:




Download demo: device-emulate.zip

Explanation:

Wednesday, May 22, 2013

Dynamic web page layout


Hi folks,
Today I will be sharing a very widely used plug-in, called masonry. The basic idea is to create a web page, containing various HTML blocks spread throughout. But the catch is, the boxes are supposed to adjust themselves based on their content size. The layout of the web page, or rather the blocks will be dynamic as far as their positioning is concerned.

Following is an example of the same:




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.