Fully Customisable & Accessible HTML5 Video Player

HTML 5 Video Thumbnail

In modern browsers, with HTML5 Video Tag it is very easy and simple to include video in page. Unlike earlier we had to include Flash object and to support that we need to add Flash Player Plugin in browsers. Flash player was never bundled with Browsers so when we include flash object in our page we need to ask readers to install plugin first to see the video. HTML5 Video Video tag from HTML5 allows us to add Video on a page with

Continue Reading

Alternate Vanilla Javascript to use instead of jQuery

For quite a some time I was thinking to drop-out Javascript Libraries (like: jQuery, Yahoo User Interface(YUI), Alloy User Interface(AUI), MooTools…). But I was not sure that each browser supports the javascript code the same way or not. As we know that all browsers are interpreting the script slight differently. Particularly, I was not sure about IE8/ IE9 and js libraries were & are helping us to cop-up with these browsers. But now with latest IE & other browsers and with newer versions of

Continue Reading

Start with Regular Expression in Javascript

Regular Expression

A Regular Expression is an independent pattern matching script that finds matching result in inputs. An input could be anything from a simple String or Number to Operators or Constructors. A Regular Expression is also knows as RegExp (for short). RegExp is like the wildcard that matches anything with specific pattern. As I have mentioned RegExp is an independent of platform, means it could be used in any scripting or programming language, may it be Javascript, Java, php, C#, etc…

Continue Reading

Add CSS Rule to Stylesheet Dynamically with Javascript

Before couple of years we were in impression that stylesheet should only be static but with CSS pre-processors like SASS & LESS, we came to know that it can also be Objective. But recently I come to know that with javascript we can also add stylesheets on the fly while page is rendering. Now-a-days We are finding a way to load web page faster everyday. As Javascript is client side scripting language we are trying to load elements via javascript to reduce page

Continue Reading

How AJAX Request Works with Vanilla Javascript

Ajax Process

What is AJAX? AJAX stands for Asynchronous JavaScript and XML. It uses XMLHttpRequest object to send & receive data to/ from Server. It can send/ receive data in different formats like Simple Text, HTML, XML or JSON. It’s Asynchronous behaviour lets refresh the data on the page without refreshing the page, so if developer wants to update portion of the page on certain event, AJAX is very useful for such a task. Today we have verity of JavaScript frameworks which allow to send AJAX request

Continue Reading