前端的JS和CSS类库日新月异, 在今天这篇介绍中,我们将精挑细选15款超棒的JS/CSS类库, 希望大家在开发过程中会觉得有帮助~


Core UI

基于Bootstrap4的一套UI类库, CoreUI是一套admin的管理模板,提供了高定制化的解决方案来创建控制模板和平台。 这有几种不同的版本帮助你快速的整合最流行的框架,比如, AngularJS, React.jS,Vue.jS等等

React Trend

来自Unsplash的一个react版本的组件,用来方便的创建线图,可以方便的展示趋势和活跃相关的数据。这个项目使用了极简的设计模式,给予你一个简单直接的方式来达到目的。 所以不要期望提供了一个完整功能的类库。 当然, 同时也提供了一个非官方的Vue版本,点击这里获取

Element

element是一个基于Vue2.0.js的UI框架。 包含了超过50个组件的样式设计, 包含了特定的设计和颜色选择。每一个元素都拥有非常好的文档, 并且非常易于在线vue.js中定制化和实现。 这里同样也包含了一格实用的Sketch模板,用来帮助你设计mockup

BigPicture

现代lightbox插件可以同步支持视频和图片,提供了弹出式的顺滑动画。 特别拽的特性在于同时支持<img>标签和background-image元素, 给于开发人员充分自由度。

Reactive Listener

不要以貌取人, 这并非一个react的组件。 Reactive listener是一个来自Zurb的微型类库,允许你创建先进的事件监听, 响应点击和悬浮相关的复杂行为。 目前只能识别用户向元素移动, 但是未来更多很酷的监听会被添加进去

Eagle.js

Eagle.js是一个Vue.js框架的类库,用来创建基于web的幻灯效果,非常类似reveal.js,支持动画,主题,互动组件,所以非常易于组件,样式,幻灯的重用

Planck.js

这个类库是知名的C++ Box2D类库的Javascript版本实现, box2d已经被游戏开发工程师使用了很多年了。planck.js优化了web/移动浏览器的引擎, 提供了开源的Javascript代码基础和API。 这个方式开发人员将会更加舒服的创建2D游戏和其它物理相关体验

Create React Native App

随着Create React App的成功, 这又出现了一个React Native app工具,不需要任何编译配置。 允许React Native apps 被配置和测试, 而不需要安装Xcode或者Android Studio

Pushy Buttons

一个非常迷你的CSS-only的3D按钮, 拥有非常好的下压效果。 按钮提供了4种尺寸, 3种颜色, 非常容易通过SASS定制化, 或者简单修改CSS源文件

MoveTo

轻量级的点击移动动画类库, gzip后只有1kb,大家可以体验

Anchorme

一个强大的Javascript类库, 可以检测任何字符串或者文本中的URL地址。 快速,并且准确, 拥有很大多定制化的功能。 包含一些实用的功能, 比如, 将URL转化成了可以点击的<a>标签

RPG Awesome

免费的图标字体, 拥有将近500个超棒的矢量图标。 可以通过SASS定制化~

Tent CSS

Tent CSS是一个提供了最简单响应式开发的框架。 轻量级, 5kb, 拥有现代的flexbox网格来做页面布局


以上就是本期分享的内容, 有任何问题和建议,请给我们留言哈~~

15款不容错过的前端开发Javascript和css类库 - 2017版本~的更多相关文章

  1. 推荐15款最好的 Twitter Bootstrap 开发工具

    Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web 领域最流行的响应式前端开发框架之一,是网页设计的优秀实践.Twitter Bootstrap 框架包含了众多的预定 ...

  2. 第十一章 前端开发-JavaScript

    第十一章 前端开发-JavaScript 11.3.1 js引入方式 行内样式 <p id="" class="" style="" ...

  3. 十款不容错过的Swift iOS开源项目及介绍

    1.十款不容错过的Swift iOS开源项目. http://www.csdn.net/article/2014-10-16/2822083-swift-ios-open-source-project ...

  4. 1+x 证书 Web 前端开发 JavaScript 专项练习

    官方QQ群 1+x 证书 Web 前端开发 JavaScript 专项练习 http://blog.zh66.club/index.php/archives/198/

  5. Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行

      H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用.H2.H3.H4标签则可以在一个网页中多次出现, ...

  6. 好程序员web前端开发测验之css部分

    好程序员web前端开发测验之css部分Front End Web Development Quiz CSS 部分问题与解答 Q: CSS 属性是否区分大小写? <p><font si ...

  7. 前端开发 JavaScript 干货知识点汇总

    很多初学的朋友经常问我,前端JavaScript都需要学习哪些东西呀?哪些是JavaScript的重点知识啊? 其实做前端开发工程师,所有的知识点都是我们学习必备的东西,只有扎实的技术基础才是高薪的关 ...

  8. day44前端开发2之css基础

    web前端开发1一.前端三剑客之css 1.选择器:由标签/类/id单独或组合出现 2.作用域:{}内部区域 3.样式块:满足css链接语法的各种样式 eg:引入的基本样式 <head>  ...

  9. 前端开发 - JavaScript - 总结

    一.JavaScript的特征 javaScript是一种web前端的描述语言,也是一种基于对象(object)和事件驱动(Event Driven)的.安全性好的脚本语言.它运行在客户端从而减轻服务 ...

随机推荐

  1. man命令使用

    如:man 2 read, 就可以查看read函数的文档

  2. delphi teechrt中TChart 一些属性设置

    把图片设置成黑白 2.设置颜色

  3. 最简单的例子理解Javascript闭包

    理解Javascript的闭包非常关键,本篇试图用最简单的例子理解此概念. function greet(sth){ return function(name){ console.log(sth + ...

  4. Unity3D实践系列09, 物理引擎与碰撞检测

    在Unity3D中,一个物体通常包含一个Collider和一个Rigidbody.Collider是碰撞体,一个物体是Collider,才可以进行碰撞检测.Collider组件中的"Is T ...

  5. 为在Windows Azure上的网站配置自定义域名

    本篇体验给Windows Azure上的网站自定义域名,首先"CNAME"和"A记录"是必须了解的概念. 假设,在Windows Azure上的网站域名是:x. ...

  6. UICollectionView 相关

    当数据不多,collectionView.contentSize小于collectionView.frame.size的时候,UICollectionView是不会滚动的 self.Cov.alway ...

  7. 【ELK】4.spring boot 2.X集成ES spring-data-ES 进行CRUD操作 完整版+kibana管理ES的index操作

    spring boot 2.X集成ES 进行CRUD操作  完整版 内容包括: ============================================================ ...

  8. 清道夫第一季/全集Ray Donovan迅雷下载

    清道夫 第一季 Ray Donovan Season 1 (2013)本季看点:Ray Donovan.一位专职于为洛杉矶的名人和富豪服务的神秘人士.他可以巧妙的解决这个城市中富豪们的那些最麻烦同时又 ...

  9. jscript调用bat注意事项

    开发的游戏项目,需要一个工具,对指定的资源进行复制.加密,然后打包.之前打包时都手工操作,复制与加密这二步分别写了几个工具(lua加密与图片资源加密是分开的),后来感觉bat操作路径特别麻烦,所以我改 ...

  10. [Android Security] DEX文件格式分析

    copy from : https://segmentfault.com/a/1190000007652937 0x00 前言 分析 dex 文件格式最好的方式是找个介绍文档,自己再写一个简单的 de ...