Hi Guys,
I thought I would inform that there is a new tool available for taking screenshots of webpages called imgcake.com
Talking about features there are many
Unlimited renders/month
High quality renders
Custom window and shot size
30 days caching for web shots
Delivery over SSL
Webpages are rendered to either PNG or JPEG
Enforce a new web shot to override cache
Up to 10 referring websites per account
Free Email support
Custom user agent or accept language headers
Reliable
Flexible
Cancel anytime
First 7 days free
Over 3000+ fonts supported
This makes it quite appealing, so if you don't want to host your own screenshoter then this tool will help you out to get started. With Free support and anytime cancellation of your subscription it can't get any better.
Renders are delivered over SSLto make it even more appealing.
Render time varies as renders cannot happen until full page is downloaded.
Try it out I bet you will like it.
Regards
… [Read more...]

Hi Guys,
Well, based on some of the thing I have lately been worried about, one amongst those iss forgetting some of the key dates such as my wedding anniversary I decided to do something about it. I wrote a fun online tool called http://twtreminder.com
The sole purpose of this site is Reminders sent using Twitter's Direct messages system. What that means is that on a given time you will get a Message directly in your twitter Inbox
Now this is good because based on your preference if someone sends you a direct message it will sort of delivered to you twitter phone app as a Message more in form of SMS. I hope I am making sense here. Bottom line is that you will be alerted on web, on your phone, on your tablet at the same time
Features
Here are some key features for this web application
Set Reminders in your own TimeZone
Seems weird but trust me that if I talk GMT or UTC very less people will be able to One, understand it. Two, have to make complex calculation in their brain to get the time right just in case they do understand GMT and stuff
Remind not only yourself but send a Direct Message to your friend too
Yes I Know that they can take care of their own reminders but sometimes its good if you can send a Message to their inbox when
- It's their Birthday
- It's their wedding anniversary
- or Just remind them if they've got an exam on that date
- and stuff like that
Check your upcoming and sent reminder
You have full control on your Reminders. What I mean to say is that you are able to Create and Delete your reminders, Just in case you want to delete your delivered ones, you are able to do that too. Unlike others, I don't really care of data being removed from my server. Your privacy and what you write is kept private "All the freakin time" Its as simple as that
Mobile and Tablet friendly
This is important because we all use phones and/or tablets nowadays and making your web application not … [Read more...]

Hey Guys,
Today I am announcing a completed plugin for your WordPress blog, Facebook Like or Google Plus One To Unlock Content Plugin. Yeah I know that you have seen a couple of jQuery plugins from me in my previous post but I tell you what, there was nothing for WordPress that I did regarding utilizing socially aware content manipulation.
I really don't have to talk about it much, You'll will see it in action in a moment. First we cover a few bits and pieces on why I developed this.
Why?
When someone ask me this question, my usual reply is Why not? I spend most of my time building something or improving something that I did in the past. So most of my time maybe 70% goes towards building/developing stuff. It keeps me busy and keeps me going. Well that's the overall picture but here are some key points why Facebook and Google matters.
SEO: Search Engines such as Bing and Google are now looking for social signals. If your post is being shared say on Facebook or Google plus then its always a plus for you
Exposure. Say someone likes your post and this means that it will end up on user timeline and this user's friends will see it immediately and if your post is good, it has chance to go viral, thus giving you some more traffic juice and accolades
Increase user activity: Agenda here is, if they like half of what you've posted they may want to read more, thus those clicks on your page means that user is actually engaging with your content.
And there are heaps more that you can think of associated with Social
Features
Here is a list of things that you could control from the administration page
Facebook Like button attributes
Google plus button attributes
Call to action message
Type of content obfuscation you would like to use such as hiding, blurring, dimming etc
You can disable the
Search engine friendly
Even hides videos (when using blur option, colors are dropped for videos)
Remembers Likes or +1's by IP address, so returning … [Read more...]

Hi Guys,
For a new project of mine there were couple of requirements which gave birth to a couple of useful jQuery code snippets or in other words plugins.
One of them is called jcPlusBtn.js
This is a little jQuery code that you can use as a plugin that will page Google Plus button on any HTML element, callbacks are supported.
Lets get started
The jQuery Code
[crayon-54f64c0a83c97549005157/]
The Markup
What we need is pretty much a DIV or any other container element to place our Google Plus button.
[crayon-54f64c0a83cab865580350/]
Options
[crayon-54f64c0a83cb6030321168/]
Usage
This plugins is rather easy to use and an example of this is shown below
[crayon-54f64c0a83cc1260488480/]
Its that simple actually.
Demo
Nothing is complete without a demo. See this plugin in action here
http://jaspreetchahal.org/examples/jquery-examples/likes/googleplusone.html
Donate
If you like this Plugin, please consider donating
You can choose your own amount. Developing this plugin like these toke a lot of effort and time; days and weeks of continuous voluntary unpaid work.
If you like this plugin or if you are using it for commercial websites, please consider a donation to the author to
help support future updates and development.
Main uses of Donations
Web Hosting Fees
Cable Internet Fees
Time/Value Reimbursement
Motivation for Continuous Improvements
License
This plugin is available under MIT license You can read it here
http://opensource.org/licenses/mit-license.php
Download
Code is hosted on Google Code and you can find it here
https://code.google.com/p/jcplusbtn/
There were couple of more things that I would have liked to do with the callbacks, but I have left it to you to handle the callback properly.
I hope that this helps, Don't forget to donate if it does :)
Cheers,
… [Read more...]

