Latest Entries
JavaScript / Programmings / Technologies

An Introduction to Web Workers

Overview Browsers use single thread for JavaScript and UI. So synchronous JavaScript calls will block this thread, thus rendering will be blocked. For example, if our website needs to do UI events, fetch and process large amount of API data and manipulate DOM. It is not possible do all these simultaneously since the script execution … Continue reading

API / JavaScript / Programmings / Technologies

Getting Started with IndexedDB

Overview IndexedDB  is an API for storing significant amounts of structured data in user’s browser. It helps to do high performance  searches using indexes. The data stored in IndexedDB is persistent and work in online and offline.  It provides both a synchronous and an asynchronous API. In practice, however, all current implementations are asynchronous, and … Continue reading

JavaScript / Programmings

Getting Started With Handlebars.js – Templating Engine for JavaScript.

  Handlebars.js is a Logic-less template engine for JavaScript. When we need an application with frequently updating view, template engine has to play big role. It keep you HTML pages simple, clean and decouples from logic based JavaScript files. Also reduce effort by reducing loops with native JavaScript. It is also possible to precompile your … Continue reading

Programmings

Flow – A Static Type Checker for JavaScript from Facebook

Facebook launches a new JavaScript static type checker, designed to find type errors in JavaScript programs. Check Official site http://flowtype.org/ As its documentation says, “The goal of Flow is to find errors in JavaScript code with little programmer effort. Flow relies heavily on type inference to find type errors even when the program has not … Continue reading

jQuery / Programmings / Technologies

jQuery Text Shortening Plugin – more less plugin

A text shortening plugin with help of css and jquery. Try it and modify as your need. It is my small attempt contribute open-source codes. Find project on git hub. github url : https://github.com/safeer-in/more_less How to Use: <script type=”text/javascript” src=”js/jquery-1.10.2.min.js”></script> <script type=”text/javascript” src=”js/jquery.more-less.min.js”></script> <script> $(document).ready(function(){ $(‘.more_less_content’).moreless(); }); </script> Options Example: $(‘.more_less_content’).moreless({ wordlimit : 150, lessText … Continue reading

JavaScript / jQuery / PHP / Programmings / Technologies

Image preview before upload file

We can preview the uploaded image easily with jQuery or JavaScript before actual upload of file. Just Follow these Steps HTML Code <form id=”Imgfrm”> <input id=”imgfile” type=”file” /> <img id=”preview” src=”#” alt=”your image” />< /form> Then use following jQuery Code (You can use pure JavaScript also) $(“#imgfile”).change(function(){ if (this.files && this.files[0]) { var reader = … Continue reading