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

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

Magento / PHP / Programmings

Display Products from Specific Category on Home Page – Magento

First you have to note the ID of category you want to display at the home page. You can find this on Magento Admin side under category tab. Then go to CMS>>Pages. Then Select “Home Page” from the list of pages. Add the following code to content tab of that page {{block type=”catalog/product_list” name=”home.catalog.product.list” alias=”products_homepage” … Continue reading