CG7 - Downsized, but not in quality ;)

[Cynical]

Since I am gradually becoming too busy to properly maintain a fairly large website, I've decided to downsize Cynical Games by removing some of the less popular content (articles, tutorials, etc.) and sticking with the features that bring in the most traffic and are otherwise the most popular (games, PHP software, etc.).

Since my current design was created with a larger website in mind, I have decided to redesign the site with a more elegant but more "personal" style.

With that said, please check out my latest (but still in progress) design for the new CynicalGames.com: http://www.cynicalgames.com/demo/

Please tell me what you think! Obviously some parts are still missing, such as the header logo. I also need an idea of something to put above the content header (likely a logo or something).

Thanks,
--Cynical

[The_Magistrate]

You kids and your WYSIWYG editors....

[Cynical]

None used at all, coded it myself in HTML/PHP/JavaScript, right in Notepad. Graphics were made with the GIMP .

[Spartan Erik]

Much better than your old layout; it loads fast too!

[Equiflux]

I like it, it's okay and simple! Good job ol' chum!

[XColl]

Get rid of the shadows. They look nasty on that sexy layout. =]

[noerrorsfound]

None used at all, coded it myself in HTML/PHP/JavaScript, right in Notepad. Graphics were made with the GIMP .

Why do you capitalize your html tags? You're not supposed to. :-/

http://validator.w3.org/check?uri=ht....com%2Fdemo%2F

See how a lot of those errors are because you capitalized the tags?

First you should put a doctype.

Your javascript tag is wrong. You have <SCRIPT language="JavaScript"> but it should be <script type="text/javascript">

You also should get rid of all the tables. And then remember to close your image tags with a slash: / (so it's like <img src="urmom" /> )

And put alt tags on your images. alt="" or just use css for that so you don't have to put alt="" on every image.

The layout looks nice. I think he just assumed you used a WYSIWYG editor because the code is so sloppy but I guess you just haven't learned proper html.

[Cynical]

... I guess you just haven't learned proper html.

Well, I've only been using HTML for 5 years ;) . The reason the code is sloppy is because this is just a demo, I just wanted to get a functioning design up for people to see: I'll worry about the nitty-gritty when I am ready to publish it for the public. I've already converted EVERYTHING to CSS (inspired by Magistrate's article), so no more tables and the images are all called by the CSS document, so I've got that covered. I didn't know about the HTML capitalization thing though.. but HTML is case-insensitve, so I didn't think it mattered. I also didn't know about that JS thing, I thought I saw it somewhere like that, but I probabaly just pulled it out of my arse .

Thanks for the feedback, I'll update the demo soon enough with all the tips .
--Cynical

EDIT: If my code was sloppy, wouldn't that be a clue that I WASN'T using a WYSIWYG editor? I thought they were supposed to present rather clean coding.

EDIT 2: New demo version up: No tables now, and I've changed some of the graphics a bit. I plan on changing the right content headers ("What's New?","What's Hot?") later. I've fixed most of the little internal errors but I know there are still some left.

[jensen]

The template is nice. The shadows are great. Maybe the shadow for "What's new" and "What's hot" are a bit over done and doesn't seem too appropriate for the overall soft tone shadows.