Front End Development, Technology

Top 10 HTML Development Best Practices

A visually pleasing website is the heart of any business. A good website doesn't just help in creating top of the mind recall, but also help in increasing the brand awareness and generating qualified leads. Out of the plethora of languages, HTML has been one of the most prominent languages used globally. A clean and well-commended...

by Anuradha Ishwaran
Tag: HTML/UI/CSS
26-Aug-2016

Technology

FullStack 2016,London : Day 3

Second day of FullStack, 2016 London was full of knowledge, great workshops and more amazing people. It felt so good to meet people who have developed some awesome products that we have been using since long and provide an experience to our customers. I got a chance to talk with Heroku and twillio and they explained their future vision to...

by Komal Jain
Tag: HTML/UI/CSS
03-Aug-2016

Front End Development

Mastering CSS Specificity

CSS Specificity is one of the most confusing concept in Cascading Style Sheets and that's the main reason, many Front End Developers avoid this for as long as possible. Specificity is a weight that is applied to a given CSS declaration and is determined by the number of each selector type in the matching selector. Basically, it's a...

by Vijay Ranghar
Tag: HTML/UI/CSS
31-Jul-2016

Technology

Fall back to use a jQuery file on your web server, if it can’t be loaded from CDN

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...

by Poonam Baveja
Tag: HTML/UI/CSS
26-Jul-2016

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: HTML/UI/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: HTML/UI/CSS
11-Jul-2016

AngularJS, Front End Development

Comparison between Angular and Polymer

Angular :-  Angular is a robust application level js framework based on MVC pattern, facilitate you to extend HTML's syntax to express application's components clearly. Angular's bi-directional data binding and dependency injection reduce code complexity and development time. Polymer :- Polymer is a lightweight js library used to build...

by Anil Joshi
Tag: HTML/UI/CSS
06-Apr-2016

Front End Development, Technology

Creating 3D Flip Animation with CSS3 and HTML

There are many ways to create the flip effect with jQuery however here is an example of creating a 3D flip animation with CSS3 and HTML. How will it look like? The effect below shows the type of 3D flip animation we are going to create. Just hover the mouse over the box below to see the effect Front Box Lorem ipsum dolor sit...

by Amit Narayan
Tag: HTML/UI/CSS
14-Jan-2016

Front End Development, Technology

Create Accordion with CSS and HTML without JS

There are many way to create the accordion effect with js but following are the example of how to create the accordion only with css and html. Here is the image that show which type of accordion I am going to create. Now starts with html code: In this I have used checkbox to use the functionality of click. But we will not display...

by Amit Narayan
Tag: HTML/UI/CSS
04-Nov-2015

Android, Mobility

mailto links on android devices

Recently we added a feature that uses the mailto link. While testing it was found that working fine on Desktops, iPhones, and iPad's but not on android devices. To debug it quickly, we created a test page with just mailto link in it as shown below <a href="mailto:someone@example.com?Subject=Hello%20again" target="_blank">Send...

by Parampreet Singh
Tag: HTML/UI/CSS
02-Sep-2015

Technology

Getting familiar with Sitemaps

About Sitemap Sitemap is an XML file that include URLs of a website and their basic information like last updated, how often it changes and how much important it is as compared to other URLs by giving its priority. Purpose of Sitemap The information listed in Sitemap.xml file is used by the search engines to decide efficiently which...

by Rishabh Dixit
Tag: HTML/UI/CSS
30-Jul-2015

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: HTML/UI/CSS
27-Jul-2015