博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Web开发利器推荐(五)
阅读量:5743 次
发布时间:2019-06-18

本文共 2029 字,大约阅读时间需要 6 分钟。

StackEdit

clipboard.png

它是一款很棒的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

clipboard.png

IM Creator

clipboard.png

在之前的文章中介绍了 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

clipboard.png

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

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

clipboard.png

这是个很好的拖拽上传文件的脚本。 支持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" });

其他

 :

clipboard.png

—— 创建优雅的计数器

clipboard.png

—— 把JavaScript生成的页面渲染为有更好SEO的HTML。

clipboard.png

 —— 前端文档引擎。

clipboard.png

CSS Tricks 的一个创新 —— 。

clipboard.png

欧洲核子研究中心展示了原始的上网浪形式,创建了 。

clipboard.png

一个不同寻常的网站 —— ,全站应用了视差效果。

clipboard.png

原文:

由整理编译

转载地址:http://vrizx.baihongyu.com/

你可能感兴趣的文章
php图片赋值,php如何优雅地赋值
查看>>
如何解决OutOfMemoryError
查看>>
【探索HTML5第二弹01】HTML5的前世今生以及来世
查看>>
Failed to connect to remote VM. Connection refused. Connection refused: connect
查看>>
freeze
查看>>
JS时间转时间戳,时间戳转时间。时间显示模式。
查看>>
SAP HANA存储过程结果视图调用
查看>>
设计模式 ( 十八 ):State状态模式 -- 行为型
查看>>
OracleLinux安装说明
查看>>
nova分析(7)—— nova-scheduler
查看>>
python Gunicorn
查看>>
Entity Framework 实体框架的形成之旅--Code First模式中使用 Fluent API 配置(6)
查看>>
Spring.net 学习笔记之ASP.NET底层架构
查看>>
I.MX6 wpa_cli 使用
查看>>
OpenMediaVault 搭建git,ssh无法连接问题
查看>>
[WPF]使用WindowChrome自定义Window Style
查看>>
java多线程之:Java中的ReentrantLock和synchronized两种锁定机制的对比 (转载)
查看>>
mysql性能优化学习笔记-参数介绍及优化建议
查看>>
[Everyday Mathematics]20150105
查看>>
166.3. 容器
查看>>