1. Home
  2. Computing & Technology
  3. Web Design / HTML
photo of Jennifer Kyrnin

Jennifer's Web Design / HTML Blog

By Jennifer Kyrnin, About.com Guide to Web Design / HTML since 1997

Web Design Clinic - The Sunny Side Dot Biz, LLC

Sunday April 27, 2008

The Sunny Side dot Biz, LLC thesunnyside posted in the forums:

"Here is a link to my new and improved CSS - no tables website http://www.thesunnyside.biz"

My Thoughts
When I look at the code, the first thing that jumps out at me is the empty h1 tag inside the #head section. If nothing else, this is a little strange looking, search engines will see it and might wonder what's going on. I thought it might be for image replacement, but there is no text in the h1 to replace, and the bird image is set on the #head element itself. There is also an empty h4 element later on in the HTML that is not following any h3 element.

Other than these empty elements, Trish does a respectable job of outlining the site. I would use more h3 elements (there are none on the homepage) but otherwise, it's well done. The Web Page Speed Report on WebsiteOptimization.com says that this page will load in about 32 seconds on a 56K modem - this is somewhat slow, and it's mostly because of some large images in the header and footer. They are nice looking, but I'd see if I could optimize them even more.

Trish does a great job of using semantic tags for things like the navigation list (instead of just div tags). But to make the HTML even more extendable, I would use classes and IDs that don't relate to the current design. For example there is a section called "#blueBox" - but what happens in a redesign when that section of the page is turned into a yellow column? Giving your classes and IDs semantic names (ie. describing what the sections are rather than what they look like or where they are positioned in the layout) makes the site more maintainable in the long run.

How would you critique this site?
What would you suggest to Trish to improve this design? Are there other things Trish could do to improve the site? Provide your own feedback on the site design by commenting here in the blog or replying in the forum.

Do You Want Your Site Considered for the Web Design Clinic?
There are two ways you can have your site reviewed on Web Design @ About.com:

  1. Post a request in the Site Review Requests folder in the Web Design forum. This is the best way to get feedback, as you'll get responses from other Web designers in the forum, and selected posts will be chosen for the Web Design Clinic.
  2. Submit your site to the Web Design Design Gallery and check the "solicit critiques" checkbox on the form. Pages submitted there will be reviewed by the About.com Guide to Web Design, Jennifer Kyrnin, and may be chosen for the Web Design Clinic.

Comments

April 28, 2008 at 3:31 pm
(1) CJ says:

Good! Support!

April 30, 2008 at 5:33 am
(2) Toni says:

The front page is the only one that is live, the other links lead to a 404 not found error page, and the template pages are full of errors too. Before submitting this site for comment I would have finished it.

Leave a Comment

Line and paragraph breaks are automatic. Some HTML allowed: <a href="" title="">, <b>, <i>, <strike>

Explore Web Design / HTML

More from About.com

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

©2008 About.com, a part of The New York Times Company.

All rights reserved.