![GUI GUI](http://a.fsdn.com/sd/topics/gui_64.png)
![Software Software](http://a.fsdn.com/sd/topics/software_64.png)
![Programming Programming](http://a.fsdn.com/sd/topics/programming_64.png)
![The Internet The Internet](http://a.fsdn.com/sd/topics/internet_64.png)
![IT IT](http://a.fsdn.com/sd/topics/it_64.png)
![Technology Technology](http://a.fsdn.com/sd/topics/technology_64.png)
Standards-Based CSS/XHTML Slide Show 175
sootman writes "Eric Meyer, the man behind the famous Complex Spiral (CSS) Demo page, is at it again. He has created S5, "a slide show format based entirely on XHTML, CSS, and JavaScript." As he says, "With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible." So it can be used for PowerPoint-like work and the show responds to a variety of input--you can go to the next slide by pressing Return, Right, Space, etc. It is being released under a Creative Commons license. So fire up our favorite standards-compliant browser and check it out!"
A New Record .. (Score:5, Funny)
Re:A New Record .. (Score:1, Funny)
Re:A New Record .. (Score:1, Funny)
And these posts still get modded funny?? Redundant, yes
Re:A New Record .. (Score:3, Funny)
1st Slide (Score:4, Funny)
copy/paste (Score:4, Informative)
S5: A Simple Standards-Based Slide Show System
S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. Anyone familiar with CSS can create their own slide show theme. It's totally simple, and it's totally standards-driven.
As a bonus, its markup is compatible with the Opera Show Format, and S5 is engineered to be displayed using Opera Show when a presenation is run using Opera.
If you'd like to see S5 in action, go ahead and run through the introductory slide show [meyerweb.com] (also available as an 95KB ZIP archive [meyerweb.com], the size of which is due to the presence of several images in the slide show). Feel free to try any of the features. For example, you can hit the space bar to advance to the next slide. Or use the right arrow, the down arrow, hit Return... any of these will work. The other features will be explained in, or else demonstrated by, the slide show itself.
If you like the general idea of S5 but don't like the theme used for the intorductory slide show, then fear not: there are already a number of themes [meyerweb.com] available, and you can of course always create your own.
If you have a hankerin' to know more about how this system works, exactly, we have a few resources that might help.
Please also visit the thanks and acknowledgments [meyerweb.com] page, which lists the people who helped improve S5 beyond what I ever could have done myself.
Re:copy/paste (Score:5, Funny)
As a bonus, its markup is compatible with the Opera Show Format
After it gets it's first bloat-ware patch, it'll be Oprah Show compatible too!
I'm here all week.
Re:copy/paste (Score:1)
But... does it come with A NEW CAR??
Re:copy/paste (Score:2)
Google Cache Links for 'ya ... (Score:5, Informative)
Re:Google Cache Links for 'ya ... (Score:1)
Meyerweb is always great (Score:5, Insightful)
Of course, thanks to slashdot, looks like I'll have to wait till tomarrow
Mirror (Score:5, Informative)
Mirror of demo .zip (Score:4, Informative)
Windows Users can use CityDesk (Score:3, Informative)
Oh, the irony - slashdot talking about standards? (Score:5, Interesting)
BTW, to make this comment on topic, the slideshow looks pretty decent, but I wouldn't consider this ground breaking stuff. Eric Krock (netscape technology evangelist) was doing these sort of presentations [mozilla.org] in the 1998/1999 timeframe.
Re:Oh, the irony - slashdot talking about standard (Score:2, Informative)
Now if only some-one could come up with a HTML 3.2 standards compliant browser.
More standards support, I say! (Yes, I use FireFox)
Re:Oh, the irony - slashdot talking about standard (Score:3, Insightful)
Well, technically perhaps but not really in spirit. You could certainly say I'm biased toward a certain view of how markup language *should* be used... But take a look at the slashdot html: Let's see, the Slashdot logo at the top, maybe call it a toplevel heading? Nope, it's table data. The headline above each article, perhaps we should call it a second level heading using? Nope, table data. The paragraph summary of each article? Table data.
It may be technically correct, but lying to my browser about what
Re:Oh, the irony - slashdot talking about standard (Score:3, Interesting)
Don't even joke about that - Acrobat is slow, buggy, crash-prone, backwards-combatible. And on Windows (yes, I have to use it sometimes), it always tries to install something called "Microsoft Journal Viewer". PDFs suck ass for web presentation - although they are nice for non-live stuff.
Re:Oh, the irony - slashdot talking about standard (Score:1)
Re:Oh, the irony - slashdot talking about standard (Score:1)
Re:Oh, the irony - slashdot talking about standard (Score:1)
How to make Acrobat Reader start very quickly (Score:4, Informative)
Acrobat Reader 6 under Windows can easily be changed to launch really quick, if one "disables" all the useless plugins:
1. Enter the Reader-folder.
2. Create a backup-folder, named e.g. "plug_ins_disabled"
3. Move all files from the "plug_ins"-folder, except "EWH32.api", "printme.api" og "Search.api" to the new folder.
3b. Alternatively, just delete all files in the "plug_ins"-folder - again, with the exception of the above three files.
Open a PDF and get amazed
(some of the "useless" plugins are stuff like reading encrypted pdfs - that and other features might not exist if the related plugin is removed... I haven't had any problems, though, through ordinary use for the last six months after removing all these plugin-files)
Re:How to make Acrobat Reader start very quickly (Score:2)
YMMV.
Re:Oh, the irony - slashdot talking about standard (Score:2)
Re:Oh, the irony - slashdot talking about standard (Score:4, Insightful)
Slashdot has a "light" template which was probably originally intended for lynx and ilk. It uses headings reasonably sensibly, and I read slashdot with it using my user stylesheet.
An issue at this point, not just with slashdot but with all similar sites, is that there is no decent HTML construct for marking up threaded discussions, so you either get table/css hacks or (in the rare case that the author is a fanatic) you get nested ordered lists with the markers hidden in CSS, which just makes a mess in non-CSS browsers.
Re:Hacks (Score:2)
That doesn't mean anything. As far as the HTML is concerned, you just have a bunch of meaningless containers all nested inside each other. It's only in the presence of a stylesheet that -- for visual browsers only -- the nesting is available.
This is like using DIV CLASS="heading" instead of H1 and giving that class the appearance of a heading. Sure, in a visual browser to a sighted person it might look like a heading, but it isn't any more a heading than the DIV CLASS="paragraph" that follows it.
The clean
Re:Oh, the irony - slashdot talking about standard (Score:2)
A previous article posted here about the
Re:Oh, the irony - slashdot talking about standard (Score:3, Funny)
Re:Oh, the irony - slashdot talking about standard (Score:5, Informative)
You believe wrong, it isn't even compliant 3.2. Run it through a validator and watch all the problems it shows.
Re:Oh, the irony - slashdot talking about standard (Score:2)
Re:Oh, the irony - slashdot talking about standard (Score:2)
Is this a
Re:Oh, the irony - slashdot talking about standard (Score:4, Interesting)
Excellent powerpoint killer (Score:5, Interesting)
* Fonts are not scaled based on display resolution and available pixels; manual CSS editing is required
And a massively annoying one:
* Only one author can be listed in the metadata
I'm not quite sure why the second limitation exists. But already this program does all of the important functions I need Powerpoint for, and it has one big advantage over powerpoint
I was highly intrigued to learn about Opera's powerpoint alternative and previous attempts in this direction. This may be the first web app that I use all the time.
Re:Excellent powerpoint killer (Score:4, Insightful)
Re:Excellent powerpoint killer (Score:1, Insightful)
The second point seems easy to fix in the code.
Re:Excellent powerpoint killer (Score:3, Interesting)
Take a look at prosper [colorado.edu] or latex-beamer [sourceforge.net] - the results are superior to everything Powerpoint comes up with
The real problem is to to provide a click-and-point interface to easily create these presentations. And LaTex is a real good backend, but it shows its age here and there (for the web a XML-based language would be an advantage for example
Re:Excellent powerpoint killer (Score:2)
Installing Fonts for LATEX on OS X [mac.com]
Re:Excellent powerpoint killer (Score:2)
- scale slides (automatically) to match the current display,
- allow obligatory slide transition effects on IE (and still work otherwise on any modern browser,)
- offer a wysiwyg editing system to create simple slide shows, for people that don't feel like editing html?
I kinda see how to put all that together, but it's unclear to me if there's a point.
Dynamic Drive (Score:5, Informative)
Re:Dynamic Drive (Score:2)
Re:Dynamic Drive (Score:2)
Re:Dynamic Drive (Score:2)
youngpup.net
twinhelix.com
Apple Keynote (Score:5, Interesting)
Also makes me wish Microsoft supported more of the CSS standard on IE. I've been using CSS since '99 and almost every interesting effect breaks in IE Win. Thankfully more Windows users are using alternative browsers for security reasons.
Now if only Slashdot would validate! [w3.org]
Re:Apple Keynote (Score:3, Interesting)
It is an interesting idea, though I am just wondering what this has over other solutions such as PDF?
Re:Apple Keynote (Score:2)
Yes you can upload a PDF but I'd rather the HTML as it's more malleable.
Re:Apple Keynote (Score:2)
Re:Apple Keynote (Score:1)
Years.
Many many years.
You bastards Slashdotted Eric (Score:3, Funny)
An attempt to use a standards compliant Web as an alternative to MS Powerpoint...
and you slashdot his ass.
Is this really that interesting? (Score:2, Insightful)
My girlfriend was ever so impressed. (I wish.)
Just seems to me there are hundreds of more interesting projects that deserve a slashdot post. P
Re:Is this really that interesting? (Score:1)
That was a fairly important bit I think.
Amazed Again (Score:5, Insightful)
So I open it up and it's a normal looking web page that is well done and works great. When your browser lacks javascript (or it's turned off) it looks like any other well made page. This is probably why it prints well too. Then you turn on javascript (or in my case let the little security warning from IE that came with SP2 run the script) and it's just like looking at a powerpoint presentation of the exact same data. Add a few other sets of CSS stuff and you could make it also look great for a handheld (like a Palm or some such) that might not be able to display the webpage well (assuming they can't handle the powerpoint style part here).
And it's all just XHTML, CSS, and JavaScript. Amazing the things that can acomplish wihtout needing Java, ActiveX, Flash, a seperate viewer (like PowerPoint), etc.
When you get someone really skilled with some pieces of technology, it's amazing the stuff they can crank out.
I know the site is down (it was for me) but get a mirror of the zip file (there are ones in other comments) and check it out if you have even the tiniest interest in this.
Re:Amazed Again (Score:3, Insightful)
Re:Amazed Again (Score:2)
The site is nice but I'm very far from being impressed. Honestly, all there is to the design is a PNG image with alpha transparency and a fixed background image. I have seen much more impressive designs that are compliant.
Look over CSS Zen Garden [csszengarden.com]. The same XHTML page has dozens of CSS files and the layout absolutly never look the same. The source is very clean too. That website really shows the power of CSS, and it has been running for years. Check out multiple skins, some of them are vertical, some hor
Re:Amazed Again (Score:1)
Re:Amazed Again (Score:1)
Re:Amazed Again (Score:1)
Re:Amazed Again (Score:2)
From the site:
Anyway, CSS Zen Garden [csszengarden.com]is fantastic!
I would be very impressed... (Score:5, Insightful)
MOD PARENT UP (Score:2)
Re:MOD PARENT UP (Score:2)
Perhaps it's better on non-Windows, but at the moment Word (unfortunately) shits all over OOo.
Re:MOD PARENT UP (Score:2)
Re:I would be very impressed... (Score:2)
Impressed (Score:1)
Incidently: Coral [nyud.net] links [nyud.net]
Re:Impressed (Score:1)
Is this what they call Karma Whoring?
OO.o Impress? (Score:2, Informative)
Im not exactly sure of a reason to develop this standard though. I've been using the latest version of OpenOffice's Impress to do all my presentations for my uni projects. I've found it really easy to use.. maybe a little easier than Powerpoint. I know its more a clone of PP than anything revolutionary, but it stores its presentations in an OPEN format. It works great, and is also has very few problems when converting to a powerpoint slide (
Re:OO.o Impress? (Score:3, Insightful)
Re:OO.o Impress? (Score:1)
In that case it would be good as it removes the need for extra software to be installed..
Re:OO.o Impress? (Score:1, Insightful)
XML! (Score:1)
Yeah, but his is even better: With S5 (which uses XHTML), you can store your presentation in an XML based format!
Oh, wait...
PPT convertor? (Score:1)
Re:PPT convertor? (Score:2)
Seriously, though, it shouldn't be too hard for someone who is familiar with OpenOffice's code to harness that engine to do it (open
CSS stands for (Score:5, Funny)
Too bad it's /.ed (Score:3, Interesting)
I'd like to see if it's compatible with Dean Edwards' IE7 script [edwards.name]. If so, it could almost be considered cross-browser compatible enough for general use.
Guess I'll have to look for a mirror...
Re:Too bad it's /.ed (Score:2)
Ah well, maybe this will get me off my butt to write my own, cross-browser presentation system...
Re:Too bad it's /.ed (Score:2)
Did my own version once (Score:4, Informative)
I hereby put it into the public domain.
Unhiding paragraphs (Score:2)
LaTeX (Score:5, Informative)
Those who use LaTeX should check out beamer--the table of contents is quite intelligent & they are easily theamable & have already solved many things that S5 is only planning to include.
Example presentation using s5 (Score:4, Interesting)
I needed to create some slides last week for a presentation to my company's Best Practice group. After working out the actual content I wanted, it took me all of 20 minutes to create the content using s5.
Here's the final result: Introduction to CruiseControl [exubero.com]
Mozilla users can switch to alternative stylesheets using the switcher on the status bar.
I couldn't try it out, so... (Score:2)
Otherwise it seems pretty useless.
Re:I couldn't try it out, so... (Score:2, Informative)
Not valid XHTML (Score:1)
Re:Not valid XHTML (Score:2)
Sending out the aforementioned Content-Type headers with Opera and IE seem to work, though. Whether or not they do anything with those headers is another thin
Not very impressive (Score:2)
Nice (Score:2)
Sorry for the free avdertising btw.
Coral P2P cache (Score:2, Informative)
You guys should stop using the google cache and use Coral caches [nyu.edu] instead.
SSTree is standards complient tree widget (Score:2, Informative)
Re:And (Score:4, Insightful)
Re:And (Score:1)
Perhaps you should ask your software vendor to make a more standards compliant browser?
I've been through this before on webdesignforums [webdesignforums.net]. It's an endless argument, but basically IE chooses not to support all of CSS, but a fairly sizeable subset, and there's lots of cool things in the CSS IE misses out on.
I've concluded that since IE represents 90-95% of the browser market, it is the defacto standard. That's a trap that open standards like CSS can fall into. Saying "but IE isn't standards complient" is co
Re:And (Score:2, Insightful)
I would say it's more like 80% at this point, but it's undeniable that IE's marketshare simply can't be ignored. (At least for sites I'm paid to work on -- when I create a non-business site, I could care less how it looks in IE. Yes, I am a web developer.)
Re:And (Score:4, Insightful)
Re:And (Score:1)
Re:And (Score:2)
Konqueror is definitely getting better IMHO. Unfortunately for me as a developer of Intranet apps, its default security setting is a little towards the paranoid side; and it won't let a pop-up window alter form contents in the opener, even if the page was off the same server. Which is a bit of a bummer when that's exactly what your app depends on. (Also, slightly unrelatedly, a tab doesn't automatically c
Re:And (Score:2, Informative)
Re:And (Score:3, Informative)
Re:And (Score:2)
Re:Stop with the "standards" bullshit! (Score:2, Insightful)
But why am I responding to an AC troll? How you get from "I like and respect Eric Meyer" to "his proclamations about 'web standards' rather deceptive" is amusing.
Obvious possibilities include:
1. Pedant
2. Troll
3. Wishes he had as much attention and respect
phah!
Thoromyr
Re:Stop with the "standards" bullshit! (Score:3, Insightful)
OK, I'll bite. In what practical way are W3C's specifications "less authoritative" than standards such as the C++ standard? For that matter, how is The Java Language Specification less authoritative than an ISO standard? The answer clearly isn't that the ISO enforces their standards, because I don't see any C++ compilers being recalled because th
Re:Fade In, Fade Out (Score:2)
I dont think it would be snappy or pretty but it could be done.
I cant remember if CSS had an attribute for opacity or transparency with images or bg colors. That might also work with a div overlay..