SvenZhao

15个有趣的Javascript 和CSS库 (2018年2月)

原文链接: tutorialzine.com

15个有趣的Javascript 和CSS库 (2018年2月)

我在Tutorialzine社区的任务就是让你了解到新兴和酷炫的web 开发趋势. 这就是为什么我们每个月都会精心挑选发布一些,偶然发现并且认为大家值得关注的库

direction-reveal-new.png

Direction Reveal

这个插件可以检测到鼠标进入和离开"块(block)"的方向, 可以让你去实现一个酷炫的效果和过渡. 它提供了一些开箱即用 CSS 动画, 让你可以轻松地创建你自己的动画.


carbon-new.png

Carbon

Carbon可以让你创建分享出漂亮的代码片断. 你只需要简单的把代码黏贴的编辑器或者自己写. 你可以通过改变字体样式、编辑主题、 语法高亮、甚至窗口按钮来自定义图片的外观.


axios.png

Аxios

Axios 提供了一个现代化的JavaScirpt HTTP 请求的方案. 他的Api基于Promise, 可让你的代码在处理异步请求的时候更有组织性. 这个库可以在浏览器中工作,同时也支持nodejs的环境


jarvis.png

Jarvis

一个非常智能的基于webpack的浏览器仪表盘,它会像你显示所有 webpakc在构建过程中你需要的重要信息. 以及你的"assets"在12种不同的连接类型的表现, 项目中所有的buildle的大小同时有一个漂亮的错误输出. 不过到现在依然是测试版本,预计会增加许多新的功能


toast-editor-new.png

Toast UI Editor

这是一个实时的markdown编辑器, 它允许你在写作时轻松切换 markdown 和 WYSIWYG 模式. 提供了一个实时渲染的按钮html预览, 即时的语法检测,markdown和预览窗口的同步滚动. 编辑器还支持需要强大的扩展例如颜色选择器、图表代码块、 UML 代码等.


micron-new.png

Micron.js

Micron是一个允许您向 DOM 元素添加不同 CSS-powered 动画的库。 这些交互可以通过 HTML 数据属性控制, 也可以通过控制 JavaScript 方法来设置速度、宽松和其他选项。 支持不同的交互, 如摇摆, 褪色, 反弹, 摇摆等等.


lit.png

lit

Lit是一个非常小的响应式 CSS 框架。 它提供12列响应式网格, 不同的排版风格, 自定义输入, 三种按钮以及 css 框架应该提供的所有功能。 支持所有的现代浏览器, 以及像 IE11这样的老式浏览器


minimal-mistakes.png

Minimal Mistakes

Minimal Mistakes 是一个灵活的两栏 Jekyll 主题 可以用于个人网站, 博客和作品集. 它是完全可定制的,100% 响应和优化的搜索引擎。 它有九种不同的颜色变化, 几个响应式布局和一些内置和准备使用组件.


tachyons-new.png

Tachyons

使用Tachyons , 你可以在几乎没有 CSS 的情况下制作出漂亮的响应式网站。 它易于使用和定制, 移动端优先并且可以很好的和react Ember Angualr等框架结合 。 更重要的是, 它非常轻便, 有一个非常详细的文档, 你可以找到所有你需要的东西。.


wiki-js2.png

Wiki.js

是一个基于 Node.js, Git 和 Markdown 的强大的 wiki 应用程序。 您可以使用内置编辑器以 Markdown 格式编写内容, 该格式将自动与 Git 存储库同步。 该应用程序有一个集成的访问控制和资产管理器, 设计用于处理低 CPU 资源。


phaser-new.png

Phaser

这是一个为桌面和移动浏览器开发 HTML5游戏的快速开源框架。 你可以为 iOS、 Android 和不同的本地应用程序创建游戏。 它拥有一个开发者友好的 API, 并且得到了很大的支持, 并且正在积极开发和维护。 最近, 3.0版本已经发布, 带来了许多新的功能和功能.


sweet-alert-new.png

SweetAlert 2

是一个用来创建漂亮和响应性的弹出框的库。 它们是高度可定制的, 100% 的响应和看起来伟大的所有屏幕尺寸。 有了这个库, 你可以创建各种不同的弹出框, 具有惊人的风格, 效果和动画.


rekit-new.png

Rekit

Rekit 是一个工具包, 它可以帮助你用 React, Redux 和 React-路由器来创建令人惊叹的响应式网络应用。 该框架为框架工作提供了两个强大的工具——一个名为 Rekit Studio 的全功能 IDE, 以及一个从终端工作的广泛的命令行接口.


nerd-fonts-new.png

Nerd Fonts

这是一系列流行字体和图标的集合。 它包括39个补丁字体家族和超过1300个象形文字和一些流行的图标集, 如 Font Awesome, Devicons, Octicons 和其他。 所有的字体都与 Linux、 macOS 和 Windows 兼容.


kutt-new.png

Kutt.it

库特是一个免费的开源库, 你可以用它来缩短 url, 管理链接和设置自定义域。 它有一个易于使用的 API, 它允许您创建和删除 url, 并用详细的统计数据跟踪它们.