Technology

Using “srcset”: Responsive inline images

Hi guys, With the advent of "retina" screens in our day-to-day life, usage of high resolution images has not only increased, but has also become a necessity to shed the shabby look of your website. For those who don't know, "retina" display is a marketing term that was introduced by Apple and is used to refer to their line of products...

by Roni C. Thomas
Tag: css
01-Mar-2015

Technology

Common Mistakes of PSD to Responsive Conversion

In the world of web, technology is changing everyday. Smartphones and tablets are changing the way of internet usage and taking web everywhere. Responsive web design (RWD) is around from some years now. CSS media query is helping us in making of responsive template for different resolution of mobiles and tablets. What is Responsive Web...

by Kapil Chotwani
Tag: css
18-Jun-2014

Technology

Important Tips while creating Email Newsletter

In many of our projects we sometimes need to create the E-mail newsletters for our clients so that it can help them market their products well. Following are some of the tips that we can keep in our mind while creating e-mail newsletters: 1. Color Hexa-Code Make sure you specify the six digits color codes esp. for the ones which...

by Rajan Shergill
Tag: css
15-May-2014

Technology

5 most useful chrome extenstions for Web Developer

If you are a Chrome user, you must like it's user interface, speed and simplicity. Apart from that if you are a Web developer then you'll surely need to add some extra functionality in your browser. We are going to look at some of the most useful Chrome extensions for Web developer. 1. Window Resizer This extension changes the...

by Kapil Chotwani
Tag: css
13-May-2014

Node.js

Getting Started with Grunt:Task Runner

I was working on one of my projects which involved multiple task execution on regular basis. Well, I think that many of us have faced similar issues on their projects which increases our work and making it more time-consuming and increased work. Working in a community where people are actively developing tools to automate tedious...

by Sahil Chitkara
Tag: css
06-Feb-2014

Technology

LESS is More

Ok Now, CSS is fine and all but it is a tedious process to cover all the different states and selectors. And if your Stylesheets are un-organized like mine(confession?) then you would know it is painful, any change breaks so many things and when it doesn't you know you have missed a couple of selectors that need to be updated. So in...

by Manoj Nama
Tag: css
05-Feb-2014

Android

Getting started with jQuery Mobile

JQuery mobile provides set of features which are supported on almost all smartphones such as touch UI, ajax navigation, animated page transitions. Building jQuery mobile page is very simple, here's how: A jQuery Mobile site must start with an HTML5 'doctype' to take full advantage of all of the framework's features. First of all you...

by Puneet Behl
Tag: css
15-Sep-2012

Technology

Making a text vertical aligned in a DIV

Recently in my project I had to implement one page in which an image and the related text had to be shown side by side using the DIV tags, where the text needed to be centered vertically with respect to the image. Example : Let's take a scenario where we cannot use vertical-align with DIV to display the text in center adjacent to the...

by Rajan Shergill
Tag: css
12-Sep-2012

Technology

960 Grid System

The 960 Grid system contains 960 pixel width. This is a CSS Framework. There are 3 types of grids in 960 Grid stystem, that is 12-Column Grid 16-Column Grid 24-Column Grid It is in fact based on a very simple and a basic principle of designing – ALIGNMENT. The 960 Grid system comes with framework sheets for designing the...

by Kapil Chotwani
Tag: css
11-Sep-2012

Technology

Sprite Up !!! Automate your process of creating sprites.

Hi all, In the past few days, I was given a push to find a suitable method that allowed us to automate the much needed but  painstaking of creating sprites for webpages to improve their performance.The problem was that going through the process of spriting images was a tedious process for a person not used to Photoshop tools...

by Manoj Mohan
Tag: css
23-Jun-2011

Technology

clearfix css hack

The clearfix hack, or “easy-clearing” hack, is a useful method of clearing float(left, right) effort. The clearfix hack works great, but the browsers that it targets are either obsolete or well on their way. Specifically, Internet Explorer 5 for Mac is now history, so there is no reason to bother with it when using the clearfix...

by Umar
Tag: css
13-Nov-2010

Technology

canvas

The HTML <canvas> tag is used for creating graphics on the fly. It can be used for rendering graphs, game graphics, or other visual images.   To draw on the canvas, the <canvas> tag is used in conjunction with the getContext(contextId) method.   Any content between the <canvas></canvas> tags is...

by Umar
Tag: css
07-Sep-2010