11 replies [Last post]
CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 7 years 28 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

Hello everybody. I want the cold hard truth about design and code. This site isnt like most, it tells a story. So before you click the link, have an open mind. It is a CSS Zen Garden site, with semantically inspired XHTML. I was able to take the image file sizes down quite a bit as discussed in a previous post.

Click here and give it to me hard.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 11 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Excellent job in compressing

Excellent job in compressing those images, on our fast connection the page loaded pretty quickly... however as things stand the images are, in the main, still far too large, 151k for a graphic is going to be painfully slow on all but faster connections; I do take into account the nature of the page though and visually it looks great.

Anymore than that I can not say Smile I have made my feelings known about zengarden in the past :mad:

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 7 years 28 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

Yes, one image is still

Yes, one image is still large. I tred to get the size down, but image quality got too bad and made the alpha look very bad. This site, mostly, is not Zen Garden XHTML. I created new code to get rid of all the excessive code. It is much cleaner now, take a look.

FernE97
FernE97's picture
Offline
Enthusiast
Dublin, CA
Last seen: 4 years 4 weeks ago
Dublin, CA
Timezone: GMT-8
Joined: 2007-01-10
Posts: 176
Points: 44

It all 'stated' should be

It all 'stated' should be started..no? Design looks good..I like the feel to it..true story? Only thing I noticed is when you resize the screen the letter is fixed to the browser and can look weird at certain sizes. Other than that looks good.

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 7 years 28 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

Yeah, I know about the

Yeah, I know about the letter moving, but it wount move far. I'm sure it's a true story somewhere. lol. Thanks for the feedback.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 23 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You don't need to use the

You don't need to use the name attribute for anchors, e.g.:

<h3><a name="skip">The Road to Enlightenment</a></h3>

Just do this instead:

<h3 id="skip">The Road to Enlightenment</h3>

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 11 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

I see that you have cleaned

I see that you have cleaned up the markup which is good, however doesn't that mean it's not really a zengarden layout anymore? Which isn't a bad thing Smile

As for the letter moving I actually rather like that especially as at no position does it look out of place and in fact with my browser the full width of my 22" 1680 monitor it looks rather good hanging off the edge.

So your not actually submitting this to zengarden?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 7 years 28 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

Tyssen wrote:You don't need

Tyssen wrote:

You don't need to use the name attribute for anchors, e.g.:

<h3><a name="skip">The Road to Enlightenment</a></h3>

Just do this instead:

<h3 id="skip">The Road to Enlightenment</h3>

Really? I didnt know that. Thank you !!

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 7 years 28 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

duplicate post

duplicate post

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 7 years 28 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

Hugo wrote:I see that you

Hugo wrote:

I see that you have cleaned up the markup which is good, however doesn't that mean it's not really a zengarden layout anymore? Which isn't a bad thing Smile

As for the letter moving I actually rather like that especially as at no position does it look out of place and in fact with my browser the full width of my 22" 1680 monitor it looks rather good hanging off the edge.

So your not actually submitting this to zengarden?

No, since I changed the code, it is no longer a valid Zen Garden layout. The letter moving was meant so that folks with smaller screens, wount miss out on the story. Thus people like us with larger screens, get an added effect of it hanging out. I designed this so people with 800 screen sizes, will still see the important content. I submitted a zen garden design a long time ago, and never got any response. So I am not planning on submission. My first, and very novice, design can be found here

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 11 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It's had it's day

It's had it's day (csszengarden) imho

That original submission looks ok can't see why it received no response :?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 7 years 28 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

Hugo wrote:It's had it's day

Hugo wrote:

It's had it's day (csszengarden) imho

That original submission looks ok can't see why it received no response :?

I believe it didnt get a responce, because he is no longer active with Zen Garden..