| by Gagandeep Singh | No comments

Understanding em in CSS

This post will be a quick introduction to what exactly is ’em’ in css. If simply explained, em is equal to the font-size of the element to which the em is applied. For example, in the below code the value of em inside mainClass will be 20px, so 0.5em will be 10px. .mainClass{ font-size:20px; padding:0.5em; […]

Read More
| by Gagandeep Singh | No comments

Building Hybrid Mobile App Using Ionic Framework – Setup

Ionic is an HTML5 based framework for creating hybrid mobile apps. You don’t need to learn some new technology or programming language to create apps using Ionic framework. Rather it uses web technologies like HTML, CSS and JavaScript to create apps which most of you already know. The main purpose of Ionic is providing the […]

Read More
| by Gagandeep Singh | No comments

Data Properties and Accessor Properties in JavaScript

In JavaScript there are two type of properties: Data properties and Accessor Properties. Whenever we assign a value to a property of an object it is a data property. For example: var person={ name:”pixxstudios” }; So, “name” in this case is a data property. On the other hand, accessor properties rather than containing a value […]

Read More
| by Gagandeep Singh | No comments

Working with Sprite Sheet using CSS

What is a Sprite image? Let us first understand what we mean by Sprite image. Sprite image is a single image which contains multiple images inside it i.e. multiple images saved inside a single image with specifically defined X and Y coordinates. For example, check the below image which contains many images inside it: Why […]

Read More
| by Gagandeep Singh | No comments

Understanding Enumeration in JavaScript

In JavaScript an object can contain as many properties as it wants. There may be a requirement when we need to traverse through all the properties; so rather than manually reading the values of the properties we can make use of for-in loop to iterate over all the properties. By default all the properties in […]

Read More