15款不容错过的前端开发Javascript和css类库 - 2017版本~
前端的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版本~的更多相关文章
- 推荐15款最好的 Twitter Bootstrap 开发工具
Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web 领域最流行的响应式前端开发框架之一,是网页设计的优秀实践.Twitter Bootstrap 框架包含了众多的预定 ...
- 第十一章 前端开发-JavaScript
第十一章 前端开发-JavaScript 11.3.1 js引入方式 行内样式 <p id="" class="" style="" ...
- 十款不容错过的Swift iOS开源项目及介绍
1.十款不容错过的Swift iOS开源项目. http://www.csdn.net/article/2014-10-16/2822083-swift-ios-open-source-project ...
- 1+x 证书 Web 前端开发 JavaScript 专项练习
官方QQ群 1+x 证书 Web 前端开发 JavaScript 专项练习 http://blog.zh66.club/index.php/archives/198/
- Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行
H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用.H2.H3.H4标签则可以在一个网页中多次出现, ...
- 好程序员web前端开发测验之css部分
好程序员web前端开发测验之css部分Front End Web Development Quiz CSS 部分问题与解答 Q: CSS 属性是否区分大小写? <p><font si ...
- 前端开发 JavaScript 干货知识点汇总
很多初学的朋友经常问我,前端JavaScript都需要学习哪些东西呀?哪些是JavaScript的重点知识啊? 其实做前端开发工程师,所有的知识点都是我们学习必备的东西,只有扎实的技术基础才是高薪的关 ...
- day44前端开发2之css基础
web前端开发1一.前端三剑客之css 1.选择器:由标签/类/id单独或组合出现 2.作用域:{}内部区域 3.样式块:满足css链接语法的各种样式 eg:引入的基本样式 <head> ...
- 前端开发 - JavaScript - 总结
一.JavaScript的特征 javaScript是一种web前端的描述语言,也是一种基于对象(object)和事件驱动(Event Driven)的.安全性好的脚本语言.它运行在客户端从而减轻服务 ...
随机推荐
- C++ classes and uniform initialization
// classes and uniform initialization #include <iostream> using namespace std; class Circle ...
- delphi 文件查找
FindFirst 是用来寻找目标目录下的第一个文件, FindFirst函数在delphi帮助下的定义: function FindFirst(const Path: string; Attr: ...
- 面试题07_用两个栈实现队列——剑指offer系列
题目描写叙述: 用两个栈实现一个队列. 队列的声明例如以下,请实现它的两个函数appendTail 和 deleteHead.分别完毕在队列尾部插入结点和在队列头部删除结点的功能. 解题思路: 栈的特 ...
- 交叉编译Python-3.6.0到aarch64/aarch32 —— 支持sqlite3
参考 https://datko.net/2013/05/10/cross-compiling-python-3-3-1-for-beaglebone-arm-angstrom/ 平台 主机: ubu ...
- 声卡由于其配置信息(注册表中的)不完整或已损坏,Windows 无法启动这个硬件设备。(代码 19),
https://zhidao.baidu.com/question/531423560.html 开始 菜单运行 regedit 找到 HKEY_LOCAL_MACHINE\SYSTEM\Curr ...
- 缩放到被选择的部分: ICommand Cmd = new ControlsZoomToSelectedCommandClass();
AddItem("esriControls.ControlsZoomToSelectedCommand"); //ICommand Cmd = new ControlsZoomTo ...
- Linux内核list/hlist解读
转自:http://blog.chinaunix.net/uid-20671208-id-3763131.html 目录 1. 前言 2 2. 通用宏 2 2.1. typeof 2 2.1.1. 定 ...
- java初始化ArrayList
初始化ArrayList我们一般这样写:ArrayList<String> places = new ArrayList<String>();places.add(" ...
- 采用redis 主从架构的原因
如果系统的QPS超过10W+,甚至是百万以上的访问,则光是Redis是不够的,但是Redis是整个大型缓存架构中,支撑高并发的架构非常重要的环节. 首先,你的缓存中间件.缓存系统,必须能够支撑起10w ...
- 本地docker搭建gitlab, 并配置ldap认证
基于Docker在Mac OS X系统中的部署和设置GitLab的具体过程如下: 1. 安装Docker for Mac (参见https://docs.docker.com/docker-for ...