Greensboro Web Design Blog

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...

Google Flip-Flops on Page Layout

The algorithm modification was made to improve the user experience, according to Google. Websites that do not have much content above the fold (what a user sees immediately upon arriving on a site without scrolling) will be affected by the change.

Read More...

IE9 A problem displaying the website caused Internet Explorer to refresh the webpage using compatibility View

If you are getting a message that reads “IE9 A problem displaying the website caused Internet Explorer to refresh the webpage using compatibility View” try removing some of the Helvetica fonts you have installed on your machine.

Read More...

Background Image not showing in IE works fine in FF

I ran into this problem creating a site about a month ago. I never even knew this could happen, but thanks to all of the wizards at Microsoft that coded the great non-rendering css IE browers!

Read More...