15 个有意思的 JavaScript 和 CSS 库推荐! 你用过几个?

我们在Tutorialzine上的任务就是让你了解最新最酷的Web发展趋势。这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。

Direction Reveal (方向展示)

该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的CSS动画,让你可以轻松创建自己的CSS动画。

Carbon

Carbon允许你创建并分享代码组成的美丽图像。你所需要做的就是将你的代码粘贴到编辑器中,或直接自己编写代码。你可以通过更改字体样式、编辑器主题、语法高亮和甚至窗口按钮来自定义图像的外观。

Аxios

Axios为处理HTTP请求提供了一个现代化的JavaScript解决方案。它有一个基于Promise的API,在处理async调用时使你的代码更加结构化。该库可以在浏览器中工作,也可以在node.js环境中工作。

Jarvis

一款基于Webpack仪表板的智能浏览器,它可以给你显示你在webpack构建所需的所有重要信息。它向你展示了你的资源在12种不同的连接类型中的表现如何,你项目中所有包的大小,并拥有一个漂亮的错误输出。它仍处于beta版本,预计会增加许多新功能。

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。它很容易使用和定制,移动优先,并能很好地与React、Ember、Angular和其他框架配合使用。更重要的是,它非常轻量级,并且具有非常详细的文档,你可以在其中找到所需的一切。

Wiki.js

Wiki.js 是一个强大的Wiki App,基于Node.js、Git和Markdown开发。你可以使用内置编辑器用Markdown格式来写作,并且可以自动同步到你的Git仓库。Wiki.js 有完整的访问控制和配置管理,但只占用很少的CPU资源。

Phaser

Phaser是一个快速的开源框架,可以开发为运行在桌面浏览器或手机浏览器的HTML5游戏。你也可以为iOS、Android和其他不同的本地应用程序创建游戏。Phaser有对开发人员非常友好的API,并且Phaser的团队也积极开发和维护。最近,在Phaser 3.0版本中发布了很多新的特性和功能。

SweetAlert 2

SweetAlert2 是一个可以创建漂亮和可响应弹出框的库。SweetAlert2是高度可定制的,100%响应式并且在所有屏幕尺寸上都能有很好的显示效果。使用SweetAlert2 你可以创建各种不同的拥有惊艳的风格、显示效果和动画的弹出框。

Rekit

Rekit是一款可帮助你使用React、Redux和React-router创建出色的响应式Web应用程序的工具包。该框架提供了两个用于处理框架的强大工具 — 一个名为Rekit Studio的全功能IDE,以及一个用于在终端上工作的扩展命令行界面。

Nerd字体

这是一个流行字体和图标的集合。它包含39个补充字体系列,以及来自诸如Font Awesome、Devicons、Octicons等流行图标集的1300多个图形和图标。所有字体在Linux、macOS和Windows上兼容。

Kutt.it

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

原文发布于微信公众号 - IT派(transfer_3255716726)

原文发表时间:2018-03-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏angularejs学习篇

js鼠标事件

今天遇到一个非常奇怪而又搞笑的事情:给一个a标签添加一个鼠标移动上时给一个事件,我给其添加的是一个onMouseMove事件,结果在IE6 7 8 9和GOOL...

23430
来自专栏全栈数据化营销

不用代码,10分钟会采集微博、微信、知乎、58同城数据和信息

 学会信息和数据快速采集都是非常必要的,因为这能大大提高工作效率。在学会python和火车头之前,web scraper是我最常用的采集工具了,设置简单,非常高...

54290
来自专栏ThoughtWorks

前端不止:Web性能优化 - 关键渲染路径以及优化策略

我问你:“当你从搜索引擎的结果页面选择打开一条搜索结果时,你觉得多长时间之后,如果页面还处于白屏或者没有加载到关键信息,你会选择关掉这个窗口?”

14620
来自专栏星流全栈

二〇一六年的前端入门指南

14280
来自专栏ytkah

如何设置dedecms自定义表单必填项?

  用dedecms自定义表单可以制作一个简单的预约系统,有些相关信息需要设置为必填项,比如联系方式,没有留下真实的电话或其他信息,以后要怎么联系到你的客户。那...

31760
来自专栏谈补锅

cordova for ios: Unable to simultaneously satisfy constraints.

  使用cordova开发ios项目的时候,在上传图片碰到一个问题。使用html的<input type="file"/>标签来选择照片或者拍照片,引起了布局报...

14840
来自专栏web前端教室

MVVM - 遇见未来

MVVM是新的前端开发模式,它的全称是Model View ViewModel,据说最初是由微软提出来的,。。 这种模式的实现,大意上是用自定义的标签把数据绑定...

21370
来自专栏Android机动车

大杀器Bodymovin和Lottie:把AE动画转换成HTML5/Android/iOS原生动画

Airbnb出了移动端的动画库Lottie,可以和一个名叫Bodymovin的AE插件结合起来,把在AE上做好的动画导出为json文件,然后以Android/i...

39510
来自专栏玄魂工作室

PPT导出时嵌入字体的方法

使用ppt的时候,很多时候会使用一些特殊字体,在其他计算机上无法正常显示。这个时候就需要导出PPT的时候进行字体嵌入。 1.1 常规方法 所谓常规方法,是指那些...

36240
来自专栏程序员的知识天地

微信小程序的组件用法与传统HTML5标签的区别

小程序刚开放公测,互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联,甚至小程序就是基于HTML5开发。

30020

扫码关注云+社区

领取腾讯云代金券