前端的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. Dapper-translation 分布式监控系统

    http://bigbully.github.io/Dapper-translation/ https://github.com/bigbully/Dapper-translation

  2. delphi 结构体和TList的用法

    type  PRecord = ^TMyRec;  TMyRec = record    s: string[8];    i: integer;    d: double;end;var   MyL ...

  3. Win10专业版永久激活方法

    自从升级安装了Windows10系统以后,我想很多朋友和我一样,想要激活Windows10系统,但是小编找了半天以后发现,很多激活工具都是批量激活的,也就是只有180天的使用时间,那么我们怎么永久激活 ...

  4. winform 给textbox 增加 或 减小字体大小 z

    private void btnAddFont_Click(object sender, EventArgs e) { float fSize = this.txtResult.Font.Size; ...

  5. Android 用户登录界面

    本篇博客主要给大家演示怎样一步一步地创建一个类似于下图展示的这么一个UI界面: 一.准备图片资源 记住:因为Demo其中用到的图片资源都是直接从上面图片截取的,所以图片质量上面会差一些,只是.不影响我 ...

  6. 浏览器中回车(Enter)和刷新的区别是什么?[转载]

    在浏览器中回车和F5刷新有什么区别那?今天就来说说:浏览器中回车(Enter)和刷新的区别是什么? 这点事. 概论: 1.回车在 Expires有效的时候,是不会去请求服务器的,打开调试看到的请求也只 ...

  7. 在websocket中怎么样注入service类

    最近项目中用到了websocket,遇到很多问题,其中一个是@ServerEndpoint修饰的类无法注入其他的bean,注入的对象都是null,在网上找了好多资料,无意中发现一个朋友的答案给了思路. ...

  8. Mac下启动AndroidStudio失败

    系统环境: OSX Yosemite 10.10.1 (14B25) JAVA版本:1.8.0_11 Android Studio 版本:1.0.1 问题:Android Studio was una ...

  9. [Nginx] Nginx 配置location总结

    cp from : https://www.cnblogs.com/coder-yoyo/p/6346595.html location匹配顺序 "="前缀指令匹配,如果匹配成功, ...

  10. tf.argmax

    tf.argmax(input, axis=None, name=None, dimension=None) Returns the index with the largest value acro ...