Slashdot Mirror
Slashdot HTML 4.01 and CSS
After 8 years of my nasty, crufty, hodge podged together HTML, last night we finally switched over to clean HTML 4.01 with a full complement of CSS. While there are a handful of bugs and some lesser used functionality isn't quite done yet, the transition has gone very smoothly. You can use our sourceforge project page to submit bugs and we'd really appreciate the feedback. Thanks to Tim Vroom for putting the HTML in place, Wes Moran for writing the HTML in the first place, and Pudge for writing the code to convert
900k users, 60k stories, and 13 million comments to comply. And for the brave, download the stylesheet and start experimenting with new themes and designs for Slashdot: some sort of official contest to re-design Slashdot is coming soon, so you can get a head start now.
Response to some reader notes in the forum:
- There are a handful of validation errors. Some will be fixed in the next day or so. Others are external HTML that is out of our hands. We may never toally validate with zero errors. yes we're comfortable with that.
- We're not going to XHTML for the same reasons as above- we control almost all of our HTML, but some of it (like the ads, and imports from other sites) just isn't ours to muck about with. We could go to XHTML, and someday we might, but today we're happy to just get to HTML 4.01 and CSS.
- Light Mode will be back in some form or another. The problem is that light mode served two purposes: Low Bandwidth, and Simplified Design. The later will probably be handled with a CSS theme (we have a handheld theme already). Low Bandwidth is a little trickier, but we will resolve that soon.
- All of our code is beta tested on www.slashcode.com and use.perl.org. Unfortunately there's always a few issues from those tiny tiny sites and the giant bohemoth that is Slashdot itself.
Why not XHTML?
nice one guys !
$ strings FTP.EXE | grep Copyright
@(#) Copyright (c) 1983 The Regents of the University of California.
At first glance, it doesn't look any different to me, so you must have done something right.
Except then I hit reply and the post a comment dialog looks a bit different but not bad.
Must have been quite the effort, congrats.
As a rock-in-roll Physicist once said, No matter where you go, there you are.
summary: "This page is not Valid HTML 4.01 Strict!"
Sure, only 13 on the front page of /. (don't remember how much before) and they all seem relatively minor. Still, sure is better than what it was. Glad to see it.
thng
Why don't you guys have a formal testing process in place for slashcode?
I'd prefer that they worry less about standards compliant code, testing, and other bullshit and instead work on eliminating worthless editorials, duplicate stories, and any number of other far more important issues to make Slashdot better.
It's nice to see that they are working on *something* but it *was* working all those years just fine. It's just been the last two years that Slashdot has gone *really* downhill with stuff that has nothing (or little) to do w/the codebase.
NS 4 nearly has no support for CSS. That's why the "new slashdot" (heh, never thought I would see that phrase) looks crap in it.
Seriously, don't you think it's time to drop support for NS 4? I mean this is the slashdot crowd, that has been saying for the last 8 years that developers should comply with standards and don't tune web pages for a specific browser, and now that finaly it is compliant with the standard, you are complaining that it looks bad in an ancient browser? You know, slashdot now also looks completely crap on BeOS's netpositive. should I complain about that as well?
--
If you've ever done serious web design then you know that going from a 5 year old plus table-based layout to a completely CSS-driven one is more like a Godzilla step.
More importantly, it makes things like what you are requesting relative bably steps.
Dissolve... Resolve... Evolve...
Because of course if you're reading slashdot you must be a leet dHTML haxxor.
7 November 2006: The day Americans realized corruption and incompetence weren't addressing 11 September 2001
The later will probably be handled with a CSS theme (we have a handheld theme already). Low Bandwidth is a little trickier, but we will resolve that soon.
Light mode worked very well for both. Keep in mind that a majority of handheld based browsers and things like Lynx/links dont have much use for css if they support it at all. Not to mention that for handheld devices low bandwidth is almost alwas a requirement as well, considering that many people who use one for accessing the internet do so on one of the cellphone networks, and are likely to pay per byte. The 2 things are indeed different requirements, but they more often then not happen to come together so why not serve both with the same solution?
In safari and it seems firefox for macintosh weirdness abounds throughout the new slashdot layout. Things show up in sans-serif fonts at random, for example the contents of the "recent posts" box on user pages, or the "allowed html" beneath a post. Things have unexplained margins or indents; for example the "Subject" box when you submit seems to be over one space from the comment box. When showing comments, all the gray boxes have surprisingly large internal margins but everything else has no margins at all, all the comments are scrunched together. Font sizes seem to vary sometimes at random, for example the first three headlines on the front page are a totally different size from the ones beneath. The whole thing looks a bit hodgepodge.
Of course, web design is unpredictable and I'm sure it'll get sorted out eventually.
Irritable, left-wing and possibly humorous bumper stickers and t-shirts
I see it the other way around. I loaded it up, read articles, clicked the links, changed the filtering, etc, and it all worked just fine.
I think Misagon should have been more clear that he didn't like the way it looked instead of saying that it was broken, because it's clearly not broken. The plain HTML style for Netscape 4.x is very common these days, any Netscape 4 user should be used to it by now.
Bogtha Bogtha Bogtha
There's one thing you easily conform to standards with, end your img and br tags properly.
/> />
Example 1: <img src="img.png"
Example 2: <br
"Edit Comment"
Surely thats a bug. We can't edit comments posted.
We can post them, or create them, but we can never edit them.
Also, the order of the buttons has changed, is that to get us double checking.
I noticed the changes to the user page and thought FF had dropped my config profile (min font size) thankfully it hasn't.
liqbase
...webpage bandwidth is pretty irrelevant in 2005.
Please speak for yourself, d.de. Or are you going to refer 'us' to the 'US centric' section of the Slashdot FAQ?
There are literally millions of people using the 'net over slow dialups, multiparty daisy-chained wireless links, PDA/phones not using GPRS, etc.
The Hacker's Guide To The Kernel: Don't panic()!
But it does fail gracefully. Other than looking like crap, Slashdot is perfectly usable in Netscape 4.
These validators always bugged the hell outta me.
No "border" attribute for the IMG tag? No "align" attribute for the P or DIV tag? No "language" attribute for the SCRIPT tag? In that case, I've been writing VERY bad html for a LONG time.
<flamebait>When I see errors like this, I wonder what friggin' use these validators are... if you call these things errors, then why do all browsers (even mozilla/ff) honor these attributes instead of ignoring them? What purpose does it serve to flag these as "errors" other than to be pedantic in some way, shape or form?</flamebait>
Okay, I'm flying a bit off the handle, but can someone explain how/where/why these attribs were developed, why they continue to be supported? Or are their use intended for a different DOCTYPE, or something like that? (DOCTYPE declarations -- yet another thing whose purpose I never fully grasped)
Err, except the way it is now is semantically correct - it's a list of links. Your way it's just a bunch of links all mooshed togethor with no semantics at all.
There is a lot of "div-itis" though, but I'm guessing that was to provide flexability for user defined stylesheets in the future, so can be forgiven i guess.
NZ Electronics Enthusiasts: Check out my Trade Me Listings
I'm guessing you're probably used to sites looking like shit then, right?
Seriously, why?
I like my women like my coffee... pale and bitter.
Also, the order of the buttons has changed
Oh good, it's not just me.
is that to get us double checking
If they wanted to do that, you'd think they'd simply not show a Submit button until after the first Preview.
Quantum materiae materietur marmota monax si marmota monax materiam possit materiari?
Please, please, please display years on your dates ... I can't believe this hasn't been fixed yet.