Author: Shashank Sharma
You can run through S5‘s introductory slide show to see the application in action.
- slides.js, which handles the dynamic side of the slide show, for showing and hiding slides;
- slides.css, which points to the three CSS files that power S5;
- s5-core.css, which contains rules that determine how the system functions;
- framing.css, which contains information about the placement and size of the various components of a slide, such as header and footer; and
- pretty.css, which is responsible for the appearance of your presentation. You can change colors and fonts by editing this file, and if you wish to create your own theme you can do so by modifying just this file.
If you are satisfied with the size and placement of all the slide components but need to make the slides more colorful, edit the pretty.css file. When customizing a theme, refer to the actual slide file, s5.html, to determine what parts of pretty.css you need to change. For example, suppose you wish to change the color of the title of the slide. Referring to s5.html, we see that it uses <h1> to determine the properties of the title, so you look up where <h1> is described in pretty.css and modify it to meet your needs.
If you wish to display your own image as the background image in the slides, find where pretty.css defines the body background and replace the image name with that of your file. Be careful about the size of the image, though, so you don’t take up the whole screen.
When making your presentation you need to modify only the presentation HTML file. You can add new slides by copying very simple HTML directives. There is no limit to the number of slides you can have.
Limitations of S5
Meyer lists the application’s limitations in his introductory slide show. Among them:
- Fonts are not scaled according to the screen resolution. This means that you have to edit the CSS code manually each time you change your screen resolution.
- If you want swirl, swish, and typewriter effects to show off your presentation authoring skills, then, S5 is not the right option for you.
is a computer science student who loves to write about free and open source software for new users.