Category: Javascript

Persist Google Chrome Console Logs

Recently I faced with a requirement to save/persist Chrome console logs in a file specifically when running automated tests. There are other ways as well to persist console logs than the one which I will explain in this article but this one is the simplest. Actually there’s a flag –enable-logging with which Chrome logs are persisted automatically in a file chrome_debug.log. All you

Read More »

JavaScript Constants And Constant Objects

This is a quick tip about creating constants and constant objects in JavaScript. Constants Most of you may know that ES6 introduced a way to create constants using const keyword but unfortunately I don’t see it being used widely. Developers are still creating constants using var keyword. const MY_CONST = 123; Remember constants created using const keyword have function level scope like variables created with var keyword. Okay that’s

Read More »

Controlling FPS With requestAnimationFrame

I see lot of people asking this question on the internet. So here’s a quick tip that may help you. Bit About rAF (requestAnimationFrame) rAF function is the key to smooth JavaScript animations. rAF try its best to run the animation at 60fps. But sometimes that’s not what we want. So how can we use rAF with custom fps? Custom FPS with

Read More »

[Guest Post] Top JavaScript Frameworks For Mobile Apps

The mobile app industry is huge and seeing its possibilities, developers are in full swing to widen the scope of their expertise. They are ready to play around different tools, frameworks, and languages to expand their app’s user base. The use of web technologies has brought an interesting shift with the way webmasters are coming forward to create applications while

Read More »

JavaScript Primitive Types

This post is 1st part of JavaScript for Programmers live training sessions in Urdu language on Hangout on Air organized by Mozilla Pakistan. Recorded video and reading material will be added here after the live session. You can ask questions or provide feedback below in the comments section during/after the live session.

Read More »

sBubble: jQuery/CSS3 Tooltip Plugin

sBubble is a jQuery tooltip plugin which is totally based on CSS3 for shapes and animations. Yes no images used and no jQuery code used for animation. Plus some color themes are also provided. Demo Plugin Source Basic Usage Step 1 Include jQuery and sBubble script files. <script src=”js/jquery-1.8.0.min.js”></script> <script src=”js/jquery.sBubble-0.1.1.js”></script> Step 2 Add CSS for sBubble. <link rel=”stylesheet” href=”css/jquery.sBubble-0.1.1.css” /> Step 3 Call sBubble plugin method.

Read More »

HTML5 Features You Must Use Today For Mobile

Whether you are developing for Firefox OS or PhoneGap or mobile web, you must take advantage of some HTML5 features that are well supported by modern browsers and can reduce the development time. Remember this article provide quick introduction to each of the feature along links to other quality posts for more details. Viewport-Relative Units Percentage in CSS is relative to parent

Read More »

Firefox OS Contact App Using Vanilla JavaScript

This tutorial is about creating Firefox OS contact viewer app in vanilla JavaScript (without using any library or framework). We will be creating app using some best JavaScript practices which could be applied to SPA (Single Page Application), and Phonegap apps as well. We will also make use of Web Components to develop a custom element which will help us in layout

Read More »