Front End Development, Product Engineering
Front end development and Coding is an art. Efficiency of code increases if it is organized in a right way. Certain questions that you need to address are: a) How long it takes for you to write code? (Consider efficiency while writing the code) b) How much code you will have to re-write for similar task? (Make sure the code is...
Front End Development, Technology
Have you heard about Progress Schedulers? You might have often seen Progress Schedulers on websites and applications these days. These schedulers can display a whole lot of information in a sleek and confined way. They can be seen as schedulers to depict a day’s schedule and as status tracking systems like tracking packages on...
Content Delivery Network is a system of distributed servers that hosts various resources such as CSS, images, JavaScript files etc. Companies like Google, Microsoft, Yahoo etc. provides a free public CDN to download resources instead of hosting it on your own server. Advantages of using a CDN:- 1. Distributed CDN servers : The...
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....
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...
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...
Front End Development, Technology
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...
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. ...
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...
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...
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...
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...