Today I am going to show you how to show image thumbnail before uploading image with jQuery, we wrote many tutorials on image upload on PHPGang.com. If you want to give your users an option that they can see image preview before uploading that image to server then you must use this script. We used jQuery to show you preview of thumbnail not complete procedure to upload image using PHP you can read our previous tutorial for upload image to server.

[ Read More ]

Mobile Navigation is one of the challenge work for web designers in responsive designs if site has many pages and sections then its very challenging to squeeze all the links in small mobile screen. So I am going to give you a tutorial on some designing tips and solve this problem with an easy procedures using CSS and jQuery and it helps you to merge your navigation and show proper menu to your mobile viewers.

[ Read More ]

Facebook is world's number one social media platform and gives you many widgets for your websites. Today I am going to give you a very nice and simple tutorial on how to create Facebook badge on your websites using jQuery and CSS looks like your Facebook page header, with like count, Like button, Display picture and Cover image.

[ Read More ]

[ Read More ]

Today I am going to give you a simple but very useful jQuery plugin which can load images on page scroll called lazy loading, if you used high resolution images on your website then it's a best solution for you to make your web site looks professional. This makes the page load faster and reduce server traffic since the client loads the images in the region what they look at.

[ Read More ]

Captcha is one of the very useful to prevent spammers to insert fake data in your web forms, today I am going to show you how to create a MotionCAPTCHA using jQuery. MotionCAPTCHA is a jQuery CAPTCHA plugin that requires users to sketch the shape they see in the canvas in order to submit a form. This is a very simple and easy to configure in your web application it looks like a drawing pad user has to draw given sketch.

[ Read More ]

Font Awesome is a CSS library which gives you vector icons (which are all based on mathematical expressions, to represent images in computer graphics.) that can be easily customize with power of CSS like size, color or drop shadow etc. Basically this Font Awesome was designed for Bootstrap and now all the web designers adopting it and creating themes with very few images or no images.

[ Read More ]