Pokud občas nebo více přednášíte, určitě jste zkusili nějaký tento program na tvorbu slidů. Já žádný z nich nepovažuji za ideální, hlavně pokud potřebujete mít ve slidech zdrojové kódy. Pokud máte slidy v html nebo xml můžete je verzovat pomocí například Gitu nebo SVN, to vám půjde s binárními formáty také, ale neuvidíte ty diffy, které jsou užitečné.
Určitě jich bude ještě více. Pokud pracujete s HTML a XML máte další možnosti, ať jsou to Docbook slides nebo některá varianta založená na HTML nebo markupu (Markdown, Textile, Texy).
Dnes tu představím 5 systémů, které generují HTML nebo se slidy v HTML přímo píšou.
- S5
- Swinger
- Slidedown
- W3C (Slidy, B5, slidemaker)
- JUSH slides
1. S5
Klasické slidy v HTML dole je vidět jak vypadá jednoduchý předpis.
Demo je k dispozici na http://meyerweb.com/eric/tools/s5/s5-intro.html
2. Swinger
Toto řešení je zajímavé, že máte k dispozici celý editor markupu a všechny data jsou uloženy v CouchDb. Aplikace i prohlížení slidů je jen HTML a Javascript.
Online verze http://swinger.quirkey.com/
3. Slidedown
Řešení založené na Ruby, které podle předpisu v markdownu vygeneruje html prezentaci včetně zvýraznění ruby syntaxe i šablon.
!SLIDE
# This is my talk
!SLIDE
## I hope you enjoy it
!SLIDE code
def foo
:bar
end
!SLIDE
Google is [here](http://google.com)
!SLIDE
# Questions?
Zvýraznění syntaxe se dělá takto, například pro javascript.
@@@ js
function foo() {
return 'bar';
}
@@@
Demo je dostupné zde http://nakajima.github.com/slidedown/
4. W3C Talks Tools (Slidy, B5, Slidemaker/slideme)
Struktura je velmi jednoduchá, základní část je tvořena tagem
a jsou přidané třídy pro speciální chování.
Analysts - "Open standards programming will become
mainstream, focused around VoiceXML"
VoiceXML will dominate the voice environment, due to its
flexibility and eventual multimodal capabilities
Source Data Monitor, March
2004
Slidy demo
5. JUSH Slides
Poslední je moje vlastní řešení je založené na W3C Slidy a je doplněné o JUSH zvýrazňovač, který pomůže v tom co já nejvíce potřebuji.
Kromě zvýraznění přidá JUSH linky na dokumentaci u klíčových slov pro html, javascript, php a další. To udělá ze slidů dobrý studijní materiál.
Za další výhodu vidím jednoduchý předpis v html, jen používání xmp tagu není ideální.
Filter Input
// c_type extension
$clean = array();
if (c_type_aplha($_POST['username']) {
$clean['username'] = $_POST['username'];
}
// filter
$args = array('username' => FILTER_SANITIZE_STRING, ...);
$myinputs = filter_input_array(INPUT_POST, $args);
Pokud máte nějaké další zajímavé řešení podělte se s námi v komentářích.Pokud občas nebo více přednášíte, určitě jste zkusili nějaký tento program na tvorbu slidů. Já žádný z nich nepovažuji za ideální, hlavně pokud potřebujete mít ve slidech zdrojové kódy. Pokud máte slidy v html nebo xml můžete je verzovat pomocí například Gitu nebo SVN, to vám půjde s binárními formáty také, ale neuvidíte ty diffy, které jsou užitečné.
Určitě jich bude ještě více. Pokud pracujete s HTML a XML máte další možnosti, ať jsou to Docbook slides nebo některá varianta založená na HTML nebo markupu (Markdown, Textile, Texy).
Dnes tu představím 5 systémů, které generují HTML nebo se slidy v HTML přímo píšou.
- S5
- Swinger
- Slidedown
- W3C (Slidy, B5, slidemaker)
- JUSH slides
1. S5
Klasické slidy v HTML dole je vidět jak vypadá jednoduchý předpis.
Demo je k dispozici na http://meyerweb.com/eric/tools/s5/s5-intro.html
2. Swinger
Toto řešení je zajímavé, že máte k dispozici celý editor markupu a všechny data jsou uloženy v CouchDb. Aplikace i prohlížení slidů je jen HTML a Javascript.
Online verze http://swinger.quirkey.com/
3. Slidedown
Řešení založené na Ruby, které podle předpisu v markdownu vygeneruje html prezentaci včetně zvýraznění ruby syntaxe i šablon.
!SLIDE
# This is my talk
!SLIDE
## I hope you enjoy it
!SLIDE code
def foo
:bar
end
!SLIDE
Google is [here](http://google.com)
!SLIDE
# Questions?
Zvýraznění syntaxe se dělá takto, například pro javascript.
@@@ js
function foo() {
return 'bar';
}
@@@
Demo je dostupné zde http://nakajima.github.com/slidedown/
4. W3C Talks Tools (Slidy, B5, Slidemaker/slideme)
Struktura je velmi jednoduchá, základní část je tvořena tagem
a jsou přidané třídy pro speciální chování.
Analysts - "Open standards programming will become
mainstream, focused around VoiceXML"
VoiceXML will dominate the voice environment, due to its
flexibility and eventual multimodal capabilities
Source Data Monitor, March
2004
Slidy demo
5. JUSH Slides
Poslední je moje vlastní řešení je založené na W3C Slidy a je doplněné o JUSH zvýrazňovač, který pomůže v tom co já nejvíce potřebuji.
Kromě zvýraznění přidá JUSH linky na dokumentaci u klíčových slov pro html, javascript, php a další. To udělá ze slidů dobrý studijní materiál.
Za další výhodu vidím jednoduchý předpis v html, jen používání xmp tagu není ideální.
Filter Input
// c_type extension
$clean = array();
if (c_type_aplha($_POST['username']) {
$clean['username'] = $_POST['username'];
}
// filter
$args = array('username' => FILTER_SANITIZE_STRING, ...);
$myinputs = filter_input_array(INPUT_POST, $args);
Pokud máte nějaké další zajímavé řešení podělte se s námi v komentářích.
Nejnovější komentáře