How to make faster websites and enhance your site user experience – Part 1

Posted 52 CommentsPosted in Web Development
In all my posts till now I concentrated over how to get started with web development and related introductory stuffs. In next few posts (series of 3 posts), I will write some of my learning in the field of "How to make your website faster and enhance your site user experience". So lets assume I made a site, which rocks with all those web2.0 features in it. But still my user complaints like: My site hangs their browser while loading. The page takes too long to load. Blah Blah Blah...... :( So how to go about and make sure that...

Calendar with Auto-Notification : API and demo.

Posted 9 CommentsPosted in Web Development
I was quite impressed with the Google Calendar, Yahoo Calendar and Outlook implementation of the same and wondered how exactly is it done? What are the challenges? So I thought of making a clone of one of them and see if I am able to achieve the same level of perfection. I must say my 1 day of work did indeed brought some smile to my face as I could see my application running and rocking. Here is it, try out for yourself and Let me know if it worked for you. You can even use it for your day...

Photo Cropper API: How is it achieved?

Posted 12 CommentsPosted in Web Development
Photo Cropper was something which was introduced or I must say became popular after various social networking sites started applying it. This allows users to choose a section from a photo which he wants to upload and show to the world around. I initially tried to investigate how Orkut do this for their users. Further I took a look at API's provided by YUI for the same purpose. After investigating a few other sources of photo  cropper I finally decided to build a photo cropper with an approach used by orkut. I will further explain the algorithm used in more...

iGoogle Portal Implementation: How to do it?

Posted 12 CommentsPosted in Web Development
After developing the draggable div application the other day, I was itched to implement the whole iGoogle portal. Probably the drive came when a few of you asked me "These draggable divs are just like iGoogle", so I thought why not to give a shot at it. Here is what I was able to come up with while sitting idle at the office. I have shown 3 tabs for making it look more of a realistic demo. However only the news tab is operational as of now. Feel free to drag and drop any of the news box to any...

Draggable DIVs : How to make one?

Posted 11 CommentsPosted in Web Development
You all must have seen a similar thing on your iGoogle home page. Further for years this application is an integral part of Yahoo User Interface Library i.e. YUI. I tried to tweak into the iGoogle and YUI implementation of the draggable div implementation, but somehow I found them rather too complex to understand. Hence I thought of better write a short application and see if I can do the same magic. :) Here is what I came up with. Still not modular enough, I coded everything as per the requirements for this demo. Probably in future I should be...

Photo Tagging API : Easy plugin for your websites and blogs

Posted 32 CommentsPosted in Web Development
Flickr, Facebook and now Orkut. One by One everyone has implemented the photo tagging feature into their social network. Initially introduced by Flickr, extended by Facebook and finally Orkut was forced to implement it too. Last night I tried to look into it to found out what does it take to make one and I was able to comeup with something like this. Probably a little different from the one's implemented by others in the sense that you just have to do the first click and then the second click, and you are done. No mouse-press and drag thing needed....

Gmail Type Attachment – How to make one?

Posted 24 CommentsPosted in Web Development
Google and its wide range of web applications have simple changed the way we used to look at internet. Be it the revolutionary fast Google search engine or mail by Google i.e Gmail. You will find enormous amount of threads and forums discussing How do google achieve doing XYZ? or How do they make it happen fast and efficiently?. One of the most talked about thing about Gmail is probably how do they achieve making Gmail so simple, convinient, sober, fast and easy. One of the Gmail's feature which contribute hugely in making it easier and faster for users is:...