Hi Guys,
Well for a project sometime back I have to do a plugin which I never end up sharing. So I thought why not bring back the old stuff back to life.
Here is that plugin which I named as jcautosave
The code is available on GIT and is available for FREE under GPL license
Lets check on some key details
Example Markup
[crayon-54f64c0a8518e824180258/]
Now lets check on how we can make use of this plugin.
Example Usage
[crayon-54f64c0a851a3572563518/]
Options
You can pass any of these options to the .jcautosave() function:
Option
Type
Default
Description
sendAutoSaveOn
enum
event
event || intervalbased on this setting you must also supply a value for event || interval property, In case the value is set to interval A post if made every interval milliseconds else it is fired on an event.
url
string
null
Url use to post ajax data. You can also use data-url in the input/div tag itself to sepecify the target URL.
event
string
change
See jQuery.bind for options
interval
int
5000
This specify the interval just in case selected auto save mechanism is interval
success
function
function(data,$jqueryEl){}
Once Ajax call is successfully completed
error
function
function(error,$jqueryEl){}
Callback function in case there is an error
before
function
function(data,$jqueryEl){}
Callback function on "beforeSend"
after
function
function(data,$jqueryEl){}
Callback function to cleanup anything and is triggered after success/error
sendUpdatesWhenDataChangeIsDetected
bool
true
This settings tries to check if there is any data change only then send the ajax post else any of ajax related logic will not fire
Demo
A demo has been made available from here
http://jaspreetchahal.org/examples/jquery-examples/jcautosave/example.html
Dependencies
jQuery 1.5+
Works with
Tested on all major browsers' latest releases
Donations
If you like this … [Read more...]

Hi Guys,
Working on a project I wanted to have a notification bar that is flexible enough to me to include my
Youtube Video
Any number of messages
My social links
Allow user to show hide it
Auto adjust margins where applicable
and many other requirements
So I begun developing jQueryBar
Here is a quick video on what could be achieved rather than writing it down I just created a video
[ltu]
Video
httpvh://www.youtube.com/watch?v=GXJZJFSrIiU
Demos and all are hosted on my jquerybar.com website so you can go check them out. I am pretty hopeful to add more in future. But here are some settings that are possible.
jQuerybar settings
Here are settings that you can make use of with jQueryBar.
Setting
Explanation
notificationAreaHeight
Height of your Notification Bar. Minimum 40 recommended. enforced 40 if below 40. This will auto
adjust if you try to include a Youtube Video
notificationAreaCollapsedHeight
Minimum height of collapsed notification bar.
notificationAreaCollapsedBarBackground
Backgournd color of collapsed notification bar
notificationAreaPadding
Padding for notification bar element. Careful with super high values
notificationAreaBackground
Backgroud color for your notification bar
notificationAreaBorderSize
Border size of your notification bar, Left and Right border size will always be ZERO
notificationAreaBorderColor
Notification area border color
notificationAreaBorderRadius:8,
I am not sure if you will end up using this but this setting defined border radius and will only be applied to either top-right, top-left or bottom-left, bottom-right corners
notificationAreaPosition
default value is fixed-top Other values
fixed-topkeep notification bar always visible at the top
document-topSrolls out of view with user scroll
fixed-bottomkeep notification bar always visible at the bottom
notificationAreaShadow
Displays a shadow under the … [Read more...]

Document version number: initial post
As the title states its a beginners tutorial with a lot of stuff to learn.
This tutorial exist to give you a little bit of understanding on how things like NodeJS, ExpressJS, bootstrap, jQuery and Jade template engine work together.
Web Application
In this tutorial we will be creating a full web application with 2 pages.
Main page where people can compress their Javascript files
About Page which explains a bit about our app
The web application that we are gonna write address a problem about how to use UglifyJS to compress the JavaScript files.
I am going to add more feature to the above app but for this tutorial lets keep things simple.
I hope that you have installed NodeJS on your box. If you haven't here are instructions to install it on Ubuntu 12
If you are using Windows you can just download the installer and node will be available from command line.
After your installation npm and node commands will be available to your from command prompt. npm stands for Node Package Manager and it helps install Node Packages.
First up create a folder somewhere on your file system called uglify All our App files will go under this folder.
To start with lets create a package.json file under our parent folder (uglify) with the following contents in it
[crayon-54f64c0a8687a045923543/]
Above package file is pretty easy to understand. Main part in above file is dependencies bit and we will see in a second how its really easy to install dependencies for you project in one hit
Now we will just run the following command
make sure that you you are in same directory as package.json and then run this command
[crayon-54f64c0a8688c096498431/]
This will install node modules essential to run our code smoothly.
So node modules that will get installed are Express framework, uglifyJS, Jade template engine
Lets now create couple of more folders in your working directory called public and views and also … [Read more...]

