有用的 JS 和 CSS 库

1. Moon

Moon 是一个灵感源于 Vue.js 的 JavaScript UI 库,但它却更轻量、简单。它具备优化的虚拟 DOM 引擎,对用户友好的 API,并且在 gzip 压缩后仅有 6KB 的大小。

项目地址:【传送门

2. VX

VX 结合了 D3 和 React 虚拟 DOM 的强大计算能力,它为数据的可视化提供了一系列优秀的可重用组件集合。同时,组件也是独立的,你只需根据自身需求使用即可。

项目地址:【传送门

3. SmartPhoto

SmartPhoto.js 是一个专为移动设备打造的响应式图像查看器,它易于使用,并支持手势触摸操作,例如捏合或者滑动。同时,它还具备对初学者友好的大量实用的事件处理器,以及用户自定义选项。

项目地址:【传送门

4. Feathers

Feathers 是一个用于创建安全的 RESTful API 的 Node.js 框架。由于支持内置 Socket,它既可当作传统的 Express router,又可用作实时信息的发送器。其他的功能还包括快速引导新项目的 CLI、易于与流行的 JS 框架集成,以及拥有丰富的插件生态。

项目地址:【传送门

5. Embedo

Embedo 是一个简单、轻量的社交媒体内容嵌入式 Web 插件。它在第三方嵌入的 API 上增添了一个 layer,同时确保了每个组件的最佳实践以及原生指南。它用于处理外部的 SDK、oEmbeds、并增加了响应性,便于与 Facebook、Twitter、Instagram 和其他服务更快捷的集成。

项目地址:【传送门

6. Microtip

Microtip 是一个轻量、平滑流畅且易用的纯 CSS 工具提示库。它内置了一些用于控制其方向、大小和动画的选项,而更多的定制则通过 SASS 完成。

项目地址:【传送门

7. Prettier

Prettier 是一个受 refmt 启发的 JavaScript 格式化程序,它针对 ES2017,JSX 和 Flow 的语言功能进行了更深入的支持。它将删除所有的原始格式,并确保所有输出的 JavaScript 保持一致的样式。

项目地址:【传送门

8. UPNG.js

UPNG.js 是一个快速、高级的 PNG 编码与解码器。它内置了压缩功能,在不损失图像质量的前提下,可以有效的减少图像文件的大小。

项目地址:【传送门

9. Tinytime

Tinytime 是一个超小型 JavaScript 库,用于格式化日期与时间。它仅提供了一个单独的render()方法,用于接收 Date 对象并返回一个带有渲染数据的字符串。

同时,你还能够定义可重用的模版,有助于提高性能并清理冗余代码。

项目地址:【传送门

10. StrMan

StrMan 是一个 JavaScript 字符串操作库,它为各种实用程序、格式选项和字符串转换,提供了超过 60 种实用的方法。

项目地址:【传送门

11. IotaCSS

IotaCSS 是一个基于 SASS 的面向对象的 CSS 框架。它由独立的模块组成,并且每个模块都包含了框架的可选部分,如组件、设置和实用程序。

项目地址:【传送门

12. PKG

这是一个 CLI 应用程序,能够将你的 Node.js 项目打包为可执行文件,并可以在尚未安装 Node 的计算机上运行它们。同时,它也是跨平台的,支持 Linux、Windows、macOS 和 freeBSD。

项目地址:【传送门

13. Sakura

Sakura 是一个独特的极简 CSS 框架,无需为 HTML 添加任何类。你只需要将 sakura.css 放到任意页面,它就会继承默认的排版和元素样式。由于没有类,Sakura 能够快速的生成漂亮页面,并且非常容易定制。

项目地址:【传送门

14. Birdview.js

这是一个很酷的 JS 插件,方便你缩小页面,并在一个视图中查看整个文档。同时,你可以点击任意位置放大,并直接滚动到你点击的位置。

项目地址:【传送门

15. Timeline.js

Timeline.js 是一个用于创建交互式时间轴的 jQuery 插件,能够让你在漂亮的动画部件中,按时间顺序展现出图像与故事。同时,它具备丰富的自定义选项。

项目地址:【传送门

时间: 2024-08-24 15:36:35

有用的 JS 和 CSS 库的相关文章

爱创课堂分享“15 个有趣的 JS 和 CSS 库”,

