-
Slide Shows with XOXO (S5)
- body
-
If you combine S5 with XOXO you get a format you can use to build simple slideshows for the internet and that makes sense to microformats parsers. S5 is a simple slideshow system with many features that can pull the data for slides right out of an XOXO block. To use S5 you will have to download the JavaScript and CSS files from the homepage and then build a page with slide content that links in these files. While there is a quite adequate S5-with-XOXO reference, the format will be summarised here for completeness.
Notes
S5 documents must be DOCTYPE XHTML 1.0 Strict, and there are certain <meta> tags that are required. See the specification for more details.Meta Data
Meta data in S5 is encapsulated in a set of <meta> tags. This means that the data will not be available to XOXO-only processors. The page <title> must be the title of the presentation and the <meta name="version" content="S5 1.1" /> element is also required, along with the tags to include the JavaScript and basic CSS.There is also a controls/header/footer section that must be present first in the <body> tag before the XOXO data. The code for this section follows:
<div class="layout">
<div id="controls"><!– DO NOT EDIT –></div>
<div id="currentSlide"><!– DO NOT EDIT –></div>
<div id="header">
SLIDESHOW HEADER
</div>
<div id="footer">
SLIDESHOW FOOTER
</div>Where SLIDESHOW HEADER and SLIDESHOW FOOTER are the contents for the header and footer of the slideshow, respectively.
Classes
In order for the S5 code to interface with your data properly the class 'presentation' must be present on the main <ol> or <ul> tag. The class 'xoxo' is also reccomended in accordance with the XOXO specification.Nodes
Each root node in the XOXO tree for the slides must have the class 'slide'. The direct contents of the node (along with any XHTML markup) are considered to be the text (/images etc.) of the slide. If the first element in the node is an <h1> element the contents of that tag are considred the title of the slide. Subnodes are rendered as points in the presentation. If the <ul> or <ol> root tag for the subpoints has the class 'incremental' the points will be introduced one at a time. Additionally a <div> element of class 'handout' will not be rendered on-screen but only when the presentation is printed.
© 2006-2008 Stephen Paul Weber. Some Rights Reserved.
-
Yurnet : When You Don't Know Where to Look
- body
-
Yurnet is a search engine with an interesting model — search for things instead of in places. If you want to search for DVDs, but don't know what engine to use to do that, you could search Google for an appropriate engine, then search that engine, or just go to Yurnet and pick 'dvd'.
Yurnet takes awhile to get your head around. That's because at first it looks like a cheesy metasearch engine. If you're still thinking search where it seems almost rediculous. Which is faster : going to Google Images and searching for what you want or going to Yurnet, picking Google Images, and searching? The answer is they're basically the same. After corrospondence back and forth to the site creator, however, I finally came to understand that the real point of Yurnet is search what for when you don't know what site to search.
That said, the site is rather ugly. The final resolved URL is http://ww2.yurnet.com:8080/ — not exactly something that looks pretty in bookmarks. The drop-down select box is a mélange of capitalization schemes, and the 'vs' searches (which really are out of the scope of the site) are listed first, giving an initial illusion that alphabetical order is not preserved. Also, some things are listed as wheres still (ie Google Image). Realistically the box should be cleaned up to use the same capitalization schemes throughout and be only a list of whats in alphabetical order, without engine names and the like getting in the way.
© 2006-2008 Stephen Paul Weber. Some Rights Reserved.
Reply / Comment