[译] 10 个有趣的 JSCSS 库(2018.11)

3,798 阅读3分钟

Tutorialzine每月都会给我们精心挑选优秀的web开发资源,这些资源可以帮助我们解锁最新和最炫酷的网络开发姿势。前端er,让我们一起先睹为快吧!

omi-new.png

Omi

鹅厂出品,下一代 Web 框架,去万物糟粕,合精华为一。让 JSX, Web Components, Proxy, Store, Path Updating 在一起。响应式数据绑定,提供TypeScript支持,Omi非常轻量(4kb gzip),并附带一个易于使用的Chrome扩展程序用于调试。

evergreen.png

Evergreen

Evergreen是一个用于构建现代站点的React UI组件库。它包含许多现取现用的React组件,无需任何配置。而且所有组件都具有高度灵活性和可组合性,可帮助您您制作出漂亮且响应迅速的布局。

ervy.png

Ervy

Ervy是一个有趣的库,允许您在终端中创建不同类型的图表。它使用起来非常简单,并且没有任何依赖性。它支持Bar,Pie,Bullet,Donut,Gauge和Scatter图表类型。

larametrics.png

Larametrics

Larametrics is a self-hosted metrics and notifications platform for Laravel. It shows you notifications about incoming requests, changes made in your models and messages written in the log. All of your data is self-contained in your app and on your database. It is compatible with Laravel 5.2+.

注:不是很懂,所以没有弄斧子,希望在评论里得到这个玩意的简介。我会更新的!

pennywise-logo.png

Pennywise穿件一个小的浮动窗口。可以在其中打开任何网站或应用程序,该窗口仍然位于所有其他应用程序之上。您可以调整窗口的不透明度,调整大小或将其移动到您喜欢的任何位置。 Pennywise使多任务处理变得非常简单,加快工作流程,提高您的工作效率。

sal.png

Sal

极小的JavaScript库,无任何依赖。用于创建滚动动画。 Sal基于Observer API,它允许它具有超高性能,而不依赖于任何外部依赖。它非常轻巧(小于2.8 kb),易于使用,并支持许多动画,如淡入淡出,滑动,缩放和翻转。 注:源码不到200行,适合新手阅读。

butter-cake.jpg

ButterCake

Butter Cake是一个基于Flexbox的开源CSS框架。它用于制作现代和移动优先设计,而无需编写太多的CSS。高度模块化的,并提供大量现成响应组件和元素供您选择。

nachos-ui.png

Nachos UI

React Native组件库,包含30多个可自定义的UI元素。您可以找到加载指示器,表单输入,gravatar界面等等。详细的文档便于理解如何实现及使用。

glorious-demo.png

Glorious Demo

这个有趣的JavaScript库可以获取您的代码并创建在终端中键入的精美动画。它有一个简单的API,并接受一系列指令并一个接一个地完成动画,用于制作一些很棒的代码演示。

spacetime.png

SpaceTime

极小的JavaScript时区库,用于处理时间,日期和时区。可以创建,定制时间(如:前一天,后一天)和比较日期,以及更改其时区和格式。更重要的是,它可以提供有关夏令时(美),半球,季节,闰年等信息。

写在最后

个人比较喜欢 Sal实用性很强,Glorious Demo可以做一些代码演示效果。

Omi暂时还没有做更深了解和用于生产。