back to Completed Reviews

Site Name: Imagine Things
Owner: Drewiiee-Chan
Reviewed by: Georgina
Reviewed on: 18th July 2009

Site Name

Your website name is fairly unique and easy to remember.

Coding and Validation

Your coding has 5 errors and 8 warnings.

While you have the fundamentals of HTML covered within your coding, there are a few errors that can be easily fixed, and I will address them here.

For JavaScripts, you need to have a type specified. The following:

<SCRIPT language="JavaScript">

Should be changed to:

<SCRIPT language="JavaScript" type="text/javascript">

You’re using <div id="header2"> more than once in your document. This isn’t allowed with ids, which can only be used once, so you should be using a class instead. In your CSS, #header2 should be changed to .header2, and <div class="header2"> used instead. For more information on classes and ids, refer to my tutorial.

You’re forgetting to close a div. You need to place </div> before your “Welcome To Imagine Things” message.

You also have an extra </div> at the end of your coding. You have two and only need one.

Your CSS is valid. You have a few errors which can be fixed if you take a look at the colours you’re using and be sure you don’t use them in the same contexts. Also, elements with float need to have width declared too.

Browser Compatibility & Usability

Browsershots.org tells me your site is fine in most browsers.

The navigation is really small, so it would be best to increase the size. Also, avoid using images for navigation. Some people are unable to view images on certain devices, and some people browse the internet without images, so it would be best to use text.

The text on your pages is also very small so please increase that. By convention people also read from the left to the right of the screen so instead of having centered text, align it to the left. This is very noticeable in the pages where you have lots of text.

Layout

Great job – it’s centered and the width is suitable for small resolutions.

The effect on the header is nice. I like the colours used in the header image. The styling of the header image doesn’t really fit with the patterned background and the teal colour, but it gives it a slightly quirky and vintage look, which is very unique.

Some padding on the dividers would be appropriate as the text is extremely close to the side borders. Also, the “prev” and “next” links above the blog are unnecessary as they are below the blog.

The stylesheet is fairly well done – the text size should be increased. The pink underlined text should also be changed to a different colour, such as brown, to match the header image.

Content

Icons

The subpages are unnecessary on many of these pages, as you only have one icon in some categories. Despite that, the icons are of extremely good quality and it’s considerate that you have included a “back” link.

This isn’t such a huge problem as most of your images are small, but PNGs can take a while to load when on a slow connection. It might be better to save in optimised JPEG if you are going to have a larger number of icons on your pages so keep that in mind.

Information

This section would be better named as “articles”. Reading “information”, I assumed it was information about the site, but it isn’t.

On the Pocky/Mikado article:
both in half , you should be both in half, you
Perhaps in the future, if just cuts off. I think you intended to write something after this.

The soma cube page is very interesting and handy. The photographs have a unique touch, and are well cut.

You only have one tutorial so be sure to add more; the section looks empty if there’s just one. This selective coloring tutorial is alright. I like that you have given examples but perhaps a little explanation into what selective coloring does and how it works would be suitable.

Resources

The enter signs are quite pointless; enter signs are very outdated and not many people use them anymore.

On the icon bases page, the base should be the bases.

The gradients download very fast, which is good.

Site

On the affiliation page, it’s sources should be its sources.

On the contact page, Alternately should be Alternatively.

The credits page is well done. It looks quite dense so try and space them with headings or place them in alphabetical order.

The webmistress page needs to be fixed as you have ended a center tag and started a new divider in the middle of the page, resulting in the page looking like this.

Originality & Creativity

I have come across quite a few anime-based websites but yours still impresses me. You also have a variety of content, not just graphics. Your articles were quite original as well.

As I mentioned, your icons are amazing; the quality and creativity put into them is very impressive.

Organisation & Errors

Very well organised. Not many errors, and no broken links or images were found.

Overall Comment

You’ve done a very good job on your website and I didn’t have any major problems while reviewing your website. I didn’t have a very good first impression but your content definitely changed that.

Your content is very high quality, you credit your sources accordingly and you have a good variety of content.

There isn’t much to improve – just work on creating a more impressive layout and those little things like increasing text size. Keep up the great work.

Rating

(out of 5)