Staff
Past Staff
Archive
Meta
Review for Hirokache.com
I get an overall nice first impression. You have a well balanced layout. The text is easy to read and the colours are simple and coordinated. The tables are set nicely at the centre in both Mozilla Firefox and Internet Explorer but there are some things that look different in the two browsers; I will elaborate on the differences in the “presentation” portion of the review.
Information
Site: Hirokache
Type: Personal
Owner: Hiro
Reviewed By: Ayame
Date Received: 12/22/2005
Date Completed: 1/12 /2006
Preview
Presentation
The navigation column and the contents area seems merged without a clear separation. Putting a clear border will also aid in helping your contents look more organised. Also in your navigation there is an extra space between ‘guestbook’ and ‘listed’.
As I have mentioned earlier, there are a few things that look different in Mozilla Firefox and Internet Explorer.
Firstly, when <p class=”head”> is used, in Internet Explorer, there is a dotted grey underline below the text. But in Firefox the headers do not have any underline. This is caused by a problem in your CSS file, at the very bottom of your CSS coding you currently have.
.head {
font-family:verdana;font-size:10;color:#000000;width: 100%;text-align:center;
font-weight:none;border-bottom:1 dotted #C0C0C0;border-left:0 solid #FFFFFF;
border-right:0 solid #FFFFFF;background-color:none;head-align:center;}
This should be changed to:
.head {
font-family: verdana;
font-size: 10px;
color: #000000;
width: 100%;
text-align: center;
border-bottom: 1px dotted #C0C0C0;
head-align: center;
}
This new coding will allow for the bottom border to show in Firefox and other browsers such as Opera etc.
Secondly, the scroll bars. I’m not sure if you know about this or not but your coloured scroll bars will only show in Internet Explorer. I’m not going to be picky and say you have to have a validated HTML/XHTML. But I suggest you change the arrow colour to a colour different from the face colour so it can be distinguished easily.
Also if you look closely there is a gap between your main image and the tables you use for your navigation and your contents. This is because you use divs to position your main image rather than include it in your tables. So why not code it so it’s included in the tables you use for your navigation and your contents?
Delete the coding between:
<DIV align="center">
and
<td valign="top" width="150">
<p class="head">Domain</p>
Then add this coding in between:
<table width="600">
<tbody><tr>
<tr valign="top" width="600">
<img xsrc="img.jpg" mce_src="img.jpg" border="0">
</tr>
Content
In your navigation you have a code for a domain clique. Shouldn’t this technically be under the ‘listed’ page? But if the clique state that the code must be placed on every page of a domain, I am sorry, I was not able to check the rules of the clique due to the clique being on hiatus.
Additionally, there is no header just above the advertisement for Google. You may want to add something such as ‘advertisement’ just above it so it doesn’t look so out of place.
Home
On your index page, at the top you have a clock and a counter. A clock is simple enough but there is no indication of what the counter is for, just that it started counting from January 5, 2005. I suggest that you put what the counter is for (i.e. assuming the counter is counting the number of visitors, it could say ‘visitors since January 5, 2005′ after the counter.)
Also, you have Looking for my TCG’s? They’re Here. just below your counter and the clock. I find this to be unnecessary as there is a clearly labelled section for TCG’s in your navigation.
Layout
You have made proper thumbnail for most your past layouts, which makes them look neat and the page more organised. But the thumbnail for version4 is just a resized image of the whole image, making it look very untidy and out of place from the other clean, neat thumbnails.
Awards
In this page I like how you’ve listed your awards rather than just sticking the images on to the page. But I don’t get why you suddenly put images at the bottom of the ‘awards’ section and in the ‘guess etc.’ section, this page will look more organised and consistent if you have everything in the same order.
Also, to make the page look more organised and to make browsing easier for people looking through your awards, try sorting the awards in to a table. Maybe a column for what the award is for, another for who it’s from and maybe another for when you received it.
Links
You have ‘affiliates/siblings’ on this page as well having a separate page for them, this is unnecessary. You should delete the separate page or delete this section from this page. Same thing applies for the ‘link exchanges’, but in this case, a separate page is named ‘link exchange/affiliation’ while the page does not hold any links to link exchanged sites. I suggest you move your links to your link exchanges to your ‘link exchange/affiliation’ page.
Another thing I want to point out from this page is the ‘credits’ section. These links should be under your ‘credits and copyright’ page.
Guestbook
The guestbook looks disorganised and it is very hard to look through without the entries separated. Try adding a simple divider between each entry.
Indepth
A very detailed page. It is very nice to know a bit about a person’s life, especially when you come across their site on the internet. I only have one thing to comment on this page, there are some spelling mistakes (e.g. opposision should be opposition, carrer should be career etc.) that can easily be corrected by using a word processing program such as Microsoft Word. But overall, a very nice page.
Portfolio
Try making the thumbnails the same size; seven thumbnails are 100×100 pixels while two are 100×75 pixels.
Plugboard
I know this isn’t your fault but there is one broken image on your plugboard. But there are no broken links.
Final Statement
In general, your site was organised and well maintained. Just a few things that could be arranged a bit differently but overall, I’d have to say that I enjoyed reviewing your site; especially the informative and original sections such as the ‘product/program reviews’. Also be mindful of how your site looks in different browsers, you don’t need to fully validate your coding but just be mindful of codings that only work for some browsers.