I totally forgot to post this when I finished it, but I figured now's a good time.
http://www.poopinmymouth.com
I redid the entire site. Previously was tables, a poor menu for navigation, and was made for 800x600. This new layout is all CSS, 1024x768, and I tried to put as much thought as possible into ease of use and the layout for maximum usability. I'm pretty happy with how it turned out. Loads faster too now that it's using CSS.
I'd appreciate any comments, feedback, blind praise, or harsh critiques you might have. 8-)
Replies
My one crit would be the thumbnails on the news section. A few of them are cropped strangely when coupled with the transparency.
Rather than feeling cropped, they feel cut off. I'd suggest in these cases where the figure doesn't fit comfortably (like the typical humans) that you crop closer in so the bottom and at least 1 side are filled right to the edge. A bit like so:
Seems the email link's busted? Not working in Firefox, maybe since I have popups disabled? All it does is open a 2nd window of the same page.
The 3D page is a little confusing, since the menu is on the left, but everything else is right-justified. My eyes go right to the character shots on the left, but then get kind of lost on the right. I see the composition idea, but it's beating me over the head a bit. It does make it not so heavy on the left side though. Same thing with the resume page, makes it hard to read. Links page works though. Tutorial page is great too.
Looking good. How're those tutorials coming along?
Daz, I think I spent about three or so hours researching CSS till I *got* the premise of the whole thing and how you would use it. After that the majority of time was just spent on actual web design, with sporadic F1 searches through the dreamweaver help files to figure out specific aspects. All in all I'd say it got faster than regular HTML towards the end when I had all my classes defined. It took longer to make the thumbs and UI elements than it did to do the actual CSS. I like that in dreamweaver you can define classes without any coding whatsoever, and have access to all the class rules with an easy editor panel.
And all the stuff on my links page is true and you know it. 8-)
for sure! ;-p
The thumbnail images on the left of the news posts come off rather dull and blurring with the background except for the green eye. I actually couldn't see them on my monitor during the daytime (it gets pretty bright in here), so I had to come back at night to look. If they were higher contrast, it might help. HumbleEgo's suggestion about re-cropping is good too.
Some of your links in Slegion go to wrong images or thumbnails not sure here?
The tutors section is huge. How's the book coming along?
Overall though nice design and it seems more fun that it really is
i've allready said it, but i like it, ben.
The menu's a lot better now, and i really like the 3d page.
only thing i can see atm
dont!! make text-align right...
Hollowmind: They will be back up eventually. For now Activision doesn't want any competing images for their marketing campaign.
Thnom: You poofy wanker, it's more fun than you'll ever be. I don't know why the text highlighting doesn't work for you, it works fine for me.
Notman: Fixed the email link, and changed over the pictures intro page. That's going to be the single most difficult page to rotate over, because I don't want to use Adobe Photo Galleries anymore, and I don't know an easy solution for setting up all those thumbnails and large images. I'll think of something or find a script, but it's going to have to wait till after the comp, my eurotrip, and GDC. So late March or early February at the earliest.
Thanks for the kind words everyone. And Jeffro, if you work really hard, and believe that you can be a real boy, one day you will.
It's good of you to host those tutorials on your serverspace, I don't know many beginners I have pointed to your site (myself included) over the years, so seeing this content still given anyway freely is great.
You got a couple of broken links in the tutorials section:
Wrong mail address, (radiantwings@hotmail.com):
Gradient Maps in Photoshop
Using Masks in Photoshop
Normal Map Workflow
News link broke:
Low Polygon Hair Texturing
Texturing Theory
tutorial.. i still happen to have it incase you lost it