Friday, July 27, 2012

Create facebook cover and profile pic combo

This post explains the Html5 and JavaScript app "Create Facebook cover and profile pic combo" developed by me this summer.Since the conception of timeline feature in Facebook most people  were initially very intrigued by it but later they were despised by it.Then i saw some creative examples of combining cover and profile pictures which aroused my interest in the timeline again.


So in order to join the cool gang i tried my hand at Photoshop with some disastrous results.Finally i decided to automate the whole process and hence after some smart coding and rigorous testing i created this app.

The best way to make most of this app is to keep your face in the lower left corner of the picture you want to upload on the web-app.This way your face will be visible in your profile pic.

You just need to upload a single image and then you just need to use "press to view your profile pic" button.Download both the images by using right-click of mouse and upload them on Facebook.Align the thumbnail of profile pic as it suits best to you.

My app utilizes the Html 5 Canvas and File API combined with some smart JavaScript. The inclusion of these elements makes sure that old browsers(read Internet Explorer) will not be a part of it.So use this app in the browsers which support HTML5 and JavaScript.


Any criticism or suggestions for the development of the app is always welcome.Mail me at aribachhawat@gmail.com for that.

I will explain the source code of the app in my next post.Till then HASTA la VISTA baby.