PlaneShift
Gameplay => General Discussion => Topic started by: icebr4kr on July 18, 2004, 12:26:04 pm
-
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.
-
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.
-
looks perfect, perhaps they will use it or recruit you as a webdesigner?
-
Ha pretty good, the text is big for me :P
-
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? :P
-
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.
-
good on ie here
-
Great on Konqurer...damn my spelling sucks :(
-
Looks exactly the same on Firefox and IE for me. Very nice :D
-
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.
-
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).
-
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.
-
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
-
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.
-
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:
-
The reason why Talad wants a Dreamweaver template is because he uses Dreamweaver, and he is the one who has all the content and info for the site. He doesn\'t wish to give it out to someone he doesn\'t know, and especially not if they aren\'t on the Dev team. So he doesn\'t mind if you make a site for PS, he just wont give you any content information to put on the site. :)
-
I think we need someone who is not part of the dev team that is willing to manage the site, redo it with Talads permission, and add content, new screenshots every once in a while, articals, detailed descriptions, and current social PS news as the other news.
-
I have quickly marked it up with DW tags... I cannot test it though.
-
Well, it can be loaded in Dreamweaver and the tables are recognized as layouts, but it doesn\'t look good. It definitly shouldn\'t look like this (http://stnuc.freewebpage.org/layout.gif)
Edit: Nevermind, I forgot to attach the CSS. It works good in Dreamweaver.
-
hehe, good job, I\'m not sure the bandwidth saved will really matter, but it\'s always better to use xhtml+css
Hope the real site will eventually be changed ^^
-
I really like philb\'s design. It looks really good to me. I especially like the three crystals on the left side. I think that a new design is in order for the new release that is entirely different than the old, though.
-
I just wanna say that I\'m still looking for somebody to redesign the Fragnetics section of PlaneShift -> http://planeshift.fragnetics.com . The website does not need to look like the official PlaneShift site, and only involves about 3-5 webpages.
My intention is that the Fragnetics portion of PlaneShift should look different because we don\'t expect to be the only PlaneShift hosts in future, and each server should be able to distinguish itself (through the website for starters).
The problem is that while there are many efficient ways to code webpages, I\'ve been looking at more of the design aspect of the site and I\'ve not been able to find somebody who can commit (for free of course) to redesigning it well. Naturally, credit would be given to whoever can come up with a new site.
There are no templating requirements, but the site should ideally be in PHP.
-
Are we allowed to use Planeshift graphics if we are running the Planeshift server, or do we have to create everything from scratch? The licensing is very restrictive.
-
The license says that you are not allowed to use any of the art (including graphics) unless you are either
- running an official server (for which currently no applications are accepted) or
- running a client that connects to an official PS server.
No exceptions AFAICS. I don\'t even know whether it is legal to use the graphics on fan sites or as avatars somewhere.
0. This License applies to any material or other work which contains a notice placed by the copyright holder saying it may be distributed under the terms of this PlaneShift License.
1. Terms defined in this Article 1, and parenthetically elsewhere, shall throughout this License have the meanings here and there provided. Defined terms may be used in the singular or plural. Definitions:
- The \"Material\", below, refers to any such material or work, and a \"work based on the Material\" means either the Material or any Derivative Work under copyright law.
- \"Derivative Work\" shall mean a work containing the Material or a portion of it, such as a revision, modification, enhancement, adaptation, translation (including compilation or recompilation by computer), abridgement, condensation, expansion, or any other form in which such preexisting works may be recast, transformed, or adapted, and that, if prepared without authorization of the owner of the copyright in such preexisting work, would constitute a copyright infringement.
- Each licensee is addressed as \"you\".
- \"Official PlaneShift Server\" is defined as a server name and ip address. Official PlaneShift Servers are defined by PlaneShift Team and published on the site http://www.planeshift.it. No other server, except the ones listed at that web site, can be considered an Official PlaneShift Server.
2. You may not copy, modify, publish, transmit, sell, participate in the transfer or sale or reproduce, create Derivative Works from, distribute, perform, display or in any way exploit any of the Material released under this License unless expressly permitted by the PlaneShift Team.
3. You may use the provided Material, for personal use only, to connect to an Official PlaneShift Server only in conjunction with a Planeshift Client, distributed by the Planeshift Team. Offical PlaneShift Servers can only be designated by PlaneShift Team.
As the right to \"fair use\" tends to be increasingly reduced towards nonexistance, it can be doubted if anything that is not explicitely allowed may not be prohibited. Welcome to the world of IP.