Slashcode Log In
Slash + CSS
We've been working for some time now on getting Slash to utilize CSS and also updating it's old crufty HTML while we're at it. We've moved Slash to HTML Strict 4.01. Slashcode.com and use.perl.org are currently running on this code. You can take a look at the markup, or log in and take a look around.
If you'd like to see what Slashdot might look like you can activate the Slashdot stylesheet on Slashcode.com in Firefox by choosing View > Page Style > Slashdot. I'm sure you can do the same thing with other browsers but you're on your own for the specifics of how to do so.
If you're a developer feel free to install a test site and play around with the new code. It's currently available as the freshest code in CVS.
ie:$cvs -d:pserver:anonymous@cvs.sourceforge.net:/cvsroot/slashcode login CVS password: (hit return, there is no password) $ cvs -d:pserver:anonymous@cvs.sourceforge.net:/cvsroot/slashcode co slash
Note we only suggest you use this on a test site. The code is still in being actively developed and changed.
For live sites you'll want to stick to using tags. The latest non-css tag is T_2_5_0_76.
Instructions for grabbing T_2_5_0_76:
$cvs -d:pserver:anonymous@cvs.sourceforge.net:/cvsroot/slashcode login CVS password: (hit return, there is no password) $ cvs -d:pserver:anonymous@cvs.sourceforge.net:/cvsroot/slashcode co -r T_2_5_0_76 slash
Light mode is now just handled by css. It will probably still see some further refinement, however we appreciate any feedback on that, handheld support and similar things.
We hope this goes a long way towards making Slash more easily customizable from a design standpoint, and welcome any feedback you might have.



w00t
(Score:0)looks good
(Score:1)( http://www.rudis.net/ )
not a <table> element to be found in the page source.
great job, folks!
I love it
(Score:0)Anyway, I'm at work, so I can't look at the slashdot css, but the default one looks really impressive. kudos
Opera
(Score:0)However, the "View->Styles->Slashdot" option does not stay selected between pages. I'm not sure if that's just plain how it works, or something is not right somewhere.
Looks great, to me. Just make it all validate properly, and you're golden.
Put content first
(Score:0)You can still position everything just fine with CSS for graphical browsers, they won't see a difference. But for text browsers, users won't have to hit Page Down forty times before getting to the first story.
Why html 4.01?
(Score:0)Fabulous!
(Score:0)Posts structure a bit too complex?
(Score:0)While it's probably done to allow for more CSS flexibility (rounded corners and all), posts structure could be much simplified:
On the other hand, the fair use of paragraph tags is really cool, makes the code look much cleaner, and the use of lists nearly everywhere where they may be used is nice.
Mobile phone and PDA support????
(Score:0)To make things even worse the CSS version of Slashdot is not as compatible anymore with these mobile browsers as they are not so CSS-capable as desktop browsers are. In other words: sh*t.
What I need is a special mobile version of Slashdot that loads AUTOMATICALLY when the 10-15 most popular mobile browsers hit the slashdot.org site.
xhtml
(Score:1)Guys xhtml, 4.01 strict is a waste of time, innovate don't regress! Also it's ok to use tables when you are displaying tabular data (a calendar, stock chart, etc.). CSS-driven and standards-based design is about semnatic, relevant markup, not simply ejecting tables.
May I refer you to some important reading material:
Bullet Proof Web Design [simplebits.com]
Web Standards Solutions [simplebits.com]
and important sites:
www.csszengarden.com [csszengarden.com]
www.simplebits.com [simplebits.com]
www.alistapart.com [alistapart.com]
selecting text is broken
(Score:0)Do you know what a validator is?
(Score:1)a question
(Score:1)Displays horrible in IE 5.5
(Score:0)Safari
(Score:0)Camino
(Score:0)Konqueror
(Score:0)New SlashCode is illegible on Treo 650
(Score:1)I bet it's probably illegible on other handheld devices as well... try it on yours!
Print View Needs Improvement
(Score:0)Divitis
(Score:1)On stylesheet switching
(Score:0)But even "good browsers" like Firefox, Mozilla and Opera don't handle this correctly. When you click on a link that fetches the next page from the same site, the style sheet selection is undone and you again need to pull out the same 3-level menu selection to switch style to the one you want.
Only Konqueror handles this "correctly", by remembering the style you selected for tht site.
However, solutions using a cookie are available, like the one describled in this article on A list Apart: http://www.alistapart.com/articles/alternate/ [alistapart.com]
When using this method, some clickable widget on the page can be used to select style, while the menu item still works.
Slashdot should incorporate something like this, or the stylesheet selection will be useless to 99% of its users.
heh.
(Score:0)css errors
(Score:0)Source File: http://www.slashcode.com/base.css [slashcode.com]
Line: 22
Error: Expected identifier for ID selector but found '#404'. Ruleset ignored due to bad selector.
Source File: http://www.slashcode.com/base.css [slashcode.com]
Line: 48
Error: Selector expected. Ruleset ignored due to bad selector.
Source File: http://www.slashcode.com/slashdot.css [slashcode.com]
Line: 244
Error: Expected end of value for property but found '2px'. Error in parsing value for property 'padding'. Declaration dropped.
Source File: http://www.slashcode.com/slashdot.css [slashcode.com]
Line: 488
highlighting
(Score:0)Serif fonts?
(Score:0)Plzplzplz
(Score:0)Looking good, but...
(Score:0)A good rule of thumb is to try and use as little divs as possible, since they at this point doesn't carry the same semantic weight as h1, p and uls do.
- Wertigon
How to select a stylesheet in Opera 8:
(Score:0)At the bottom of the View -> Style menu.
Toolbar route:
Hit the view toolbar toggle if the view bar isn't already shown.
Hit the stylesheet dropdown ("Author mode").
Select a stylesheet from the bottom of the list.
Status is Failure.
(Score:0)Bad developers. No cookie.
divitus galore
(Score:1)Jaggys
(Score:0)Few differences
(Score:0)The headlines padding (+nav header padding) is a little too much, and I'm not sure about the username coloring.
This is a test
(Score:0)Problem
(Score:0)How cool is this
(Score:1)( http://www.pccybertek.com/ | | Last Journal: Thursday September 22, @02:56PM )
"Reply" form is too big
(Score:0)Could "auto-link" url syntax actually be automatic
(Score:0)simple slashcode addition request
(Score:0)I know that this is probably not the place to ask, but would it be possible to add a title attribute to the comments links? I frequently find myself bookmarking comments on slashdot and other slash based sites by right clicking on the comment id link. In firefox at least the default bookmark title gets set to that comment id which is completely unhelpful.
All that would be needed is to change:
to:
And now my bookmark title would get set to that title, which would far more helpful
Thanks,
hostyle
wow, a new post on slashcode.com
(Score:1)I thought this site was completely dead! ☺ Very glad to see that it's not.
This change was much needed. Valid HTML+CSS makes the geeks' favorite web site look more respectable. Thanks for all the hard work to make it happen.
Does clearing this hurdle mean we'll see some more updates here regarding slash development? For instance, about a migration to Apache 2?
--
⇒ Constitutionally Correct [cpne.org] ⇐
mouse event image glitch
(Score:0)Is it meant to display a different image on focus/blur?
If so, why not cache it? (there is javascript in the page already...)
I noticed it on
It reminds of a monkey-bashing click-thru ad, as it seems to evade my mouse cursor every time I take aim.
(Running IE6 on win XP, and also on win2K, btw)