11 replies [Last post]
i8ramin
i8ramin's picture
Offline
Regular
Glen Cove, NY
Last seen: 17 years 2 weeks ago
Glen Cove, NY
Joined: 2004-11-24
Posts: 49
Points: 0

Hey everyone, I'm new to the forum. I just signed up 2 min. ago. I read somewhere that this was a pretty good forum for web standards and css design. I'm a big advocate of both and been trying to improve my skills in the past few years. Ok, nice to meet you all. Enough of that =]

I am here to post a site check. I just recently got hired by a large US based company (1800flowers.com) They actually hired me to do XML/XSLT work on an internal application, but when they decided to scrap the whole html frontend and go with Swing, I was left with nothing to work on.

Well, little did they know that I'm a big web standards nut and I spoke to my boss about the benefits of "optimizing" the 1800flowers.com main site. The current site was made during the age of the HTMtablosaurses™ and the frontend code is pretty nasty (i've seen worst, but every old design looks bad to be these days.) I put together a quick document for him outlining the benefits and I even took the main site and re-did it in CSS and proper semantics. Much to his surprise, but of little surprise to myself, the page size was cut down in half.

During my first attemp at the redesign, I replaced a lot of the images (ugly ones at that too) with actual text. This made the text on the page look slightly different than what it looks like right now (although my version was ALOT easier to read.) He didn't like that and didn't want to make such a sudden change. Oh well, corporate world means slow change.. gotta remember that.

I then went back and recreated the site using a lot of the original images to make it look as close to the original as possible. Well, personally I think I did a pretty good job, considering that the page looks exactly the same (may be off by a few pixels here and there, but who cares) and it is completely XHTML STRICT. Not only that, I've cut down the avg. page size by 40-60%.

I am not sure if this information is confidential or anything, but I doubt it cause i haven't integrated any backend code in it and html is always free to view by everyone. So I'm guessing this is safe to put up.

Here you have it:

Original Page
http://www.1800flowers.com

My Redesign using CSS
http://www.raminb.com/18f

Note: the first few links work on the main navigation. So you can click on those to see how they look as well.

Also Note: I had no liberty in changing the way the page looks, even though I REALLY REALLY wanted to. I think its kinda ugly (well not so ugly, but just has old design look to it). But hopefully that will come at a later time when I get my foot a little further in the door.

Enjoy and I welcome any/all comments and suggestions. Laughing out loud

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 8 years 19 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Another large corporate website moving to Web Standards!

That's quite a complex layout but it looks good on FF_Mac and Safari_Mac. Well done Smile

Life's a b*tch and then you die!

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

Another large corporate website moving to Web Standards!

Nicely done, loads ten times faster, near identical layout.
One small point your using the <?xml version> line which will throwing IE into Quirks mode!

Hugo.

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

i8ramin
i8ramin's picture
Offline
Regular
Glen Cove, NY
Last seen: 17 years 2 weeks ago
Glen Cove, NY
Joined: 2004-11-24
Posts: 49
Points: 0

Another large corporate website moving to Web Standards!

Hugo wrote:
Nicely done, loads ten times faster, near identical layout.
One small point your using the <?xml version> line which will throwing IE into Quirks mode!

Hugo.

Yeah I know about that one.. but in order make IE 5.0 and 5.5 play nicely with 6.x, I forced it into quircks mode so I could just use the same hacks on all three. Is this a bad idea? The only side effects I found were that the widths of certain things were a little off so I had to resize them using some of the well known hacks out there.

i8ramin
i8ramin's picture
Offline
Regular
Glen Cove, NY
Last seen: 17 years 2 weeks ago
Glen Cove, NY
Joined: 2004-11-24
Posts: 49
Points: 0

Another large corporate website moving to Web Standards!

roytheboy wrote:
That's quite a complex layout but it looks good on FF_Mac and Safari_Mac. Well done Smile

thats a relief, cause I dont have a MAC to test these pages out on. Good to know, thanks!

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

Another large corporate website moving to Web Standards!

I think that I would have to say that's it's a bad idea to throw IE6 into quirks mode thus loosing it's CSS compliance for the sake of a browser that is on the way out and won't comply to standards. Any differences in the box model sizing are usually handled by the Tan hacks.

Hugo.

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

i8ramin
i8ramin's picture
Offline
Regular
Glen Cove, NY
Last seen: 17 years 2 weeks ago
Glen Cove, NY
Joined: 2004-11-24
Posts: 49
Points: 0

Another large corporate website moving to Web Standards!

Hugo wrote:
I think that I would have to say that's it's a bad idea to throw IE6 into quirks mode thus loosing it's CSS compliance for the sake of a browser that is on the way out and won't comply to standards. Any differences in the box model sizing are usually handled by the Tan hacks.

Hugo.

Good point. getting rid of quirks mode. Why is IE so whacky.. i will never understand. billions of dollars and thousands of developers, and they can't do it right.. =P

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

Another large corporate website moving to Web Standards!

i8ramin wrote:
Why is IE so whacky.. i will never understand. billions of dollars and thousands of developers, and they can't do it right..


I think it has less to do with ability and more to do with "politics" :roll:

They have had a game plan, but it's starting to unravel Laughing out loud

There is now talk of M$ looking at ways of using third party developers tools to update core elements including parts of the CSS rendering engine, instead of making us wait for longhorn IE7 which will be tied to the OS anyway and won't be available as a separate download Evil
they seem to be crumbling under the onslaught of many pissed off developers and the increased loss of market share to Firefox.

Hugo.

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

GeoGeo
Offline
Regular
Last seen: 17 years 4 days ago
Joined: 2004-12-04
Posts: 13
Points: 0

Quick download

I think that you are right to get your boss to look at a complete redesign using CSS. What a difference to the download speed.

It looks great and I think that you should be proud of what you have achieved.

I checked in Firefox 1.0 and everything is fine.

Andy

GeoGeo
http://www.geogeo.co.uk/index.html

tom_de_schlong
tom_de_schlong's picture
Offline
Enthusiast
UK
Last seen: 10 years 2 weeks ago
UK
Joined: 2004-06-13
Posts: 92
Points: 0

Another large corporate website moving to Web Standards!

dude thats my avatar

only joking we can share

Great work on the site by the way it loads up so much faster

Want a free Ipod, live in the US or UK then please <a href="http//ipods.freepay.com/?r=21545802">check this out</a>. Plenty of people have already got one just search google for freeipods.com.

i8ramin
i8ramin's picture
Offline
Regular
Glen Cove, NY
Last seen: 17 years 2 weeks ago
Glen Cove, NY
Joined: 2004-11-24
Posts: 49
Points: 0

Another large corporate website moving to Web Standards!

tom_de_schlong wrote:
dude thats my avatar

only joking we can share

Oh damn, yours looks much bigger and nicer .. mind if I take that one? I wont use it on this site.. i just love that icon. its so damn funny.

tom_de_schlong
tom_de_schlong's picture
Offline
Enthusiast
UK
Last seen: 10 years 2 weeks ago
UK
Joined: 2004-06-13
Posts: 92
Points: 0

Another large corporate website moving to Web Standards!

of course mate copy away, thats how I got it

Want a free Ipod, live in the US or UK then please <a href="http//ipods.freepay.com/?r=21545802">check this out</a>. Plenty of people have already got one just search google for freeipods.com.