JavaScript Closures - an adventurous analogy

Once upon a time…

There was a princess…

function princess() {

She lived in a wonderful world full of adventures. She met her Prince Charming, rode around her world on a unicorn, battled dragons, encountered talking animals, and many other fantastical things.

    var adventures = [];

    function princeCharming() { /* ... */ }

    var unicorn = { /* ... */ },
        dragons = [ /* ... */ ],
        squirrel = "Hello!";

Read More

HTML5 - In and out - Part 2 - Features Drilldown

In the last post, we had a discussion on

  • HTML5 Introduction
  • Basics of a Web page, it being a collection of 3 layers
  • HTML5 being a revision of standards for features that are added to these layers

HTML5 8 key features - grouped by W3C. 

W3C has a list of standard icons, pointing to these 8 key additions/ revisions/ features to HTML5. They are famous, and all over the net

Lets mix them and our categorization for grouping, to be understood as per our sense of the web page:

Read More

HTML5 - In and out - Part 1 - The Beginning

Introduction

HTML5 is one of the hot topics trending today. For a Web Developer, its really a galore of features to dive into, but also a headache of keeping up to date with features and trends, so many standards, specifications and documentation, etc

Most importantly, having an organized information. Yes, today, you will find a lot of clutter on HTML5, heavy enough to confuse inquisitive minds

Being a Web Frontend-End Developer, I know how important it is to build the new Web, impress your clients with HTML5!

At the same time, Being a JavaScript Developer at core, I also realize the urge to delve into the JavaScript API of HTML5 features, play with the new things, and merge the difference between Application and Web

image

Read More

JavaScript Basics - Objects, Constructors and Property checking

Introduction

While working with basic JavaScript, one must have found a need to check for properties existing in objects. Developers have written and practiced multiple awesome ways of digging through an object or duck-typing for the same

Therefore the purpose of this article is NOT to give you the best solution for “How to find if an Object has a Property?”. It only tries to humbly put forth some contextual and basic info on JavaScript objects, based on my understanding while starting development in JS

Creating Objects

Read More

CSS3 Animations - a bulge effect

CSS3 Animations are cool and there are lots of tutorials available on the internet for the same, but I can’t help myself exploring and experimenting more and more. The most stunning and easy-to-learn are the Animations, besides transitions and 3d properties

In the past I have tried creating a progress bar using animation to an inline style property. 

Now here’s a demo created using CSS3, for a bulge effect using transition on opacity and CSS transforms

Jump to the demo

DEMO

Read More