15个有趣的Javascript 和CSS库

时间: 2018-03-30阅读: 2092标签: 

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


Direction Reveal

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



Carbon

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



Аxios

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



Jarvis

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



Toast UI Editor

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



Micron.js

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



lit

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



Minimal Mistakes

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


Tachyons

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


Wiki.js

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


Phaser

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


SweetAlert 2

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


Rekit

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


Nerd Fonts

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


Kutt.it

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


原文出处 15 Interesting JavaScript and CSS Libraries for February 2018  
翻译来源:https://www.zcfy.cc
站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/570

使用webpack4搭建一个基于Vue的组件库

组内负责的几个项目都有一些一样的公共组件,所以就着手搭建了个公共组件开发脚手架,第一次开发 library,所以是参考着 iview 的配置来搭建的。记录如何使用webpack4搭建一个library的脚手架

TogetherJS_网站实时协作JavaScript库

通过在页面上包含两件事来快速入门。首先是JavaScript:调用TogetherJS()将启动该工具,或者如果工具已经启动则停止该工具。请注意,这togetherjs-min.js 不是 TogetherJS的整个代码,它只是一个相当小的文件,可以根据需要加载其余的TogetherJS。

分享 8 个可以提高开发效率的 JavaScript 库

现代前端开发相比以前来说幸福很多了,过去为了兼容 IE、火狐等浏览器环境焦头烂额,为了减少代码加速文件的加载尽可能的编写原生 JavaScript,能不用插件就不用(插件由于要考虑通用性,会增加很多兼容代码)

12 个评估 JS 库你需要关心的事

当你调研一个 JS 库,功能当然是最重要的。作者给出了从 12 个角度全面分析 JS 库的可用性,分别是:特性,稳定性,性能,包生态,社区,学习曲线,文档,工具,发展历史,团队,兼容性,趋势

Echo.js图片延迟加载微型库

Echo.js是一个标准的独立的Javascript图片懒加载(延迟加载)库,它非常小巧快速,只有2KB,它使用HTML5的 data-*属性,延迟请求加载图片资源,不依赖任意第三方插件库,特别适用于移动端需要加载大量图片的应用。

20多个最佳 ICON 库

在应用界面中图标的存在,会给用户一个良好第一印象,这个挺重要的。但是从零开始开发图标需要大量的时间和金钱。在你的网站上使用图标可以让你有效地与你的访问者交流:它们增加了可读性,突出了重要的内容,加强了功能或特性

React Native 常用的 15 个库

本篇 React native 库列表不是从网上随便找的, 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有,但经过大量研究并在我的程序中尝试后,我选择了这些库。

Tippy.js鼠标悬停提示工具

Tippy.js是一款轻量的tooltip插件,使用简单,扩展性好。该tooltip插件功能强大,提供多种动画效果和主题效果,并允许用户自定义tooltip主题和使用html代码作为tooltip的模板。

GoJS的使用

GoJS是用于实现交互式图的JavaScript库。GoJS是依赖HTML5功能的JavaScript库,每个GoJS图表都包含在<div>您的HTML页面的HTML元素中

功能强大的 JS 文件上传库:FilePond

FilePond 是一款很轻便的上传插件。并没有太多繁琐的配置,这里我并没有逐一针对每个插件引入进行演示,只展示了常用的部分。留意上面提示的坑,掌握上面讲解的方法,其它的插件你便可自行学习

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!