Reviewee: Anxiety
Site: AnxietyOwners: Ty and Harper
Start review date: Sep 22, 2007
End review date: Oct 7, 2007
Quick Nav
First impression
Wow. I love the banner of this fuschia-ish layout because of all the details of the designs. With a layout like that, no doubt I'll be seeing good content. I think I will be enjoying this review.The fonts clash with the overall design; the content headers are too plain compared to the rest of the designs, the content font is too small for the reader despite it looking nice with the banner. There are just too many different font looks.
The three tab links are also unnecessary in this layout. Though the beige-brown font brings the layout a little closer, the layout's CSS is fine, and the italic is just too sudden.
But we'll talk more about the design. Overall, your site is still impressive.
Design
The banner pops out to my eye, which could also be an illusion-like since it can look both popping out or edging in. This is because of the gradient you used on the top and bottom of the banner and the pattern. Underneath the first gradient you see under the white, the whole middle area of the banner is the same colour, which doesn't make the pattern look subtle enough--it looks like a mistake. And same goes for the bottom gradient. I see that you've made your banner image stand out from the background a little by making it a faint darker colour, but if you look on the left, it looks bad because of the pattern you've created which clashes with the banner.I like the banner area a lot because of the brushes you've used which is really a sight. However I don't think the purple-pink splatters are necessary on the left of the banner because you haven't used enough of that colour and stands out from the overall concept of your design. The colours of your CSS are amazing altogether. The pattern below the banner is very subtle and gives an edgy sensation. But the header format wasn't so pleasing. First you used this greyish colour for the border-left, but you don't see that colour being used much anywhere else in your design aspects even though it's the same colour as the font, it takes your attention away from the content header. I also don't see how the navigation and content headers have to do with each other. Consistency is a good thing, so you could make the navigation header more similar to the content (or the other way around). The light beige quadrilateral on the sides of the headers (content and nav) are very unnecessary. It takes you off the course of the sensation of your site to a whole wacked one. It's a different shape from most of the other designs around the layout, and it's just too random. The navigation's link's font and colour is too different from the others. I notice that you have too much of a variety of fonts: arial, verdana, tahoma, courier new. You should have less than three different fonts in the content and nav areas. It keeps consistency and makes the layout fit its look.
As I've said about the tab links underneath the banner earlier: the links to the Index, Site, and your host should be put with the rest of the navigation area. It took a while for me to adjust to the way you made your links in that position. You should make the navigating easy and consistent.
The content font is too small for the reader. If it weren't for your graphics, people would be droven away by the font. The layout should be eye-appealing as well as making their stay enjoyable.
As for your coding errors, the first thing I notice is that instead of
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">, you've written <!DOCTYPE HTML SYSTEM>. You've also ignored the Keywords that you should use for your site so Google can search it up more easily. The code is <meta name="keywords" content=""> in between the <head> tags. It's not necessary, but it's a great benefit for visitors and you because your site will show up even more with search engines, and you'll get more hits; the visitors will be happy to finally find a useful graphic/resource site like yours and essentially that's making you happy too.This one obviously was seen before the first one I've said, but it was very obvious that there was more coding. When I opened it, there wasn't enough spacing between the
<!--Holy poop! Wheres my html??? xDDDDD--> and the start of the real coding, that I saw your site's coding. People who visit your site who try to steal your code could potentially be that idiotic to not notice the scrollbar, but if you really don't want people to notice your coding, you can warn them in the invisible comment tag about their consequences, or just get an ecrypting code to disable users from viewing your site's source.These errors seem minor, but bigger errors start to appear as I open your site in different browsers. This is what I see:
This problem occured in Opera, but your layout looks perfect in Internet Explorer and Firefox. (This image has been resized to fit my content area.)
The easiest solution to this is to save the cropped images as one banner on Photoshop by saving it using File >> Save for Web... to make the image size smaller but with [almost] the same quality.
You should also use more intendation in your coding. It makes it easier to know where each tag is, so it'll be easier to find needless mistakes in the source.
Check out this part of your coding:
BODY {
background-image:url('bg.jpg');
background-repeat:repeat-x;
background-color: #d2bc95;
margin: 0;
padding: 0;
}
And you've already written:
<body bgcolor="#eee1c7" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">.Delete one of either repeats from your CSS or HTML, because it's pointless repeating the margin over when you've already written it.
And I've noticed in your CSS, you've used
div#head, when you could be saving space with #head. It's a lot easier.This same pattern goes for a bunch of little things in your CSS. The last error in your CSS is line 18, td:
td {
background:transparent;
font-weight: none;
font-size:10px;
font-family:verdana;
line-height: 12px;
color:#2AA8A1;}
The font-weight: none isn't a value; it is nonexistent, so there's no need to place it there. But otherwise, your site's coding is pretty clean.
