Minimalistic slides 
       ====================
       
       
       Steve Job’s slides are bloated 
       
       
       Creating minimalistic slides (form as well as function) in pure CSS. 
       
       
       Because I can’t do something without doing something else first (Carl Sagan 1 said something about that). 
       
 (DIR) something
 (DIR) 1
       
       I first have to write presentation software before I can create slides. 
       
       
       Full-screen demo 
       
 (DIR) Full-screen demo
       
       The key tricks here are: 
       
       - using flex box to put slides side-by-side 
       - using scroll snap to snap a slide 
       - the keyboard navigation (using cursor keys ← and → ) works because of the tabindex and autofocus attributes 
       
       AFAIK the slide speed cannot be set and even worse: it differs from browser to browser (slow in Chrome, fast in Firefox). 
       
       
       ~25 lines HTML, ~25 lines CSS, 0 lines JavaScript 
       
       ----------------------------------
       -  “If you wish to make apple pie from scratch, you must first create the universe” ↩︎  
       
       “If you wish to make apple pie from scratch, you must first create the universe” ↩︎ 
       
 (DIR) ↩︎
 (DIR) previous Syntax low-lighting
       
 (DIR) next Software engineering, een volwassen vak?
       
       
       Related 
       --------
       
 (DIR) Convert CSV and TSV
 (TXT) CSV logo (.svg) 
 (DIR) CSS white-space property
 (TXT) /img/fallback.svg (.svg) 
 (DIR) CSS word wrap indicators
 (TXT) /img/fallback.svg (.svg) 
 (DIR) Stachys
 (IMG) stachys.nl (.png) 
 (DIR) Adding line-numbers to your code
 (TXT) /img/fallback.svg (.svg)