划重点 迎来了黄金10 月,在这收获的季节,我又为你们带来了哪些新鲜.有趣的前端资源呢?前端开发者们,一起来看看有木有你需要的前端库. 1.DisplayJS DisplayJS 是一个帮助你渲染 DOM 的简易框架.使用它,你可以更容易地将 JS 变量遍历到特定的 HTML 元素中,类似于 React 或 Vue.js 处理模版的方式. 2.React Beautiful DnD 这是由 Atlassian 开源的用于制作拖拽组件的 React 库.它提供了强大.易用的 API,以及丰富的定制

Web 开发中 20 个很有用的 CSS 库

转自:http://www.oschina.net/translate/css-libraries-for-developers 在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性.每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发.像CSS 库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用. 在这篇文件章中我们找到了一系列对开发者有用的CSS库,它们能帮助开发者在一定的期限内取得有创造性和创新性的成果.我们

Web开发中20个很有用的CSS库

来源: 微信公众号文章 在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性.每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发.像CSS库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用. 在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性.每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发.像CSS 库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者

全面解析vue-cli生成的项目中使用其他库(js库、css库)

前言:最近有小伙伴问我,是不是用vue脚手架生成的项目就不能jquery了呢?显然,答案是否定的,必须能用.但是个人建议最好不要用了,用人家vue提供的不好嘛. 一.用vue-cli生成项目 1. vue init webpack-simple vue-jq 2. cd vue-jq 3. cnpm install 4. 使用git bash(只是为了方便) 5. package.json 中修改端口 --port 8088 6. npm run dev 二.构建项目结构,引入相关文件 目录结构

15 个有趣的 JavaScript 与 CSS 库

原文转载:http://www.codeceo.com/article/15-interesting-js-css-framework.html 1. Wing Wing 是一个微型(压缩后仅有4KB)响应式的 CSS 框架,它提供了一个 12 列响应式网格以及基础的样式组件集,可为你的建站工作打下坚实的基础.当然,这个项目最酷的地方在于,它绝大多数的 HTML 元素都是自动样式化的,而不需要任何额外的类.希望你会喜欢! HERE:Wing 项目地址 2. Shave Shave 是一个零依赖.

2016年 CSS 库、框架和工具新生榜 TOP 50

看看 CSS 在过去几年的巨大变化和快速发展,你就不会对它今年的开源工具大产量感到惊讶了.这些 CSS 库.框架和工具的建立不仅给我们提供了学习的视角,更给我们的工作与生活带来了便利. 本文精选了 50 款 2016 年发布的 CSS 库.框架和工具供大家享用,希望它们对您有所帮助. 分类快速预览:CSS 库,CSS Spinners,CSS 图像特效,CSS 实用程序,设计指南工具,响应式邮件与通讯列表框架,Flexbox 布局工具和框架,CSS 布局框架和 material design 框

grunt 合并压缩js和css文件(二)

具体node及文件配置请看: grunt 安装使用(一) 要压缩的文件 --src/ ajax.js assets.js touch.js zepto.js 目录结构: dist/ node_modules/ src/ Gruntfile.js package.json package.json是依赖库文件 Gruntfile.js是执行步骤程序 一.js合并压缩 第一次需要先安装grunt.执行 npm install -g grunt-cli 进行安装.如果已经安装,可以忽略. 1.pack

一个轻量级的3D CSS 库

JavaScript 3D library 该项目的目的是为了打造轻量级的.实用简单的3D CSS库. Usage使用方法 下载 minified库文件 和 css文件,并将其包含于你的HTML中,就如此简单. <script src="js/voxelcss.js"></script><link rel='stylesheet' href="css/voxel.css"></link> 下面这段代码既是对其应用: &

Asp.Net之后台加载JS和CSS

在Asp.Net开发时,用到的JS库.通用的CSS等,在许多页面都会用到,而每次都需要手动引入,相当麻烦,而且有时一旦忘了引用,还得找半天才能找到问题.那有没有什么办法能够一劳永逸的呢?答案是有的. 我们知道Asp.Net是可以通过后台来渲染前端的,所以如果能够在渲染时将所要的js库和css等添入就可以了.而为了能够复用,所以需要进行类的继承.我们写一个Page的基类PageBase,代码如下. [html] view plaincopy using System; using System.C