<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: S5 Final Candidate</title>
	<atom:link href="http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/feed/" rel="self" type="application/rss+xml" />
	<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/</link>
	<description>Things that Eric A. Meyer, CSS expert, writes about on his personal Web site; it&#039;s largely Web standards and Web technology, but also various bits of culture, politics, personal observations, and other miscellaneous stuff</description>
	<lastBuildDate>Fri, 19 Mar 2010 00:27:46 -0400</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Eric Everman</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-5146</link>
		<dc:creator>Eric Everman</dc:creator>
		<pubDate>Thu, 03 Mar 2005 04:59:50 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-5146</guid>
		<description>I agree that this pretty.css entry:

.slide h1 {
  text-transform: capitalize;
}

is an anti-feature.  It seems to cause Safari to capitalize a letter following a single quote (can&#039;T) and the capitalization is not always wanted.

$.02</description>
		<content:encoded><![CDATA[<p>I agree that this pretty.css entry:</p>
<p>.slide h1 {<br />
  text-transform: capitalize;<br />
}</p>
<p>is an anti-feature.  It seems to cause Safari to capitalize a letter following a single quote (can&#8217;T) and the capitalization is not always wanted.</p>
<p>$.02</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Steffen Gl�ckselig</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1476</link>
		<dc:creator>Steffen Gl�ckselig</dc:creator>
		<pubDate>Thu, 28 Oct 2004 22:13:53 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1476</guid>
		<description>Daniel,

You could get rid of that behavior by removing &lt;code&gt;text-transform: capitalize;&lt;/code&gt; from &lt;code&gt;pretty.css&lt;/code&gt; in the rule for &lt;code&gt;.slide h1&lt;/code&gt;.

regards</description>
		<content:encoded><![CDATA[<p>Daniel,</p>
<p>You could get rid of that behavior by removing <code>text-transform: capitalize;</code> from <code>pretty.css</code> in the rule for <code>.slide h1</code>.</p>
<p>regards</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Daniel Steinberg</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1468</link>
		<dc:creator>Daniel Steinberg</dc:creator>
		<pubDate>Thu, 28 Oct 2004 17:17:35 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1468</guid>
		<description>Nice job Eric, thanks. I used S5 for two conference presentations this week. One bug (feature gone wrong?), you convert all words in each slide&#039;s title to caps. The implementation results in &quot;you can&#039;t do that in .local&quot; being rendered as &quot;You Can&#039;T Do That In .Local&quot;. Can we keep the &quot;T&quot; from being upper case? What about the &quot;L&quot;?

Thanks, Daniel</description>
		<content:encoded><![CDATA[<p>Nice job Eric, thanks. I used S5 for two conference presentations this week. One bug (feature gone wrong?), you convert all words in each slide&#8217;s title to caps. The implementation results in &#8220;you can&#8217;t do that in .local&#8221; being rendered as &#8220;You Can&#8217;T Do That In .Local&#8221;. Can we keep the &#8220;T&#8221; from being upper case? What about the &#8220;L&#8221;?</p>
<p>Thanks, Daniel</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Penmachine words music comment</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1411</link>
		<dc:creator>Penmachine words music comment</dc:creator>
		<pubDate>Tue, 26 Oct 2004 15:30:55 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1411</guid>
		<description>&lt;strong&gt;More on replacing PowerPoint&lt;/strong&gt;
Some days ago I mentioned Eric Meyer&#039;s browser-based PowerPoint replacement, called S5. Now there are additional slide themes, and ways to turn a regular weblog into an S5 presentation/slideshow.</description>
		<content:encoded><![CDATA[<p><strong>More on replacing PowerPoint</strong><br />
Some days ago I mentioned Eric Meyer&#8217;s browser-based PowerPoint replacement, called S5. Now there are additional slide themes, and ways to turn a regular weblog into an S5 presentation/slideshow.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bruce</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1359</link>
		<dc:creator>Bruce</dc:creator>
		<pubDate>Fri, 22 Oct 2004 14:40:55 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1359</guid>
		<description>Re: &quot;to keep things more consistent with OSF 1.0, I altered the S5 format to use h1 elements for slide titles, whereas before they were h2 elements.&quot; I preferred the old way, so that there was a distinction between the title slide heading, and those of the rest of the slides.  

I don&#039;t think you should be afraid of diverging from OSF where it can be improved.</description>
		<content:encoded><![CDATA[<p>Re: &#8220;to keep things more consistent with OSF 1.0, I altered the S5 format to use h1 elements for slide titles, whereas before they were h2 elements.&#8221; I preferred the old way, so that there was a distinction between the title slide heading, and those of the rest of the slides.  </p>
<p>I don&#8217;t think you should be afraid of diverging from OSF where it can be improved.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Roger Johansson</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1324</link>
		<dc:creator>Roger Johansson</dc:creator>
		<pubDate>Mon, 18 Oct 2004 17:40:49 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1324</guid>
		<description>brian (#53): Too much content is probably what made me see the scrollbar in IE6. I realised that when reading your comment on low resolution monitors. Seems like IE6 always makes room for the tallest slide.</description>
		<content:encoded><![CDATA[<p>brian (#53): Too much content is probably what made me see the scrollbar in IE6. I realised that when reading your comment on low resolution monitors. Seems like IE6 always makes room for the tallest slide.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Martin Hense</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1310</link>
		<dc:creator>Martin Hense</dc:creator>
		<pubDate>Sun, 17 Oct 2004 23:55:34 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1310</guid>
		<description>Three things:
&lt;ul&gt;
&lt;li&gt;I have written a German &lt;a href=&quot;http://www.germanistik.fu-berlin.de/~hense/web/slideshow/s5-css.html&quot;&gt;tutorial for creating new S5-CSS-themes&lt;/a&gt; (raw styled, will be published with the known &lt;a href=&quot;http://www.yatil.de/s5/&quot;&gt;German S5-translation&lt;/a&gt; by Eric Eggert, soon). If anyone is able to do a better English translation than I could, you&#039;re welcome!&lt;/li&gt;
&lt;li&gt;I am with brian (comment #53), and &lt;i&gt;onclick=&quot;go()</description>
		<content:encoded><![CDATA[<p>Three things:</p>
<ul>
<li>I have written a German <a href="http://www.germanistik.fu-berlin.de/~hense/web/slideshow/s5-css.html">tutorial for creating new S5-CSS-themes</a> (raw styled, will be published with the known <a href="http://www.yatil.de/s5/">German S5-translation</a> by Eric Eggert, soon). If anyone is able to do a better English translation than I could, you&#8217;re welcome!</li>
<li>I am with brian (comment #53), and <i>onclick=&#8221;go()</i></li>
</ul>
]]></content:encoded>
	</item>
	<item>
		<title>By: TomH</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1309</link>
		<dc:creator>TomH</dc:creator>
		<pubDate>Sun, 17 Oct 2004 23:38:12 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1309</guid>
		<description>looks very nice. maybe its a nice idea to work with &lt;dt&gt; and &lt;dl&gt; so you can hide the defenition descriptions in your slideshow where you can tell about them while you actually show them on the original website and the printer version. Users will have some more details about several stuff then handled in the presentation.&lt;/dl&gt;&lt;/dt&gt;</description>
		<content:encoded><![CDATA[<p>looks very nice. maybe its a nice idea to work with
<dt> and
<dl> so you can hide the defenition descriptions in your slideshow where you can tell about them while you actually show them on the original website and the printer version. Users will have some more details about several stuff then handled in the presentation.</dl>
</dt>
]]></content:encoded>
	</item>
	<item>
		<title>By: Penmachine words music comment</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1308</link>
		<dc:creator>Penmachine words music comment</dc:creator>
		<pubDate>Sun, 17 Oct 2004 15:39:39 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1308</guid>
		<description>&lt;strong&gt;Comments on Holy Grail of PowerPoint replacements&lt;/strong&gt;
I think of it two ways: the concept is the Holy Grail, even if the execution isn&#039;t all the way there; and not having animations and in-slide actions isn&#039;t so bad.</description>
		<content:encoded><![CDATA[<p><strong>Comments on Holy Grail of PowerPoint replacements</strong><br />
I think of it two ways: the concept is the Holy Grail, even if the execution isn&#8217;t all the way there; and not having animations and in-slide actions isn&#8217;t so bad.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Steffen Gl</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1302</link>
		<dc:creator>Steffen Gl</dc:creator>
		<pubDate>Sun, 17 Oct 2004 08:42:17 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1302</guid>
		<description>&lt;p&gt;During working with S5 I&#039;ve noticed that it would always go to the next slide upon clicking on a slide - even after selecting some text and moving the mouse.&lt;/p&gt;
&lt;p&gt;I think this could get a mess when trying to highlight some portion of text during a presentation.&lt;/p&gt;
&lt;p&gt;So I&#039;ve extended the JavaScript to be able to handle text-selections (i.e. movements of the mouse while holding the button).&lt;/p&gt;
&lt;p&gt;First, I&#039;ve added the following code at the bottom of &lt;code&gt;slides.js&lt;/code&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;var start_posX = 0;
var start_posY = 0;

function start_clicker(e){
  if (window.event) {
		e = window.event;
	}

  start_posX = e.screenX;
  start_posY = e.screenY;
}

function mouse_moved(e){
  return Math.abs(e.screenX - start_posX) &gt; 10 &#124;&#124; Math.abs(e.screenY - start_posY) &gt; 10;
}&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Then I&#039;ve registered it with &lt;code&gt;startup()&lt;/code&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;document.onmouseup = clicker;
document.onmousedown = start_clicker;&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;Note that these two lines are supposed to replace &lt;code&gt;document.onclick = clicker;&lt;/code&gt;!&lt;/p&gt;
&lt;p&gt;Then &lt;code&gt;clicker()&lt;/code&gt; had to be adopted. Replace &lt;code&gt;if (target.href != null &#124;&#124; isParentOrSelf(target, &#039;controls&#039;)) return true;&lt;/code&gt; with &lt;code&gt;if (target.href != null &#124;&#124; &lt;b&gt;mouse_moved(e) &#124;&#124;&lt;/b&gt; isParentOrSelf(target, &#039;controls&#039;)) return true;&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;Now a slide won&#039;t react (move to the next slide) if the mouse was moved more than 10 pixels either horizontally or vertically while holding down a mouse-button.&lt;/p&gt;
&lt;p&gt;I&#039;ve tested with Firefox and it seems to work.&lt;/p&gt;</description>
		<content:encoded><![CDATA[<p>During working with S5 I&#8217;ve noticed that it would always go to the next slide upon clicking on a slide &#8211; even after selecting some text and moving the mouse.</p>
<p>I think this could get a mess when trying to highlight some portion of text during a presentation.</p>
<p>So I&#8217;ve extended the JavaScript to be able to handle text-selections (i.e. movements of the mouse while holding the button).</p>
<p>First, I&#8217;ve added the following code at the bottom of <code>slides.js</code>:</p>
<pre><code>var start_posX = 0;
var start_posY = 0;

function start_clicker(e){
  if (window.event) {
		e = window.event;
	}

  start_posX = e.screenX;
  start_posY = e.screenY;
}

function mouse_moved(e){
  return Math.abs(e.screenX - start_posX) > 10 || Math.abs(e.screenY - start_posY) > 10;
}</code></pre>
<p>Then I&#8217;ve registered it with <code>startup()</code>:</p>
<pre><code>document.onmouseup = clicker;
document.onmousedown = start_clicker;</code></pre>
<p>Note that these two lines are supposed to replace <code>document.onclick = clicker;</code>!</p>
<p>Then <code>clicker()</code> had to be adopted. Replace <code>if (target.href != null || isParentOrSelf(target, 'controls')) return true;</code> with <code>if (target.href != null || <b>mouse_moved(e) ||</b> isParentOrSelf(target, 'controls')) return true;</code></p>
<p>Now a slide won&#8217;t react (move to the next slide) if the mouse was moved more than 10 pixels either horizontally or vertically while holding down a mouse-button.</p>
<p>I&#8217;ve tested with Firefox and it seems to work.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: brian</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1295</link>
		<dc:creator>brian</dc:creator>
		<pubDate>Sat, 16 Oct 2004 19:21:25 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1295</guid>
		<description>Great work, i downloaded the slides and have a few suggestions, maybe you have already thought these through and dropped them for some reason or another.

- You use innerHTML, i&#039;m not sure that&#039;s as good a system as document.createElement, with createElement you cannot create invalid code.

- The next/prev links use javascript:go(), if you used the onclick=&quot;go()&quot; then you could used the DOM function setAttribute() to add IDs to the DIVs for anchor links, and dynamically update the hrefs to href=&quot;#id&quot; that way when you toggled the slide presentations it would jump down to the same slide text in both formats.

- in low resolution monitors, there is no scrolling of the text in FireFox and strange scrolling in IE 6.0, on windows. So i miss the last few bullet points.</description>
		<content:encoded><![CDATA[<p>Great work, i downloaded the slides and have a few suggestions, maybe you have already thought these through and dropped them for some reason or another.</p>
<p>- You use innerHTML, i&#8217;m not sure that&#8217;s as good a system as document.createElement, with createElement you cannot create invalid code.</p>
<p>- The next/prev links use javascript:go(), if you used the onclick=&#8221;go()&#8221; then you could used the DOM function setAttribute() to add IDs to the DIVs for anchor links, and dynamically update the hrefs to href=&#8221;#id&#8221; that way when you toggled the slide presentations it would jump down to the same slide text in both formats.</p>
<p>- in low resolution monitors, there is no scrolling of the text in FireFox and strange scrolling in IE 6.0, on windows. So i miss the last few bullet points.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Roger Johansson</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1279</link>
		<dc:creator>Roger Johansson</dc:creator>
		<pubDate>Fri, 15 Oct 2004 19:09:56 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1279</guid>
		<description>Excellent stuff. I&#039;ll be using this for an upcoming presentation. I have noticed a slight visual glitch in IE6/Win though: you can always scroll vertically. Just a little bit, but still. Not really a problem for me since I won&#039;t be using IE, but there may be people out there who cling to their poor old browser ;)</description>
		<content:encoded><![CDATA[<p>Excellent stuff. I&#8217;ll be using this for an upcoming presentation. I have noticed a slight visual glitch in IE6/Win though: you can always scroll vertically. Just a little bit, but still. Not really a problem for me since I won&#8217;t be using IE, but there may be people out there who cling to their poor old browser ;)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: alex cook</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1272</link>
		<dc:creator>alex cook</dc:creator>
		<pubDate>Fri, 15 Oct 2004 03:07:09 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1272</guid>
		<description>the only problem i see is the back button. theoretically you will be using this in kiosk mode, but someone inevitably won&#039;t.  is there anyway to enable the back button?</description>
		<content:encoded><![CDATA[<p>the only problem i see is the back button. theoretically you will be using this in kiosk mode, but someone inevitably won&#8217;t.  is there anyway to enable the back button?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Penmachine words music comment</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1266</link>
		<dc:creator>Penmachine words music comment</dc:creator>
		<pubDate>Thu, 14 Oct 2004 00:43:15 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1266</guid>
		<description>&lt;strong&gt;The Holy Grail of PowerPoint replacements&lt;/strong&gt;
Eric Meyer has created a browser-based replacement for PowerPoint [and] a sample presentation that also explains what&#039;s so cool about the whole thing. One click and you can see the exact same material without all the layout elements. Holy cow. And it...</description>
		<content:encoded><![CDATA[<p><strong>The Holy Grail of PowerPoint replacements</strong><br />
Eric Meyer has created a browser-based replacement for PowerPoint [and] a sample presentation that also explains what&#8217;s so cool about the whole thing. One click and you can see the exact same material without all the layout elements. Holy cow. And it&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Florian Feldhaus</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1264</link>
		<dc:creator>Florian Feldhaus</dc:creator>
		<pubDate>Wed, 13 Oct 2004 17:25:56 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comment-1264</guid>
		<description>Anyone thought about combining S5 with SVG? Then you would have the power to do Animations and Charts and Diagrams (even in Realtime!)
If someone plays with SVG and S5 it would be nice to hear what is possible.
When I find the time at the beginning of the next year, I&#039;ll try myself..</description>
		<content:encoded><![CDATA[<p>Anyone thought about combining S5 with SVG? Then you would have the power to do Animations and Charts and Diagrams (even in Realtime!)<br />
If someone plays with SVG and S5 it would be nice to hear what is possible.<br />
When I find the time at the beginning of the next year, I&#8217;ll try myself..</p>
]]></content:encoded>
	</item>
</channel>
</rss>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head profile="http://gmpg.org/xfn/1">
<title>meyerweb.com</title>
<link rel="openid.server" href="http://www.myopenid.com/server">
<link rel="openid.delegate" href="http://emeyer.myopenid.com/">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link rel="shortcut icon" href="/favicon.ico"><link rel="home" href="http://meyerweb.com/" title="Home" ><link rel="stylesheet" href="http://meyerweb.com/ui/meyerweb.css" type="text/css" media="screen, projection"><link rel="stylesheet" href="http://meyerweb.com/ui/theme.css" type="text/css" media="screen, projection" id="themeLink"><link rel="stylesheet" href="http://meyerweb.com/ui/print.css" type="text/css" media="print"><script src="http://meyerweb.com/ui/addresses.js" type="text/javascript"></script><link rel="stylesheet" href="/ui/wordpress.css" type="text/css" media="screen">
<link rel="stylesheet" href="/ui/tfe.css" type="text/css" media="screen">
<link rel="stylesheet" href="/ui/home.css" type="text/css" media="screen">
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric" href="/eric/thoughts/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric (only technical posts)" href="/eric/thoughts/category/tech/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric (only personal posts)" href="/eric/thoughts/category/personal/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Distractions" href="/eric/thoughts/recent-links/rss2" />
<link rel="alternate" type="application/rss+xml" title="Excuse of the Day" href="/feeds/excuse/rss20.xml" />
</head>
<body id="www-meyerweb-com" class="hpg">

<div id="sitemast"><h1><a href="/"><span>meyerweb</span>.com</a></h1></div><div id="search"><h4>Exploration</h4><!-- SiteSearch Google --><form method="get" action="http://www.google.com/custom" target="_top"><div><input type="hidden" name="domains" value="meyerweb.com"></input><label for="sbb" style="display: none">Submit search form</label><input type="submit" name="sa" value="Google Search" id="sbb"></input><label for="sbi" style="display: none">Enter your search terms</label><input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input><p><input type="radio" name="sitesearch" value="meyerweb.com" checked id="ss1"></input><label for="ss1" title="Search meyerweb.com">meyerweb.com</label><input type="radio" name="sitesearch" value="" id="ss0"></input><label for="ss0" title="Search the Web">Web</label></p><input type="hidden" name="client" value="pub-3772084027748653"></input><input type="hidden" name="forid" value="1"></input><input type="hidden" name="ie" value="ISO-8859-1"></input><input type="hidden" name="oe" value="ISO-8859-1"></input><input type="hidden" name="safe" value="active"></input><input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input><input type="hidden" name="hl" value="en"></input></div></form><!-- SiteSearch Google --><!-- <form method="get" action="http://www.google.com/custom"><div><input type="submit" name="sa" value="Search"><input type="text" name="q" size="20" maxlength="255" value=""><input type="hidden" name="sitesearch" value="meyerweb.com"></div></form><small><a href="http://www.google.com/search">Powered by Google</a></small> --></div><div id="main"><div class="skipper">Skip to: <a href="#extra">site navigation/presentation</a></div><div class="skipper">Skip to: <a href="#thoughts">Thoughts From Eric</a></div>
<div id="thoughts">


<div class="entry">
<h3><a href="http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/" rel="bookmark" title="Permanent Link: S<sup>5</sup> Final Candidate">S<sup>5</sup> Final Candidate</a></h3>
<ul class="meta">
<li class="date">Thu 7 Oct 2004</li>
<li class="time">1423</li>
<li class="cat"><a href="http://meyerweb.com/eric/thoughts/category/tech/s5/" title="View all posts in S5" rel="category tag">S5</a><br> <a href="http://meyerweb.com/eric/thoughts/category/tech/tools/" title="View all posts in Tools" rel="category tag">Tools</a></li>
<li class="cmt"><a href="http://meyerweb.com/eric/thoughts/2004/10/07/s5-final-candidate/#comments">63 responses</a></li>
<li></li><li></li></ul>

<div class="text">
<p>
Thanks to the efforts of many people, the slide show system I&#8217;ve been working on is just about ready for prime time.  Thus, I hereby dub it <strong><a href="/eric/tools/s5/">S<sup>5</sup></a></strong> and place it into Final Candidate status, complete with documentation of the markup format and a map of the files that are used for an S<sup>5</sup> presentation.
</p>
<p>
There is one thing I&#8217;ve found that needs to be addressed before exiting the FC stage, and that&#8217;s the handling of slide titles that contain markup.  If you look at the slide show <a href="/eric/tools/s5/s5-intro.html">S<sup>5</sup>: An Introduction</a>, the navigation menu entry for the title slide is &#8221; 0: Snull: An Introduction&#8221;.  It should be &#8221; 0: S5: An Introduction&#8221;.  I know this has something to do with walking the DOM tree and collecting the appropriate bits, but I&#8217;ve yet to figure out how to do that efficiently.  Assistance, as always, is appreciated.
</p>
<p>
There are a few limitations that will exist even after S<sup>5</sup> goes to v1.0.  These are summarized on <a href="/eric/tools/s5/s5-intro.html#slide8">slide 8 of the introductory slide show</a>, but I&#8217;ll explain them in a little more depth here.
</p>
<ul>
<li><strong>Only one author can be listed in the metadata</strong> &mdash; This limitation is largely inherited from OSF 1.0.  Mark Schenk and I have talked about ways to get around this limitation, but have agreed to postpone fixing it until later; for now, it will be better if S<sup>5</sup> 1.0 and OSF 1.0 are as compatible as possible.  When I start working on S<sup>5</sup> 1.1, I&#8217;ll come back to this, and will probably kick around some ideas in public for your comment.  But that&#8217;s for later.</li>
<li><strong>Links from within a slide to another slide will probably fail</strong> &mdash; Henryk Pl&ouml;tz created routines to fix this limitation, but I don&#8217;t have time to analyze and understand how they work before going to v1.0, and I&#8217;m very much against just dropping things into the JS unless I understand what they do, and how they do it.  I expect to get this functionality into S<sup>5</sup> 1.1.</li>
<li><strong>The navigation controls are limited to the footer</strong> &mdash; This is in some ways a matter of convenience, and also a matter of consistency.  If the controls are known to be in the footer, then theme authors can write their CSS accordingly.  I may&mdash;and note I say <em>may</em>&mdash;relax this restriction in a future version of S<sup>5</sup>.  For now, it stands.  <ins>(Update: by &#8220;limited to the footer&#8221;, I mean it&#8217;s limited in a structural sense.  You can still visually place the controls anywhere CSS will allow.)</ins></li>
<li><strong>Slide content is expected to be static and atomic; that is, there is no capability to trigger dynamic slide content by hitting the &#8220;next&#8221; command</strong> &mdash; It would be nice to allow a slide author to trigger a slide animation (or whatever) by just hitting a &#8220;next&#8221; key, the way Powerpoint does.  It&#8217;s probably easy to do.  It won&#8217;t make it into 1.0.  So the expectation is that any given slide is a set of text and/or images, and that when you advanced you go to the next slide.  Of course, an author can still embed a Flash file or a QuickTime movie or an animated GIF or whatever.  There just isn&#8217;t the ability to click the mouse button or hit the space bar and have new content revelaed on the same slide.</li>
<li><strong>Fonts are not scaled based on display resolution and available pixels; manual CSS editing is required</strong> &mdash; Again, largely a matter of convenience.  I tried dynamic font scaling and discovered that Firefox had major problems with what I&#8217;d done.  I&#8217;ll worry about it in a later version.  For now, if you create your slides assuming 1024&#215;768 and find yourself in an 800&#215;600 projection environment, you&#8217;ll have to edit the CSS directly to change the font size (and anything else that has to be changed).</li>
</ul>
<p>
There&#8217;s one other limitation I didn&#8217;t put on the slide, but I&#8217;ll briefly cover here.  As yet, it is not possible to embed all of the CSS and JS into the presentation file (that is, the XHTML file) and have the system work as widely as it does when they&#8217;re external.  The culprit again was Firefox, although it&#8217;s as likely that the real culprit is how I scripted things.  For that matter, it will never be possible to have complete standalone S<sup>5</sup> files for any presentation that includes images or other external resources, because IE/Win doesn&#8217;t support <code>data:</code> URIs.  (Okay, never unless this capability gets added to IE/Win.  Don&#8217;t hold your breath.)  I do intend that a future version of S<sup>5</sup> will allow the embedding of the CSS and JS.  Version 1.0 will not.
</p>
<p>
One other note: to keep things more consistent with OSF 1.0, I altered the S<sup>5</sup> format to use <code>h1</code> elements for slide titles, whereas before they were <code>h2</code> elements.  I&#8217;ve also dropped the currentSlide, header, and footer <code>div</code>s into a layout <code>div</code>.  You can get a more detailed look from the <a href="/eric/tools/s5/structure-ref.html">reference</a>.
</p>
<p>
All right, I think that&#8217;s enough from me for the moment.  Please try out <a href="/eric/tools/s5/s5-intro.html">the introductory slide show</a> (also available as <a href="/eric/tools/s5/s5intro.zip">a ZIP archive</a>), check over the documentation, and let me know if you find anything broken (fixes always welcome!) or incorrect.  Other feedback on the documentation, or on the content of the slide show, is also welcome.  Suggestions for new features or ways to fix the known limitations are not prohibited, but they will be shelved until after version 1.0 goes to final release.
</p></div>

</div>

</div>
<p style="font-size: 90%; text-align: right; margin-top: 0.5em; padding-top: 0;">(If you care, there's even an <a href="/eric/thoughts/page/2/">archive of previous thoughts</a>...)</p>

</div><div id="extra"><div class="panel" id="archipelago"><h4>Identity Archipelago</h4><ul><li><a href="http://flickr.com/photos/meyerweb/" rel="me">Flickr</a></li><li><a href="http://twitter.com/meyerweb/" rel="me">Twitter</a></li><li><a href="http://dopplr.com/traveller/meyerweb">Dopplr</a></li><li><a href="http://www.linkedin.com/in/meyerweb" rel="me">LinkedIn</a></li><li><a href="http://technorati.com/profile/emeyer" rel="me">Technorati</a></li></ul></div><div class="panel" id="pointers"><h4>Projects Elsewhere</h4><ul><li><a href="http://aneventapart.com/">An Event Apart</a></li><li><a href="http://complexspiral.com/">Complex Spiral Consulting</a></li><li><a href="http://www.webassist.com/go/css/emeyer/">CSS Sculptor</a></li><li><a href="http://css-discuss.org/">css-discuss</a></li><li><a href="http://microformats.org/">Microformats</a></li><li><a href="http://s5project.org/">S5</a></li></ul></div><div class="panel" id="tour"><ul><li><a href="http://fray.com/issue3/"><img src="http://fray.com/images/i3c.gif" alt="Fray Contributor (Issue 3: Sex &amp; Death)" /></a></li><!-- <li><a href="http://www.webassist.com/go/css/emeyer/"><img src="/pix/CS_ad_180x109.jpg" alt="CSS Sculptor for Dreamweaver" style="max-width: 100%;" /></a></li> --></ul></div><div class="panel">
<h4>Recently Tweeted</h4>
<p class="more"><a href="http://twitter.com/meyerweb">see more</a></p>
<p>Spent the afternoon manhandling a rototiller whose clutch design was exactly the inverse of anything resembling reasonable or safe. <small>&#8211;tweeted 19 minutes ago</small></p>
</div><div id="sideblog" class="panel">
<h4>Distractions</h4>
<p class="more">
<a href="/eric/thoughts/recent-links/">archive</a>
</p>
<ul>
<li><a href="http://tweetagewasteland.com/2010/03/my-head-is-in-the-cloud/" title="March 18 | &#8220;I sense that my addiction to the realtime stream is only making room for the consumption of a faster stream.&#8221;">My Head is in the Cloud</a> <small>[via <a href="http://daringfireball.net/">John</a>]</small></li>
<li><a href="http://8bitnyc.com/" title="March 17 | All of a sudden I want to establish a mission in Central Park and negotiate with the natives for gold and food.">8-Bit NYC</a></li>
<li><a href="http://www.youtube.com/watch?v=nFicqklGuB0&amp;feature=player_embedded" title="March 12 | Wry comment expressing my appreciation of the creative derivativeness of this video and its uncanny accuracy in mocking common tropes.">Academy Award Winning Movie Trailer</a></li>
<li><a href="http://www.youtube.com/watch?v=414TmP12WAU" title="March 9 | &#8220;Apple juice&#8230; for half price!&#8221;  More like twice PRICELESS.  (Note: If you&#8217;re at work, don your headphones.)">Happy in Paraguay</a> <small>[via <a href="http://unstoppablerobotninja.com/">Ethan</a>]</small></li>
<li><a href="http://www.youtube.com/watch?v=9V5ubAOeOBk&amp;feature=player_embedded" title="February 10 | This is approximately the best thing ever.">U900 -Walk Don&#8217;t Run (Isogabamaware)</a></li>
<li><a href="http://www.456bereastreet.com/archive/201002/sifr_default_css_hides_content_from_at_least_one_screen_reader/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A 456bereastreet %28456 Berea Street%29" title="February 8 | -9999px comes through again, but I really wish we were beyond that kind of thing.">sIFR default CSS hides content from at least one screen reader</a></li>
<li><a href="http://www.macosxhints.com/article.php?story=20100117064356428" title="February 8 | Storing this for future use.">Take a picture with the iSight camera when a folder is opened</a></li>
<li><a href="http://mingle2.com/blog/view/web-developer-mind" title="February 4 | Mostly valid.  (SEE WHAT I DID THERE?)">The Mind of a Web Developer: An Illustrated Diagram</a></li>
<li><a href="http://www.theonion.com/content/news/science_channel_refuses_to_dumb" title="January 28 | &#8220;Punkin Chunkin, for Christ&#8217;s sake&#8230; What more do you people want?&#8221;">Science Channel Refuses To Dumb Down Science Any Further</a></li>
<li><a href="http://www.mailchimp.com/blog/project-omnivore-declassified/" title="January 27 | Sounds like quite a feat.  But I wonder how we&#8217;d feel if Microsoft or Google announced the same kind of thing on their e-mail services.">MailChimp&#8217;s Project Omnivore: Declassified</a></li>
<li><a href="http://www.politifact.com/truth-o-meter/statements/2010/jan/25/carolyn-maloney/congresswoman-says-democratic-presidents-create-mo/" title="January 26 | &#8220;Obviously, luck matters a lot, but when there is a consistent pattern over more than 60 years, it starts to look like more than just luck.&#8221;">Congresswoman says Democratic presidents create more private-sector jobs</a></li>
<li><a href="http://www.ted.com/talks/taylor_mali_what_teachers_make.html" title="January 25 | Truth.">Taylor Mali: What teachers make</a></li>
<li><a href="http://notebook.johnmartz.com/how-websites-work?c=1" title="January 22 | At last, the truth is out and I can stop pretending:  beatific monkeys are what makes it all go.">How websites work</a></li>
</ul>
</div>
<div class="panel" id="advisory">
<div class="guarded">
<a href="http://blogadvisorysystem.com/"><img src="/pix/bas/guarded.png" alt="Blog Advisory System Alert Level: Guarded"></a>
</div>
</div>

<div class="panel" id="excuse">
<h4>The <a href="/feeds/excuse/">excuse of the day</a> is</h4>
<p>Internet 1 traffic is being routed onto Internet 2</p>
</div>

<div class="panel" id="extras">
<h4>Extras</h4>
<ul>
<li><a href="/feeds/">Feeds</a> &#8226;</li>
<li><a href="/eric/faq.html">FAQ</a> &#8226;</li>
<li><a href="/family.html">Family</a></li>
</ul>
</div>

</div>

<div id="navigate">
<h4>Navigation</h4>
<ul id="navlinks">
<li id="archLink"><a href="/eric/thoughts/">Archives</a></li>
<li id="cssLink"><a href="/eric/css/">CSS</a></li>
<li id="toolsLink"><a href="/eric/tools/">Toolbox</a></li>
<li id="writeLink"><a href="/eric/writing.html">Writing</a></li>
<li id="speakLink"><a href="/eric/talks/">Speaking</a></li>
<li id="otherLink"><a href="/other/">Leftovers</a></li>
<li id="aboutsite"><a href="/ui/about.html">About this site</a></li>
</ul>
</div>

<div id="footer">
<p class="sosumi">All contents of this site, unless otherwise noted, are &copy;1995-2008 <strong>Eric A. and Kathryn S. Meyer</strong>.  All Rights Reserved.</p>
<p>"<a href="/eric/thoughts/">Thoughts From Eric</a>" is powered by the &uuml;bercool <a href="http://wordpress.org/">WordPress</a></p>
</div>
</body>
</html>
