Giter VIP home page Giter VIP logo

vimlide's Introduction

Vimlide : Vim-like HTML(5) Slide.

  Vimlike (Vim-like)
+ html
+   Slide
= Vimlide


= TODO =
    [ ] 自动播放(Auto play)。
    [X] 显示大纲视图(Outline),在翻页时同步状态;
    [?] 大纲视图支持多级结构。
    [?] 显示左右/上下的部分内容
    [X] 支持左右/上下滑动效果
    [.] 丰富的预定义页面元素(list,pre,code,note,warn,info,err...)
    [o] Vim-like key mapping.
        [ ] 最初 j/k 是整页跳转的。调整:j/k 支持页内 List 的切换。
            [ ] {count}j 高亮激活到向下数第 {count} 个列表项(List Item);
                        如果当前项是最后一项,翻到下一页。
            [ ] {count}k 高亮激活到向上数第 {count} 个列表项(List Item);
                        如果当前项是最后一项,翻到上一页。
        [o] {count}J/<C-f> Forword, 整页向前翻页。
        [o] {count}K/<C-b> Backword, 整页向后翻页。
        [ ] {count}<PageDown> 向下翻页。
        [ ] {count}<PageUp> 向上翻页。
        [O] / 正向搜索。客户端搜索历史,可以通过上下方向键自动补全。
        [ ] q/ 显示搜索历史列表。
        [X] ? 查看帮助(另有计划做反向搜索,但考虑实用性,放弃)
        [?] * 正向搜索选择的文本。
        [?] # 反向搜索选择的文本。
        [X] {count}n 下一个搜索结果。
        [X] {count}N 上一个搜索结果。
        [X] {count}gg 翻到第 {count} 页。缺省翻到第 1 页。
        [ ] <Home> 翻到第 1 页。
        [X] {count}G 翻到第 {count} 页。缺省翻到最后一页。
        [ ] <End> 翻到最后一页。
        [ ] {count}<Ctrl-o> 跳转到跳转表里第 {count} 个较旧的页面。
        [ ] {count}<Ctrl-i> 跳转到跳转表里第 {count} 个较新的页面。
        [ ] + 字体放大。
        [ ] - 字体缩小。
        [ ] 1-9 输入 {count}
        [ ] 0 如果 {count} 为空,还原字体大小;否则当作 {count} 输入并继续。
        [ ] :play 开始播放。
        [ ] :pause 暂停播放。
        [ ] :stop 暂停播放。
        [ ] :ic
        [ ] :ig[norecase] 搜索时区分大小写。
        [ ] :noic
        [ ] :noig[norecase] 搜索时不区分大小写。
        [ ] :sc
        [ ] :smartcase 搜索时使用智能大小写匹配。
        [ ] :nosc
        [ ] :nosmartcase 搜索时不使用智能大小写匹配。
        [ ] :ju[mps] 打开跳转表。
        [ ] m Mark, 并在 Outline 中为有 mark 的 Slide 页显示标记。
        [X] 支持量词 {count}。
        [?] v 可视模式,用来选中文本,如果做的话,还要做 h/l/w/b/e 之类的光标移动,
            及文本对象(text-objects)支持。
        [ ] o 打开外部(XML/HTML5)定义的 Slide 档。
    [ ] 鼠标滚轮支持(Slide Content & Outline)。
    [ ] 支持嵌入(HTML5)视频/音频。
    [ ] 嵌入地图
    [ ] 代码语法高亮。
    [ ] 打开外部定义的 Slides 内容(xml/html5 格式)。
    [ ] Slide Content 部分的字体缩放支持(+,-,0)。
    [ ] 字体根据可视区域大小自动缩放。
    [?] WYSIWYG Editor, Drag & Drop.
    [ ] Slide 档本身可以内嵌在网页中(以iframe 或者考虑其他形式)

= REF =
http://www.html5rocks.com/
    http://slides.html5rocks.com/
    http://code.google.com/p/html5rocks
http://meyerweb.com/eric/tools/s5/
http://shawphy.com/2010/09/no-ppt-html5-rocks.html
http://code.google.com/p/openbookproject/wiki/ZoomQuiet
    http://py.kingsoft.net/s5/100826-PyTDD/
[http://kudakurage.com/hNote/ HTML5 Slide Creator]
[http://paulrouget.com/e/introdzslides HTML5/CSS3 Slides: DZ Slides]
    [http://paulrouget.com/dzslides/ DZ Slides]
    [http://bitbucket.org/paul/dzslides/ dzslides@bitbucket]

vimlide's People

Contributors

hotoo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

hite

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.