Topic: 256b.com v3.0

Phew, I finally found the motivation to make the 3rd version of 256B.com. The pages are in valid XHTML1.0 + CSS2.0 and ~3 times smaller than the previous ( table based ) design. Honestly I haven't spent many time trying to hack the CSS for IE, and I prefer to leave it as is ( I've suffered enough in the past from all the bugs and design flaws of that browser to take a little and stupid revenge ).

The only interesting details are the fact that I use the pathinfo to get some clean URLs for the demo and donwload pages, and that the complete archive is generated dynamically thanks to a small class ( originally made by John Coggeshall for http://www.zend.com/zend/spotlight/creating-zip-files1.php ) I have "optimized"

Now, I plan to make a moderated Articles section to provide some information on assembly coding and size optimization. For their formatting I think I'll make something like Textile and allow the upload of various ressources such as images, sources codes, archives ...

I think the new design is ok for the audience ( made @ 99.9% of demosceners ), but I may consider to alter the color scheme and/or touch a bit the markup to fix some missing or badly used attributes. Thanks in advance for the feedback.



(Edited by poi on 05-13-2004 04:28)

it looks nice, but doesn't display ayn content in opera. ;(

Doh! Do you have an idea of what kind of error I did before I download Opera 7.50 ( that came out few days ago BTW ) ?

[edit] ok, I've got it. I had put 2 overflow:auto; statements to the CSS for IE. If I remove them, the content is visible in Opera, but there's some glitches in the nav in Opera and Firefox. [/edit]



(Edited by poi on 05-13-2004 16:54)

From my perspective, I really live the site. Very modern, relatively simple to navigate. As for coding, well I leave that to to "code-gods" but for asthetics, I like the colors, very warm yet um...... almost minty. ?!?!?!?!?

Looks really good.

I would add some kind of hover effect to the links on the page. Something subtle to indicate that the user is really hover over the link. The text color you're using now works for the short amounts of text that you have now, but if you plan to publish longer articles you should change to a text color that has a stronger contrast with the background. Maybe black text and find a green/gray/blue tone to use on the places where you've got black text now?

The search bar is a little bit missplaces in Firefox, it is about 3px too low.

Adding a little bit more space between the one-liners wouldn't hurt. They seem to be kind of cramped up there now.

Code wise there isn't much to say. In is XHTML and CSS compilant and seems to be sematicly correct. Only thing I saw is that you use a standard <img> tag for the logo. I think it would be better if you use one of the image replacement techniques instead.

You can 'upgrade' to the XHTML1.1 Doctype and the page would still validate.

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"
- the Golden Ratio - Vim Tutorial -