Email Newsletters design tips

CSS support in email client is limited and worse than IE6. For example, background image is not support by outlook 2007/10, Windows Live Hotmail and Gmail. So, you need to know what’s supported. Keep the Design Simple Forget all your best practices for CSS Use tables for layout : Because clients like Gmail and Outlook 2007 […]

How to detect the OS using jquery

It is very easy to detect the OS using jquery. Below are jqury function that may help you. $(‘#osInfo’).html(“Your OS is: <b>” + $.client.os + “</b>”); //To detect Mac OS: if((navigator.platform.indexOf(“Mac”) != -1)) { // code } $.browser.linux(); $.browser.mac(); $.browser.win();   To Detect Browser and browser version:   /* ===== Firefox ===== */   // […]

jQuery Cheat Sheet

jQuery is the most popular java script library is used in today. jQuery Visual Cheat Sheet is an useful guide are printable document, designed to provide a quick reference . These cheat sheets save your time and energy. jQuery 1.5 Visual Cheat Sheet Article : http://woorkup.com/2011/02/19/jquery-1-5-visual-cheat-sheet/ jQuery 1.3 cheat sheet wallpaper Article : http://www.gmtaz.com/jquery-13-cheatsheet-wallpaper/ jQuery […]

Jquery resizing image in aspect ratio

Recently I needed a script to resize images on the page. Images aspect ratio is as important for dynamic websites.I found below code. $(function()  {     $(‘.story-small img’).each(function() {         var maxWidth = 100; // Max width for the image         var maxHeight = 100;    // Max height for the image         var ratio = […]

Jquery Hide/show onclick

JQuery example use for Hide/show an element. Include jQuery library in your page <script src=”Scripts/jquery.js” type=”text/javascript”></script> <script type=”text/javascript”> $(document).ready(function(){ $(‘a#showhidetrigger’).click(function () {     $(‘#someImage’).show(); }); $(‘a#showhidetrigger’).click(function () { {     $(‘#someImage’).hide(); }); }); </script>

Redirect Web Page using javascript/jQuery

If you want to redirect your visitors to a new page place the following HTML redirect code between the and tags of your HTML code. window.location.replace(…) is the best option for an HTTP redirect. window.location.replace(“http://myurl.domain”); Redirect clicking on a link window.location.href = “http://myurl.domain”; jQuery Redirect: It is better than using window.location.href =, because replace() does […]

CSS Vertical Text

There were plenty of great ideas to create Vertical Text with CSS. <br/> tags after each character, Static Wrapping, use javascript or apply width to the container..etc But a new idea which is best among them are css3 rotation. -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); .css-vertical-text { writing-mode:tb-rl; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg); white-space:nowrap; display:block; } For Ie […]

css shadow

box-shadow is part of CSS 3. This property allows you to add multiple shadows (outer or inner) on box elements. To do that you must specify values as: color, size, blur and offset. There are so many online website where you can generate shadow effect. #shadow { -webkit-box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px […]

Welcome to my weblog

Hello and welcome to my weblog! Since this is my first entry. I intend to publish here the web design tips as well as sharing with you my thoughts on any tools or techniques I learn something about. Thanks for visiting and I hope you find something of value here.