Experiment Site

[icio]

I've created a css-based xhtml-strict site as somewhere for me to show off experiments that I do in flash, js, etc.

Take a look at it here: http://www.icio.co.uk/design/4 and tell me what you think, please.

Thanks in advance.

[hl]

nice, but the background shouldn't be white... something light, just not white. the layout is a bit too simple.

also, like the hr at the bottom, should put a vertical line between the sections, but like not the full size from top to bottom, just like a smaller line in the middle, maybe 100 pixels high? perhaps bigger. also, some more difference between the backgrounds of the header things (collection, individual..) i like the scheme, but just a bit more difference. thought they were the same at first sight.

there's my critique :)

[icio]

Thanks, harish. I'll look into it in the morning.

[oceans11]

Thanks, harish. I'll look into it in the morning.I like it and prefer as it is. Although may I still suggest http://www.tigercolor.com it's the best color scheme viewer imo.

[icio]

Thanks, I've been working on what you said. And I've updated.
http://www.icio.co.uk/design/4

More crits, please.

[treatkor]

looks really nice. i love the colors you've chosen. seems like you'll be limited to a small area to show your experiements though.
i'm curious as to what method you're going to use to embed the flash and stay xhtml-strict.
UFO? Satay? FlashObject? I prefer the FlashObject method (http://blog.deconcept.com/flashobject/) myself. which method do you prefer?

[dinamik]

good minimalist work.... very good

[icio]

I didn't realise that you needed a different method for embedding flash into xhtml-strict documents, I had better start looking into that - thanks treatkor :thumb:

I supposed one option would be to use a pop-up that is not xhtml-strict, but I think I'd prefer to go with a method that does not require javascript.

[b3mus3d]

I very much like it, particularly the link box things that go green.

I assume when you click one to the left, it appears in the middle section with info? Nice, like it.

[treatkor]

I didn't realise that you needed a different method for embedding flash into xhtml-strict documents, I had better start looking into that - thanks treatkor :thumb:

I supposed one option would be to use a pop-up that is not xhtml-strict, but I think I'd prefer to go with a method that does not require javascript.

there's always this method: http://www.ambience.sk/flash-valid.htm
and there's some links to more info about using flash in xhtml strict pages.

[icio]

I assume when you click one to the left, it appears in the middle section with info? Nice, like it.
Yeah, that's right. I'm working on some AJAX experiments at the moment.

Thanks a lot for your input, treatkor. I've been thinking about solutions and I think that I'm going to go with the popup method. Because the site is so minimal, I won't have too much room for any decent-sized flash movie and popups will allow me to create them at any size.

[treatkor]

cool, can't wait to see it in action. especially what you do with ajax

[icio]

I've decided not to implement AJAX into the site, I'd miss be beloved Back button. :love:
But that's not to say that I wouldn't be experimenting with it.

[treatkor]

i also found this thorough article comparing six different methods:
http://weblogs.macromedia.com/accessibility/archives/2005/08/in_search_of_a.cfm
an excellent read!

[Sammo]

Simple JS to insert flash and keep xhtml strict valid. :)


function flashMe (src,name,height,width)
{
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400" id="' + name + '" align="middle">');
document.write('<param name="allowScriptAccess" value="sameDomain" />');
document.write('<param name="movie" value="' + src + '" />');
document.write('<param name="quality" value="high" />');
document.write('<param name="bgcolor" value="#ffffff" />');
document.write('<embed src="' + src + '" quality="high" bgcolor="#ffffff" width="' + width + '" height="' + height + '" name="' + name + '" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
}

[Pasquale]

hmm does it have it's own cms? :P

[icio]

great link, treaktor. Thanks very much.

Sammo, I have been thinking about using this method but I don't want to cut out people that have js disabled and so I think I'm going to try and avoid this method.

Darkmotion, not yet - but soon... hopefully.

Overall, I think the method I'm going to use will be a good old pop-up window, with a page using a doctype less than xhtml-strict. This will suit my needs just fine.

Thanks for your input.

[treatkor]

icio, please let us know when you've done some updates. i really love the look of this. and it does look like it would be easy to tie into a cms of some sort. could be as simple as a directory of files using a consistent naming scheme read with php.

[icio]

Sure, sorry for keeping you waiting. I've been busy at school recently and stuff, so I've not had a chance to do too much.

If you add me on msn messenger I'll let you know when it's done. PM me and I'll send you the address :thumb: