HTML5 Presentation

I noticed that currently Google programmers have begun to use a new form of presentation of their presentations.

A typical example , another example - we see frames, effects, images, general style.

A simple search led to a convenient template , which, with its simplicity, allows you to create good presentations with easily implemented elements.

An example of use and its source code show the possibilities of this, in my opinion, successful tool.

Copy Source | Copy HTML

2.         

3.           Slide with bullet points that builds
4.         
5.         
   •           
   •             This is an example of a list
   •           
   •           
   •             The list items fade in
   •           
   •           
   •             Last one!
   •           
   •         
6.  
7.         
8.           

   Any element with child nodes can build.

9.           

   It doesn't have to be a list.

10.         

Copy Source | Copy HTML

2.           

   Style in Code - new!

3.   
4.   
5.                 
6.                     

7. ... var australia = new google.maps.LatLng(-25, 133);
8.       map = ...
9.       layer = new google.maps.FusionTablesLayer({
10.         query: {
11.           select: 'geometry',
12.           from: '815230'
13.         },
14.         styles: [{
15.           polygonOptions: {
16.             fillColor: "#00FF00",
17.             fillOpacity: 0.3
18.           }
19.         }, {
20.           where: "birds > 300",
21.           polygonOptions: {
22.             fillColor: "#0000FF"
23.           }
24.         }, {
25.           where: "population > 5",
26.           ...});
27.       layer.setMap(map);
28.