Recently in web design Category

screen resolution stats

| No Comments

As you design a web site, never assume the world is viewing cyberspace from your monitor.

One place I've noticed some big ut-oh's are on the backgrounds people use on Twitter. Your background may look like it's filling the screen on your monitor, but I've seen quite a few where the background doesn't go all the way to the right.

Reminds me of a comment I left on a photoblog. I said, "Exceptional!" and because I'm normally wordy, the site owner emailed me and said, "So I guess that's your word for 'it sucks'?"

I emailed the person back and said, "No, my word for that would be, 'uh, yeah, not so much'," which is precisely what I think when a site has been designed and the designer has failed to plan for all screen resolutions.


stats in 2006:

  • 1024 x 768 = 28%
  • 1280 x 1024 = 13%
  • 1280 x 800 = 8%
  • 800 x 600 = 7%
  • 640 x 480 = 6%
  • 1152 x 864 = 2%
  • 1680 x 1050 = 1%
  • 1400 x 1050 = 1%
  • 1800 x 1440 = 1%
  • 1440 x 900 = 1%
  • 1024 x 640 = 1%


stats in 2008:

  • 640 x 480 = 0%
  • 800 x 600 = 8%
  • 1024 x 768 = 48%
  • Higher = 38%
  • Unknown = 6%


stats in 2009:


  • 640 x 480 = 0%
  • 800 x 600 = 4%
  • 1024 x 768 = 36%
  • Higher = 57%
  • Unknown = 3%


goto & tag , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

rounded corners without images

| No Comments

image opacity mouseover effect

| No Comments

For those desiring a navigation structure with an artistic flair, you might consider using and image in lieu of text.

I prefer this for what I call a site of exploration. Using a mouseover text out of courtesy is recommended.

Here's the html:



To implement this for your own site you would change the title, the img src (image source), and the size of your images.

See it in action → image opacity navigation

goto & tag , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

January 2010

Sun Mon Tue Wed Thu Fri Sat
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
Creative Commons License

Powered by Movable Type 4.25


pearweed pearweed

pearweed

pearweed

pearweed

pearweed

pearweed

pearweed

pearweed

pearweed

About this Archive

This page is an archive of recent entries in the web design category.

videos is the previous category.

Find recent content on the main index or look in the archives to find all content.