我们在 Tutorialzine 上的任务就是让你了解最新最酷的 web 发展趋势这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由
Direction Reveal(方向展示)
该插件检测光标进入或离开块时的方向, 允许你使用各种酷炫特效和过渡它提供了一些开箱即用的 CSS 动画, 让你可以轻松创建自己的 CSS 动画
Carbon
Carbon 允许你创建并分享代码组成的美丽图像你所需要做的就是将你的代码粘贴到编辑器中, 或直接自己编写代码你可以通过更改字体样式编辑器主题语法高亮和甚至窗口按钮来自定义图像的外观
Аxios
Axios 为处理 HTTP 请求提供了一个现代化的 JavaScript 解决方案它有一个基于 Promise 的 API, 在处理 async 调用时使你的代码更加结构化该库可以在浏览器中工作, 也可以在 node.js 环境中工作
Jarvis
Toast UI 编辑器
这是一个 markdown 和 WYSIWYG 编辑器, 允许你在编码时轻松地在 markdown 和所见即所得模式之间切换它提供了渲染后 html 的实时预览, 即时语法错误检查以及 markdown 和预览模式之间的同步滚动该编辑器还支持强大的扩展, 如颜色选择器图表代码块 UML 代码块等
Micron.js
Micron 是一个允许你为 DOM 元素添加不同的 CSS 增强动画的库其中交互可以通过 HTML 数据属性或通过链接 JavaScript 方法来设置速度消除和其他选项来控制它支持不同的交互, 如摇晃褪色反弹摇摆 (shake, fade, bounce, swing) 等等
lit
Lit 是一个非常小和响应式 CSS 框架它包含 12 列响应式网格不同的排印风格自定义输入三种按钮类型以及 CSS 框架应该提供的所有功能 Lit 适用于所有现代浏览器, 以及 IE11 等一些较旧的浏览器
Minimal Mistakes
Minimal Mistakes 是一个灵活的双列 Jekyll 主题, 可用于个人网站博客及其若干组合它是完全可定制的, 100%响应式的和针对搜索引擎优化的它具有九种不同的颜色变化, 几种响应式布局以及大量内置和可随时使用的组件
Tachyons
使用 Tachyons, 你可以制作漂亮且响应速度快的界面, 并且几乎不需要 CSS 它很容易使用和定制, 移动优先, 并能很好地与 ReactEmberAngular 和其他框架配合使用更重要的是, 它非常轻量级, 并且具有非常详细的文档, 你可以在其中找到所需的一切
Wiki.js
Wiki.js 是一个强大的 Wiki App, 基于 Node.jsGit 和 Markdown 开发你可以使用内置编辑器用 Markdown 格式来写作, 并且可以自动同步到你的 Git 仓库 Wiki.js 有完整的访问控制和配置管理, 但只占用很少的 CPU 资源
Phaser
Phaser 是一个快速的开源框架, 可以开发为运行在桌面浏览器或手机浏览器的 HTML5 游戏你也可以为 iOSAndroid 和其他不同的本地应用程序创建游戏 Phaser 有对开发人员非常友好的 API, 并且 Phaser 的团队也积极开发和维护最近, 在 Phaser 3.0 版本中发布了很多新的特性和功能
SweetAlert 2
SweetAlert2 是一个可以创建漂亮和可响应弹出框的库 SweetAlert2 是高度可定制的, 100% 响应式并且在所有屏幕尺寸上都能有很好的显示效果使用 SweetAlert2 你可以创建各种不同的拥有惊艳的风格显示效果和动画的弹出框
Rekit
Rekit 是一款可帮助你使用 ReactRedux 和 React-router 创建出色的响应式 Web 应用程序的工具包该框架提供了两个用于处理框架的强大工具 一个名为 Rekit Studio 的全功能 IDE, 以及一个用于在终端上工作的扩展命令行界面
Nerd 字体
这是一个流行字体和图标的集合它包含 39 个补充字体系列, 以及来自诸如 Font AwesomeDeviconsOcticons 等流行图标集的 1300 多个图形和图标所有字体在 LinuxmacOS 和 Windows 上兼容
Kutt.it
Kutt 是一个免费的可以用来缩短你的 URL 管理链接和设置自定义域的开源库它有一个易于使用的 API, 并允许你创建和删除 URL, 以及使用详细统计信息跟踪它们
来源: http://www.jianshu.com/p/bee270f34e75