前端的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. Why I don’t read books

    http://dougmccune.com/blog/2007/03/23/why-i-dont-read-books/ I’ve never read a programming book. I r ...

  2. VB.NET中Module的概念

    今天学习VB.NET,发现VB.NET里面有一个Module的东西,如下图(图-1)所示: 图-1 上网查了一下VB.NET里面的Module,才发现这是学习VB.NET遇到的第一个典型的问题就是:为 ...

  3. 在简历中使用STAR法则

    一.什么是STAR法则? The STAR (Situation, Task, Action, Result) format is a job interview technique used by ...

  4. Idea2018激活破解

    原文:https://www.imsxm.com/2018/07/idea-2018-1-5-crack-patcher.html 最近更新了Intellij IDEA到2018.1.5之后,使用之前 ...

  5. Linux学习10-CentOS搭建nginx负载均衡环境

    前言 当自己的web网站访问的人越来越多,一台服务器无法满足现有的业务时,此时会想到多加几台服务器来实现负载均衡. 网站的访问量越来越大,服务器的服务模式也得进行相应的升级,怎样将同一个域名的访问分散 ...

  6. socket tcp缓冲区大小的默认值、最大值

    Author:阿冬哥 Created:2013-4-17 Blog:http://blog.csdn.net/c359719435/ Copyright 2013 阿冬哥 http://blog.cs ...

  7. 无耻之徒(美版)第一季/全集Shameless US迅雷下载

    第一季 Shameless Season 1 (2011)看点:本以为美版<无耻之徒>(Shameless)是小众剧(诸多儿童不宜),但是试播集98.2万的收视人次竟然创下了Showtim ...

  8. IP的准确性

    最近游戏项目中更新机制有所修改,游戏启动时会从cdn上读取一个文件(约60B),但是后台异常收集系统中发现很多玩家请求不了该文件(libcurl的get请求),返回的error code有很多种,以6 ...

  9. [Web 前端] SuperAgent中文使用文档

    cp from : https://blog.csdn.net/gebitan505/article/details/58585846 superagent是nodejs里一个非常方便的客户端请求代理 ...

  10. python模块uuid产生唯一id

    使用版本4:uuid4就可以了 UUID4缺点:糟糕的随机数发生器使得它更有可能发生碰撞,但是概率真的很小 UUID1缺点:暴露隐私 If all you want is a unique ID, y ...