Create Standards Compliant Slide Shows With S5
S5 (Simple Standards-based Slide Show System) is an easy way to create nice looking slide shows that are completely standards compliant. Using XHTML, CSS, and JavaScript, S5 allows you to view the normal slideshow as well as a printer friendly version. The transitions are fast and smooth. There are a number of keyboard shortcuts that can be used to navigate through the slides as well. You can check out the full feature list for all the bells and whistles S5 has to offer. Complete with five themes, this slide show package is a great choice. The author has created a primer, a reference, and a FAQ to help you learn and start creating your own slideshows.
There is one warning given about using S5 with Firefox. If you have the AdBlock extension installed, there are known problems with older versions of AdBlock and S5. Be sure you are using the latest AdBlock version and you should be okay. As noted in the comments by Wladimir Palant, the developer of Adblock Plus, this issue is apparently moot.
The overall layout of the slideshow is very clean. It is based on a few <div> tags, and all slides are contained within those. For example, inside the start of the presentation div tag ( <div class="presentation"> ) are slide div tags ( <div class="slide"> ). The layout looks a lot like XML when formatted cleanly. I find the "syntax", if you will, very intuitive; it makes sense and is easy to follow and understand. There is a sample presentation that is nice to help you get started. It is easy to look at and understand. You should be able to quickly gain an understanding for the basics of a slide show. From there, you can add additional formatting and customizations to fit your specific need.
In my opinion, the best part of S5 is its small size and simplicity. The author articulates these points, which I have included below.
I like complex, powerful tools. Why should I use a "simple" slide show system? Actually, the "simple" part refers mostly to the file structure, and also to the fact that you can create a decent slide show system with a few open Web standards. However, it does also express the anticipated simplicity of the slides themselves. Read the full explanation at the S5 FAQ page.
Check out the sample slideshow and give S5 a shot.
Opera Releases the Web Standards Curriculum
Opera has recently released its Web Standards Curriculum. With support already from the Yahoo! Developer Network, the Web Standards Project, and many universities, the current curriculum offers 23 articles with 30 more promised by September. There are articles that cover the topics of standards introduction, design concepts, and HTML. The 30 articles yet to be released are likely to cover topics like CSS and JavaScript.
The release of this curriculum is important to many groups of people, webmasters being one group. As webmasters, we know that standards are very important. The more standards we can and do adhere to, the better chance our website has of being displayed correctly within the many different browsers available. Even if you adhere to the standards, there will always be problems and issues that arise, but following the standards is still important. As Opera explains:
The beauty of the Web is that it creates a uniform, international development platform. Using Web Standards means your sites will be quicker to code and maintain, more compact, and accessible to web users regardless of their browsing platform and (dis)ability. (Opera)
The Web Standards Curriculum is part of Opera Education. Ultimately these education programs are meant to spread the usage of their browser; I believe they have chosen a great way to do it. Not only are the spreading the word about the browser, but they are helping the community as well. As the Opera browser usage increases, so will knowledge and understanding of web technologies and standards. I was very pleased to read about the release of the Web Standards Curriculum; I hope that there will be more to come.