Hello,
I thought I better do this today because I just wanted to have my JSON output return from my server in a readable string.
This little tool will help you beautify your JSON string.
This is how this tool works.
Step 1: Enter a valid JSON string
Step 2: Click on the button below
Beautify
Step 3: Click textarea below to select the output
Press CTRL+C after you select the output to copy it.
So as you can see that its really easy. There are only couple of things that you want to be aware of
The string that you are trying to beautify must be a valid JSON string else this tool will fail.
Make sure that you click on the button that is provided to process your JSON string.
If you find any problem using this tool please let me know. Leave your comments.
I hope that this helps
Cheers. … [Read more...]

Hello,
Yes! I know I am a lazy typist and do not like to type at all. Rather this content that you are reading right now is a copy paste from my experimental site called http://ispeaktext.com.
Before you proceed with the link above please note this point that iSpeakText only works with on Google Chrome
Basically this site is a text editor. You can play around with it. The coolest thing about it is that it takes voice commands. There are over 25 voice commands supported.
It will take you some time to get used to with this text editor.
I will share a video that I have done on how to use this tool.
Here is a list of commands that this editor will accept as voice commands.
Voice command
What does it do?
Delete all
When you say "Delete All", everything in your editor will be removed. I mean all the text.
Delete last line
Deletes the last spoken line
Select All
All text will be selected so that you can CTRL+C to copy it. You can also say "Delete" after this command to clear everything in your editor.
Select last line
Selects the last list. This is handy be you can convert your last spoken line to Heading, Bold text, italics etx by saying commands "Header", "Bold", "Italic" etc respectively.
Unselect
Unselects the selected text
Backup
Temporary backup. I recommend that you backup your work time to time. You backup stays till you close your browser or your session is Inactive for long.
Restore
Said something bad. You can restore your backup with speaking this command.
Bold
Convert selected text to bold. Saying it twice will toggle this style.
Italic
Convert selected text to italic style. Saying it twice will toggle this style.
Header
Convert selected text to H1 header. Saying it twice will toggle this style.
Find
Opens "Find text" dialog box
Replace
Opens "Replace text" dialog box
Link
Opens "Link" dialog box
Number List
Starts numbered list. Follow it … [Read more...]

Hi Guys,
Why I did this is a short story that I can share here, I downloaded a free pack of icons in PNG format, now all of them were really good. The number of icons in icon pack was roughly just over 200. Now I wanted them to be 24x24 pixels. I know that I could have done some CSS magic and bring the size down to 24x24 but I thought may be I haven't done anything in C# in a while so why not see how difficult it will be to create a command line tool that just do resizing and watermarking on the images.
I did couple of hours reading turn out to be that It actually simple to manipulate Images in .NET with all the classes such as Image, Bitmap, Graphics available to assist me. SO I thought well the reason is there so lets start. I quickly assembled the requirement of what I wanted and started coding.
Now I have touched c# after a while so it took me couple of hours to get used to using DOT (.) rather than (->) that I use in PHP for Object manipulations and use.
Ok so I know this could not be the best of the util available but I think I did just enough to convince anyone or primarily myself that its a sharable FREE product that could be handy tool for some.
I did lot of readings on Image manipulations with .NET so hopefully this tool is just reflection of my readings.
When I started to write this tool, it just started with Resizing an Image (v0.9) but then I thought may be watermarking can also be done in Image iteration loop then why not introduce that too.
I am doing a website just for this util because I think it could be a helpful tool. So more documentation and usage example will be available from there.
Alright enough of chit chat lets start by looking at this util now.
jcResizerCmd - A command line util.
How to use it
Here is the command structure
Ok so as you can see that there are few options available thats all I needed. May be I should think of adding image rotation angle too. But I thought that may not be … [Read more...]

Disclaimer

The information contained in this website is for general information purposes only. The information is assembled and provided by Jaspreet Chahal (unless specified otherwise) and while I endeavour to … [Read More...]

Software by me {shop now}

My shop contains all the projects that I worked on and maintaining them. Projects includes databases, Wordpress plugins, Rackspace Cloud Files tools and much more so explore and see If I got something … [Read More...]