Grow your CSS skills. Land your dream job.

Project in progress : Spry:it

  • .V1
    # April 1, 2008 at 3:05 pm

    Hi,

    Im currently working on a nice new ‘ private ‘ project. Its called Spry-it.com. Its all about Adobe Spry, inform, entertain, and educate. As the ‘current’ adobe Spry site is.. rather.. unstylish, i decided to create something more visual apealing :P

    But i wonder about the read ability of the colors and fonts, and some parts dont suck up to much attention. Im current working really hard to code it. And its a PAIN. U can see the current progress @ http://www.spry-it.com , (ignore the pop up debug system, its me testing out the new custom created DOM ready for Spry).

    Anyways enough bla bla bla.

    This is design:
    [img]http://www.3rd-eden.com/wp-content/uploads/2008/03/si.png[/img]

    O dear. we cant see the whole picture, on this forum :(
    URL: http://www.3rd-eden.com/wp-content/uplo … /03/si.png

    (mapped version: http://3rd-eden.deviantart.com/art/Spry … d-80924379 )

    Comments are appriciated,

    # April 1, 2008 at 3:33 pm

    Really, really good.
    I like the colors, the arrangement, the contrast, everything looking clean. The only problem I have is that you need to do horizontal scroll to see all of it, but you have a 200px margin on the left that I guess will be removed later on.

    I seriously like it, tab menu look sweet, the footer is cool too, well, good luck getting this site up and running !

    .V1
    # April 1, 2008 at 3:43 pm

    Thanks for your comments, and yeah, the horizontal scroll needs to be fixed. I think this project is a rather large coding problem, fluid backgrounds, fixed content, the pngs *shivers*, thanks god the script coding is easy as pie for me, so that wouldnt bring any problems i hope :p

    but thanks again for your comments :)

    # April 1, 2008 at 9:01 pm

    I like it too, very nice. I like the subtle pattern in the top bar. There is something in the logo area that doesn’t look quite right to me though. The dark area seems like its supposed to be a shadow, but then it’s slightly visible on top of the letters too, which kind of throws off the dimensionality of it. The grid and color scheme is very solid, good work. I think you have one of those web fonts that goes really bit-mappy, which I’m never a big fan of. Maybe play with some different fonts for the body text?

    .V1
    # April 2, 2008 at 4:47 am

    Thanks for your reply,

    About the logo header part:
    The idea behind it was that its a spotlight, from above shining on the logo, thats why there is a ‘Shade’ under Spry:it.

    The use of fonts is actually pretty limited, im using web save fonts only, (except for the header i use Calibri as ”main’ font)
    For the rest im using arial as default font.

    Yes im aware of the possible use of swf font replace ment, but that requires extra files, http requests which will slow down the performance of the site, and im willing to save as much performance as possible because i’m leaving my JavaScripts unpacked / gziped.

    # April 3, 2008 at 9:13 pm

    I am interested in knowing why you have used a 200px left margin?

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".