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

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

API / General / Technologies

Facebook Page Tab (App) Tutorial

You can integrate custom pages in to your facebook pages via Page Tab Applications. This post will explain how to create a facebook page tab application. 1.Create a Facebook App. Go to https://developers.facebook.com/apps and choose  ‘create new app’. Add a valid app name and details. Provide Remaining Details. You can use app whether in sandbox mode or … Continue reading