StackEdit
它是一款很棒的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
IM Creator
在之前的文章中介绍了 Webflow。 现在我想介绍另一个创建响应式网站的GUI工具。 主要的区别是它有更多的主题。
Autoprefixer
解析CSS和并根据 添加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
这是最佳的捕捉键盘输入的解决方案:
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 combokeypress.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
这是个很好的拖拽上传文件的脚本。 支持Chrome 7+、Firefox 4+、IE 10+、Opera 12+、 Safari 6+。它的使用很简单:
插入脚本(还提供一个Requirejs AMD 模块):
这样就好了。 真的! 你也可以用JS代码:
// Dropzone class:var myDropzone = new Dropzone("div#myId", { url: "/file/post"});// jQuery plugin$("div#myId").dropzone({ url: "/file/post" });
其他
:
—— 创建优雅的计数器
—— 把JavaScript生成的页面渲染为有更好SEO的HTML。
—— 前端文档引擎。
CSS Tricks 的一个创新 —— 。
欧洲核子研究中心展示了原始的上网浪形式,创建了 。
一个不同寻常的网站 —— ,全站应用了视差效果。
原文:
由整理编译