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

Grails

jQuery dataTables plugin for pagination of HTML tables

In my project on Angular.js I came across a use case where I needed to paginate the HTML tables . DataTable jQuery plugin is a perfect choice in order to accomplish this task. Let us take a simple example to illustrate the use of dataTable plugin: [js] <html> <head> <style> <link rel="stylesheet"...

by pulkit
Tag: HTML/UI/CSS
25-Mar-2014

Grails

4 Principles of well-designed web UI

Web Designing is nowadays not only just the way to promote our product & services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share. Here are few points : Placements : Placement...

by Rajan Shergill
Tag: HTML/UI/CSS
30-Nov-2012

Technology

HTML5 Offline Applications – IndicThreads Conference PPT

Hi,   Recently i presented in "IndicThreads 2012" conference on the topic "HTML 5 Offline Applications".   You can view the slides at Slideshare at: http://www.slideshare.net/kushallikhi/indic-threads-delhisessionhtml5-offline-applications   Topics which are discussed in this presentation are: Desktop Vs...

by Kushal Likhi
Tag: HTML/UI/CSS
31-Oct-2012

Technology

Using Pixel Perfect

Hello everybody, For the last couple of years, I have been working with HTML and CSS and lot of times we need to match our HTML page with the client sent PSDs. Firefox provides an add-on called Pixel Perfect for this. It helps us to overlay jpg files (extracted from the PSDs) on the HTML page created by the UI developer. This is how...

by Rajan Shergill
Tag: HTML/UI/CSS
25-Oct-2012

Android

Setting count bubble in jQuery mobile Accordian Head

Sometimes we want to show count bubble in Accordion head that is different from the what jQuery mobile provides by default. To add count bubble to Accordian head, we use following piece of code: [html]&amp;lt;/pre&amp;gt; &amp;lt;h2&amp;gt;Heading&amp;lt;span...

by Rajan Shergill
Tag: HTML/UI/CSS
18-Oct-2012

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: HTML/UI/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: HTML/UI/CSS
12-Sep-2012

Technology

Common JSP/HTML & Javascript Problems

Some of the commonly faced problems are: 1) In case we give different width combinations for cells of different rows, the width combination of first row is accepted and subsequent combinations are neglected. [html] &amp;lt;tr&amp;gt; &amp;lt;td...

by Vivek Sachdeva
Tag: HTML/UI/CSS
31-Aug-2012