Category
Sort By
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...
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...
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...
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"...
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...
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...
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...
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]&lt;/pre&gt; &lt;h2&gt;Heading&lt;span...
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...
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...
