Lazy load is a Jquery plugin which helps in loading images on scroll with a delay, that is images which are outside the viewport are not loaded until the user wishes to view that area. This helps in loading the webpages faster since the images are loaded one after the other. How to use this … Continue reading “Loading images on scroll using jquery”
Convert a File to base64 String in JavaScript
The idea behind my concept is simple. Firstly pick the file which you want to convert from the system’s HDD using HTML5 file browser. Once the file is selected, read the file as binary string using the FileReader API. At last convert the binary string to base64 using JavaScript. Let’s See in detail:- Attach a … Continue reading “Convert a File to base64 String in JavaScript”
Custom HTML File Browser
There may be many ways to customize the file browser provided by HTML5, but i chose the easiest way to achieve it. Firstly create an Input tag with the type as file and attach a function for ‘onchange’ event. Hide the browser tag by setting the display style of this tag to none. Create one … Continue reading “Custom HTML File Browser”
Jquery water ripple effect
Jquery Ripples plugin is a pretty and simple plugin to get the water ripple effect on webpages. This works on all the browsers which has WebGL extension supported. The basic functionality is to get the ripple effect on your webpage with a background. If you feel your background images are boring and want to try … Continue reading “Jquery water ripple effect”
query javascript array of objects
I hope this post will help many javascript developers to filter their JSON and reduce the amount of work and stress. I find many javascript developers still writing loops to match a key to get the object from an array of objects. I agree it’s the simplest method to get the required element but on … Continue reading “query javascript array of objects”
using jinvertscroll plugin
I always wanted write about parallax and horizontal scrolling. Now i have got the chance to share with jinvertscroll. jinvertscroll is an amazing jQuery plugin to scroll the contents of your webpage horizontally and it supports the major feature which all the developers care about, that is nothing but Responsiveness. It’s a lightweight plugin which … Continue reading “using jinvertscroll plugin”
jquery input tag autocomplete
This plugin makes your input tags easy to handle and gives a magical look.It’s the easiest plugin to implement which makes your input look better. You just have to add a javascript file and a CSS style sheet (hoping you already have jquery .js file) in to your project, since both of them are less … Continue reading “jquery input tag autocomplete”
Managing CSS with animo.js
A powerful and lightweight tool for managing css animations. Stack animations, create cross-browser blurring, set callbacks on animation completion, make magic. According to my experience, usage of plugins to get the animations and transitions would have been hard without animo.js. The cross browser support is the most amazing thing which i like in animo.js. I … Continue reading “Managing CSS with animo.js”
How to run hello world program in node.js
I know we all have the tendency to skip the steps while following a methodology, but running a program in node.js is very simple if you follow these steps:- Firstly download the node.js from “official website“, if you have already done it it’s fine. InStructions for Windows Click on downloads and select the .msi file … Continue reading “How to run hello world program in node.js”