Technology

Build Custom iOS Swipe Button with CSS3

There are many ways to make iOS swipe button with toggle effect: But CSS and CSS3 is the best way to make these buttons because of its light weight. Here is the image of what we are going to make: Let’s start with the HTML code In this I have used checkbox to use the functionality of click. But we will not display these input...

by Sunniya Maini
Tag: HTML/UI/CSS
24-Jul-2015

Technology

Different Ways for aligning an element Vertically-Center in HTML using CSS

Aligning an element the way we want is never an easy task, especially when a non-UI developer is doing it and this problem worsens when we try to align that element Vertically-Center. Although doing it using patches is not difficult, but doing it the right way is a challenge. Here you’ll find some cool CSS techniques by which you can...

by Kavita Upadhyay
Tag: HTML/UI/CSS
24-Jul-2015

Node.js

Sharing content using META tags

Meta Tags Meta tags in HTML documents provide metadata/information about a web page, or the content it contains. They must be declared within head section of the web page only. They are used to specify page description, keywords (for search purposes), author information or any other metadata giving additional information about the...

by Rishabh Dixit
Tag: HTML/UI/CSS
20-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: HTML/UI/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: HTML/UI/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: HTML/UI/CSS
01-Mar-2015

Grails

Vertical Labels with Google Chart API

While working with Google charts, we usually face issues with long labels on the horizontal axis. The chart displays well, however the X-axis labels are not completely visible and displays the numbers like this: 24/3.. 25/3.. 26/3.. 27/3.. 28/3.. 30/3.. 31/3.. instead of 24/3/2006, 25/3/2006, 6/3/2006, 27/3/2006, 28/3/2006,...

by Mansi Arora
Tag: HTML/UI/CSS
20-Feb-2015

Technology

How to get name initials as an image?

While making an application, showing user's image is a very common use case. Gone were the days when we used to show anonymous image in case a person's profile image or display image is not present. We can easily show a person's name initials as an image to identify the person. Like : Lets consider this html, where we use an...

by Sakshi Tyagi
Tag: HTML/UI/CSS
07-Dec-2014

Technology

Using Media queries with Sass

While starting work on redesign of an existing site, I was suggested to give CSS preprocessors like Less/SCSS a try.  I was thrilled by the features of SCSS and started woking on it and I would like to share my experience about writing media queries in SCSS with you guys. In SCSS, we can use if/else condition like any other...

by Rajan Shergill
Tag: HTML/UI/CSS
14-Oct-2014

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: HTML/UI/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: HTML/UI/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: HTML/UI/CSS
13-May-2014