Monthly Archives: February 2012

Usability Rules and Principles for Web Design

Here are a few usability rules that I read in smashing magazine and found interesting and helpful. This is great information for concentrating on designing for the user.

Read More...

Fixing iPhone orientation for mobile web sites

I am creating a mobile website for my current employer. I wanted to post a few tips to help get started. A colleague and I was having issues with iPhone expanding (zooming in) on the web page when the orientation changed to landscape.

Read More...

Proper line-height for paragraphs

I found this very interesting and useful. I first read this in a book by smashing magazine. I always wondered what a proper line-height was for the font and font size I was using. Read this article to find out what a proper line-height should be for your content.

Read More...

CSS3 gradient

You can now create gradients with css3 only improving the load time for your site. This cuts down on http request. You can also use a online css3 gradient generator.

Read More...

CSS3 Box Shadow

CSS3 allows designers to easily create a drop shadow effect strictly using CSS. This allows for less images cutting down on load time and helping with SEO rankings.

Read More...

Check to see what version of Microsoft IE browser is being used

I like to check for the version of Internet Explorer the user is using and apply a style sheet that I have created specifically for that version. This is the proper why to check for IE version and apply that style.

Read More...

Full Page Background Image with CSS3

You can now use a background image to cover the full page. No matter what screen resolution your user is using the background image expands and contracts as needed to fit the screen!

Read More...

Stacking order for CSS3 multiple background images

When using the css3 multiply background images property you will have to stack the order correctly so that if you have a repeating image it does not cover up the last image or in my case it was the bottom image.

Read More...