Technology

Moving Background image using CSS

CSS describes how html elements should be render on screen. We can move the background image using CSS3 animation property that gives an illusion of running video. CSS3 animation is supported by all modern browsers. An animation lets an html element gradually change from one style to other. You need to specify keyframe to use animation....

by Poonam Baveja
Tag: css
26-Jul-2016

Technology

Drop Shadow without using images

Cascading Style Sheet, the base for front-end development are used to describe the presentation of a document written in a markup language. CSS3 is the latest standard for Cascading Style Sheet. CSS3 provides us capability to generate drop shadows in different views like raised box, perspective, lifted corner, vertical curves and...

by Poonam Baveja
Tag: css
11-Jul-2016

Technology

Deep dive into CSS Pseudo Elements.

We all are familiar with the Pseudo classes that css provides us to target certain elements that matches up certain criteria or state. And they are signified by a single colon followed by the pseudo class. Syntax for pseudo class: [code]selector:pseudo-class { property:value; }[/code] Some of the basic examples of pseudo...

by Vibhor Kukreja
Tag: css
27-Jul-2015

Front End Development, Technology

HTML Email Fundamentals

As we know so many tools are for rendering email, for desktop like AOL, Outlook and Thunderbird and web-based email services like Google, Hotmail and Yahoo! Mail. If you thought it was hard to ensure the cross-browser compatibility, be aware that this is a whole new game - each of these email software tools can display the same email in...

by Amit Narayan
Tag: css
24-Jun-2015

Technology

Difference b/w Display:inline and inline-block

The CSS property "Display" is very useful and commonly used property of CSS which contains lots of values. In this blog we'll talk about only "display:inline" and "display:inline-block". We generally use both these properties to allow other elements to sit to their left and right but it has some difference which is explained below. ...

by Kapil Chotwani
Tag: css
09-Jun-2015

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