Web开发利器推荐（五）

fn67 9年前

StackEdit

Web开发利器推荐（五）

它是一款很棒的 Markdown 编辑器。基于 PageDown 开发而来，已经被 Stack Overflow 和其他 Stack Exchange 站点使用。

StackEdit 能实时预览文档，保存到云端或本地的local storage，导出 Markdown、HTML 或 PDF 格式，与GitHub、Gist、Google Drive、 Dropbox 或者任何 SSH 服务器。

还有其他功能：支持 LaTeX 、所见即所得、在线/离线模式、 Prettify/Highlight.js 语法高亮、支持扩展。

App.io - 在浏览器中运行移动app

Web开发利器推荐（五）

IM Creator

Web开发利器推荐（五）

在之前的文章中介绍了 Webflow。现在我想介绍另一个创建响应式网站的GUI工具。主要的区别是它有更多的主题。

Autoprefixer

解析CSS和并根据 Can I Use 添加CSS厂商前缀。

这样你写CSS的时候就可以不用考虑CSS厂商前缀（完全忘记了它们吧）：

:fullscreen a {      transition: transform 1s;  }

Autoprefixer 将根据当前浏览器的流行度和支持度提供合适的前缀。来尝试一下 Autoprefixer 的演示。

:-webkit-full-screen a {      -webkit-transition: -webkit-transform 1s;              transition: transform 1s;  }  :-moz-full-screen a {      transition: transform 1s;  }  :-ms-fullscreen a {      transition: transform 1s;  }  :fullscreen a {      -webkit-transition: -webkit-transform 1s;              transition: transform 1s;  }

Keypress.js

Web开发利器推荐（五）

这是最佳的捕捉键盘输入的解决方案：

keypress.combo("shift s", function() {        console.log("You pressed shift and s");  });    // There are also a few other shortcut methods:    // If we want to register a counting combo  keypress.counting_combo("tab space", function(e, count) {        console.log("You've pressed this " + count + " times.");  });

它有许多事件和组合的变化：

keypress.register_combo({        "keys"              : null,      "on_keydown"        : null,      "on_keyup"          : null,      "on_release"        : null,      "this"              : window,      "prevent_default"   : false,      "prevent_repeat"    : false,      "is_ordered"        : false,      "is_counting"       : false,      "is_sequence"       : false,      "is_exclusive"      : false      "is_solitary"       : false  });

Dropzone.js

Web开发利器推荐（五）

这是个很好的拖拽上传文件的脚本。支持Chrome 7+、Firefox 4+、IE 10+、Opera 12+、 Safari 6+。它的使用很简单：

插入脚本（还提供一个Requirejs AMD 模块）：

<script src="./path/to/dropzone.js"></script>    <form id="my-awesome-dropzone" action="/target" class="dropzone"></form>

这样就好了。真的！你也可以用JS代码：

// Dropzone class:  var myDropzone = new Dropzone("div#myId", { url: "/file/post"});    // jQuery plugin  $("div#myId").dropzone({ url: "/file/post" });