Category Archives: jQuery


March 23, 2024 4:02 am

How to create Full Screen Responsive Image Gallery using CSS and Masonry


How to create Full Screen Responsive Image Gallery using CSS and Masonry
In this tutorial I am going to show you how to create a full screen responsive image gallery using CSS and Masonry ( is a JavaScript grid layout library ), I am giving you image gallery example but you can create your blog posts, user profiles, video wall etc using this technique so we are giving you this tutorial with a nice demo and source to download for free.

[ Read More ]


March 22, 2024 4:01 am

How to show image thumbnail before upload with jQuery


How to show image thumbnail before upload with jQuery
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 ]


March 21, 2024 4:01 am

How to create Mobile Navigation Menu with CSS & jQuery


How to create Mobile Navigation Menu with CSS & jQuery
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 ]


March 20, 2024 4:02 am

How to create Facebook badge using jQuery & CSS


How to create Facebook badge using jQuery & CSS
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 ]


March 18, 2024 4:05 am

How to create lazy loading images using jQuery


How to create lazy loading images using jQuery
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 ]


March 17, 2024 4:03 am

How to prevent spammers with MotionCAPTCHA using jQuery


How to prevent spammers with MotionCAPTCHA using jQuery
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 ]


March 12, 2024 4:05 am

How to create Emoticons with CSS & jQuery Plugin


How to create Emoticons with CSS & jQuery Plugin
We use emoticons all the time in our chat conversions, messaging, comments and even in our emails to show that your feelings through some symbols like smile, sad and laugh etc. So this tutorial is all about emoticons using this tutorials demo and download code you can show your emoticons in your web projects very easily. We use a jQuery plugin with CSS to perform this task and make it very simple and easy to understand for our readers.

[ Read More ]