Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 54 lines (36 sloc) 1.795 kb
0bcf88d @geraldb adding sample
geraldb authored
1 title: CSSS: Introduction
2 author: Lea Verou
3
6f09600 @geraldb add quickstarter sample
geraldb authored
4 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
5 %% Note: Use the `--h2` option to break up slides on heading level 2 %%
6 %% (the default is `--h1`, that is, heading level 1). %%
7 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
0bcf88d @geraldb adding sample
geraldb authored
8
9
10 ## What is it?
11
12 A simple framework for building presentations with modern web standards
13
14 - An HTML file contains the whole presentation
15 - Themes as CSS files
16 - JavaScript handles what CSS can't (keyboard shortcuts etc)
17
18
19 ## History
20
21 - I had to create a presentation for my talk at [Front Trends 2010](http://front-trends.com)
22 - The only web-based presentation systems I knew of didn't fit my needs
23 - ...so I rolled up my own
24 - FT2010 attendees asked me to release it
25 - and here it is! ;-)
26
27
28 ## Feature: Timer
29
30 - Timer in the form of a progress bar on the top
31 - Define the talk duration with the attribute `data-duration` on the `body`
32 - Style the timer and the end state with the selectors `#timer` and `#timer.end` respectively.
33
34
35 ## More Features
36
37 - IDs are dynamically assigned by JavaScript...
38 - ...but you can also assign your own, bringing the best of both worlds
39 - Incremental display of slide contents (just add `class="delayed"`)
40 - Slide scaling based on window size (size everything you want to be scalable in ems)
41 - Document.title changing according to slide title (fetched either from the `title`
42 attribute or the slide's heading)
43
44 ## Drawbacks
45
46 - Only supports Firefox 3.6+, the latest Chrome/Safari or Opera 10.60+. Why?
47 - More lightweight
48 - Easier to understand code
49 - It's a presentation, so the environment is controlled anyway
50 - No mouse click to advance to the next slide. I consider it annoying.
51
52 ## Continued...
53
6f09600 @geraldb add quickstarter sample
geraldb authored
54 To be done
Something went wrong with that request. Please try again.