前端的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. VMware Workstation Pro 12 桥接联网(物理主机:Windows 7,虚拟机:CentOS 6.8)

    物理主机:Windows 7,虚拟机:CentOS 6.8 1.设置虚拟机的 默认路径:编辑 -> 首选项 -> 设置“虚拟机的默认位置” 2.设置 虚拟网络:编辑 -> 虚拟网络编 ...

  2. Visio中如何绘制黑白图像

  3. [Office Web Apps]实现在线office文档预览

    摘要 在使用office web apps实现office文档在线预览的时候,需要注意的地方. web api web api作为owa在线预览服务回调的接口,这里面核心代码片段如下: using H ...

  4. .Net Discovery系列之十-深入理解平台机制与性能影响(上)

    转眼间<.Net Discovery>系列文章已经推出1年了,本文为该系列的第10-13篇文章,在本文中将对以前所讲的.Net平台知识做一个小小的总结与机制分析,引出并重点介绍这些机制对程 ...

  5. OLE文件拖放

    使用IDropTarget接口同时支持文本和文件拖放 关于Windows的外壳扩展编程,拖放是比较简单的一种,在网上可以找到不少介绍这个技巧的文章.大部分是介绍使用MFC的COleDropTarget ...

  6. .NET:强签名程序集的加载问题 之 版本重定向

    背景 多数解决方案会包含多个项目,某些支持插件架构的解决方案中,更是包含多个插件项目,这些项目会使用一些第三方NuGet Packages,如果管理不慎,解决方案中会出现多个版本的引用,这在编译期间不 ...

  7. Ioc:The basic pattern for integrating Autofac into your application

    The basic pattern for integrating Autofac into your application is: Structure your app with inversio ...

  8. cocos2d-x 3.0 正式版 项目创建

    官方示比例如以下: Example: $ cd cocos2d-x $ ./setup.py $ source FILE_TO_SAVE_SYSTEM_VARIABLE $ cocos new Eng ...

  9. nvidia Compute Capability(GPU)

    GPU Compute Capability NVIDIA TITAN X 6.1 GeForce GTX 1080 6.1 GeForce GTX 1070 6.1 GeForce GTX 1060 ...

  10. POI Excel 合并数据相同的行

    import java.io.Serializable; /** * POI Excel报表导出,列合并实体<br> * * @author WQ * */ public class Po ...