Planeshift XHTML Conversion

[icebr4kr]

Well, in my boredom in waiting for CB, I figured I would redo the PlaneShift site using XHTML and CSS and no tables (save the link bar). It would certainly save bandwidth. Two hours later, I have the end result:

http://www.glacious.net/ice/ps/

It validates completely under XHTML 1.1. You will see that the page has been reconstructed nearly identically. The major point is that the HTML code has been reduced from 27.04KB to 16.74KB in size. This is a significant savings of over 10KB of bandwidth. The total savings is 18.5KB, bringing it from 74.95KB to 56.45KB. With the amount of hits to the main page (especially among us diehard folks), the bandwidth usage would be reduced substantially over the course of time.

The conversion I hope has proved that standards-compliance can save many bytes in bandwidth. I hope it is considered to convert the entire site and I would be glad to help facillitate that if I am needed.

[tygerwilde]

yes, but you see... I can\'t read it...

everything is way too small, the font size is so diminutive that the letters run into each other.

[Asraniel]

looks perfect, perhaps they will use it or recruit you as a webdesigner?

[Waylander]

Ha pretty good, the text is big for me

[SaintNuclear]

Looks really great. Well, identical. :tup:
And it seems that you haven\'t forgot about checking for IE compatibility this time. Or maybe just lucky, because it looks the same on IE too.


Btw, is that what you\'re doing when I\'m not giving you orders and a hard life?

[Icefalcon]

Yup, it looks the same for me, but since others are having problems, you might want to get all the bugs out. You could try e-mailing whoever is in charge of the website or maybe Talad.

[druke]

good on ie here

[Harwen]

Great on Konqurer...damn my spelling sucks

[Ghostslayer]

Looks exactly the same on Firefox and IE for me.  Very nice

[theRealGorbulas]

If it is too small it is because of a bug in your browser. The page has the em font size. I don\'t know what an em is, but here is how it is different from px or pt:
The px and pt fontsizes are pixel based. This is fine when your work is only displayed on computers running similar resolutions. What happens if your page is viewed on a (graphical) cell phone? The text will be huge. So, you make an exception so that cell phone browsers use different stylesheets. Now, somebody goes to your page with their screen resolution at 2000+ on their fancy high resolution 17-19\" dual DVI monitor. The text will be readable, but only with a magnifying lense of some sort. You try making some more exceptions, and end up with a javascript test page that finds your screen resolution and sometimes gets messed up by ad blockers and makes the text unreadably huge. Your page now works sort of OK. Somebody goes to your page on a webtv box. I\'ve never used such a thing, so I don\'t know whether the font will be too big, or too small, but it won\'t be right. With an em sized font the browser is given a relative hight and then can decide on the size depending on your display.

Something like that. You should probably ignore what I said and Googelize(strange spelling I made) it. You probably have lower than IE 5 or some less popular browser. Note that things may shift dramaticaly by 2010 and people might not use IE anymore because MS is deciding which part of the css3 standards they want to implement. I hope that they will not do such things. This thread is not about Microsoft or their browser, and you should go complain else where.

[icebr4kr]

Well said. I must say it was a major pain to get it look right in the two major browsers. Namely, I had to make several adjustments to make it work in browsers that don\'t correctly implement the box model. If the font size is too much of a problem, I can just use the same px values as the original site. And please, if you have problems, I would like to hear what browser/version and OS it occurs under (oddly enough, everyone who posted a problem left out browser details). I was very pleased with the result and if you look at the HTML, you will see how lean it is.

I don\'t know how the site is currently hosted, so bandwidth not be a problem if there are prodigious amounts available. My main point was that each page could be reduced significantly (about 10k per page), saving bandwidth across the entire site. It\'s a shame to me to see such an inspiring project have a legacy website. Perhaps we will all be pleasantly surprised when the CB site rolls out (assuming there will be a new one).

[philb]

I did this same thing a while back and presented it to Talad but he wouldn\'t take it unless it was in Dreamweaver template format. He wanted to be able to change the template and change all the pages. I offered to make a system like that in php and he turned it down. He showed no interest in me being the webmaster so I\'m guessing he just likes doing it on his own or something.

Here is screenshots of the page I made:
http://www.angelfire.com/linux/impoor/ps.html

Some of the things I did to it are: Completely recoded the page (was a mess), Made it resize to full width instead of 900 or whatever it was, changed the left side so the image followed the page down, added more things to the left side that just had the tip in it, changed some fonts, changed the submenu on pages to the left side instead of above the content, added the crystals under the title, changed the top images so the background of the menu wouldnt have a big gap between the crystals, took off the wierd bump on the border under the top, plus some smaller things.

My advice would be to stop now unless you plan on making it a Dreamweaver template because Talad didnt want anything but that.

[Syzerian]

I think the ps main site needs a complete makeover at the moment. It looks extremely outdated and very messy
Philb\'s shot of his version was an improvement but still not that great either

I didnt have a problem when looking at that site

[icebr4kr]

I could make it into a Dreamweaver template by adding back in the DW comments. I agree it needs a redesign and that is a nice start. I kind of wanted to redesign it but I figured he would not like a change so I decided to just replicate it cleaning the code and maybe make it a better option. Maybe we will be amazed when a CB site is unveiled, you never know.

[SaintNuclear]

Originally posted by theRealGorbulas
If it is too small it is because of a bug in your browser. The page has the em font size. I don\'t know what an em is

\'Em\' is a unit of measurment. 1 em = the width of capital \'M\' (makes sense, doesn\'t it?).
A properly designed font should have all it\'s chars\' lengths based on em. So capital \'N\' is exactly half the width, em dash is exactly the same width, etc. From some reason most of the fonts (even those that you can find cross-platform, and on most computers) ignore this completely.


I don\'t know about the Dreamweaver templates thing. The site is going to be completely redesigned for CB, isn\'t it? So it doesn\'t matter if the current page can be edited in Dreamweaver or not.
Besides, Notepad rules Dreamweaver! :tup: