Material Design 是谷歌推出的全新的设计理念,采用大胆的色彩.流畅的动画播放,以及卡片式的简洁设计.Material Design 风格的设计拥有干净的排版和简单的布局,容易理解,内容才是焦点. Material UI 是一个 CSS 框架和一组实现谷歌 Material Design 设计规范的 React 组件.可以作为 NPM 安装包,使用 browserify 和 reactify 的依赖管理和 JSX 转换. 在线演示      插件下载 您可能感兴趣的相关文章 网站开发

Material UI 是一款功能很强大,界面却十分清新简洁的CSS框架.Material UI利用了Google的Material Design 全新设计语言.而且让每个UI组件都变得很独立.因此开发人员使用Material UI也会比較简单.和Bootstrap类似,Material UI提供了非常多经常使用的UI组件.除了最主要的菜单.button.滑动杆.进度条.单选框/复选框外,它还提供了一个非常有趣的日历组件,另外还提供了一些非常有趣的图标. Material UI 的特点 组件非常

由谷歌创建和设计的 Material Design(材料设计)是一种设计语言,结合成功的设计的经典原则以及创新科技.谷歌的目标是开发一个设计系统,让所有的产品在任何平台上拥有统一的用户体验. Materialize  是一个基于材料设计的一个现代化的响应式前端框架.他们做了最繁重的工作,为您提供默认的样式,结合了您的自定义组件.此外,他们还改进动画和过渡,为开发人员提供流畅的体验. 在线演示      源码下载 您可能感兴趣的相关文章 Material UI – Material Design

Material UI是一款功能非常强大,界面却十分清新简洁的CSS框架,Material UI利用了Google的Material Design 全新设计语言,并且让每一个UI组件都变得非常独立,因此开发者使用Material UI也会比较简单.和Bootstrap类似,Material UI提供了很多常用的UI组件,除了最基本的菜单.按钮.滑动杆.进度条.单选框/复选框外,它还提供了一个非常有趣的日历组件,另外还提供了一些很有趣的图标.   不过,这里我并不打算介绍Material UI的使

谷歌Material Design在如今的前端页面设计中非常流行.Material Design的设计风格向我们展示了一个简单而有内涵的现代UI设计方案. Material Design是如此的简洁美观,那么,现在有什么Material Design框架可以使用呢?下面我们就一起来看看5个最顶级的Material Design框架. Angular Material Angular Material是目前所有Material Design框架中的大佬级人物.这是因为Angular在互联网上也非常

_Material design_是Google开发的,目的是为了统一公司的web端和手机端的产品风格.它是基于很多的原则,比如像合适的动画,响应式,以及颜色和阴影的使用.完整的指南详情请看这里(http://www.google.com/design/spec/material-design/introduction.html)虽然Google的设计看起来主要是应用在Android上的应用,但是也是个很好的机会应用到web和hybrid应用.为了帮助使用者更好的创建Material desig

网易CSS框架NEC:http://nec.netease.com/ NEC框架的CSS规范:  CSS规范 - 分类方法 CSS规范 - 命名规则 CSS规范 - 代码格式 CSS规范 - 优化方案 CSS规范 - 最佳实践 CSS规范 - 典型错误 NEC - 代码库 NEC - 案例 统一语义理解和命名 布局(.g-) 语义 命名 简写 文档 doc doc 头部 head hd 主体 body bd 尾部 foot ft 主栏 main mn 主栏子容器 mainc mnc ( c 表示

SpaceBase 是一个基于 Sass 的响应式 CSS 框架.SpaceBase 是可以在建立和定制您的需要的一个样板层,它结合最佳实践为今天的响应式网页与我们对每一个项目中使用的核心组件. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美型 jQuery 图片轮播插件

Bootflat 是一个开源的扁平化的 UI 工具包,基于 Bootstrap 3.1.0 CSS 框架.它为 Web 开发人员提供了一个创建优雅的 Web 应用程序的更快,更容易和更少的重复任务的途径. 另外,Bootflat 还为设计师提供了免费的 PSD 文件,它包括一组美丽的组件,您可以使用它来创建启动项目,网站或移动应用程序.Bootflat 兼容以下浏览器:IE8+.Firefox.Safari.Opera 以及 Chrome 您可能感兴趣的相关文章 2013年最受欢迎的10篇前端开

inuit.css 是一个强大的,可扩展的 CSS 框架,另外还是基于 Sass,面向对象的框架.inuit.css 是建立在 BEM 风格的命名约定,非常适合于想要专注于创意而不是代码的设计师以及喜欢抽象和面向对象方法的开发人员.它提供给你设计模式,而不是设计决策. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 响应式后台管理模板 干货分享——32本优秀的 JavaScript 免费电子书 Debuggex – 超好用的正则表达式可视化调试工具 Zepto.js –

Gumby 框架是一个基于 SASS 的灵活的,响应式的 CSS 框架.可以借助其灵活,响应式的网格系统和 UI 套件快速创建逻辑的页面布局和应用程序原型. 您可能感兴趣的相关文章 35个让人惊讶的 CSS3 动画效果演示 Web 前沿:一组极其绚丽的 CSS3 效果 Web 前沿:那些让人惊叹的 CSS3 应用 十款精心挑选的在线 CSS3 代码生成工具 年度盛宴:2012年最精彩的 CSS3 教程 不错!去看看! 您可能感兴趣的相关文章 那些让人惊叹的的国外创意404错误页面设计 让人爱不释

Clank 是一个自由和开放源码的 HTML/CSS 框架,可以帮助你轻松创建本地手机或平板电脑应用程序的原型.它着重于提供一致的用户界面,不会刻意去模仿一个特定的 OS .该框架是基于组件的,这样我们就可以选择和使用所需的部分,组件包括按钮,表格,滑块,切换等等. 您可能感兴趣的相关文章 那些让人惊叹的的国外创意404错误页面设计 让人爱不释手的精美 Web 应用程序图标素材 赞!10套精美的免费网站后台管理系统模板 期待已久的2012年度最佳 jQuery 插件揭晓 10大流行的 Metro

Cardinal 是一个适用于移动项目的 CSS 框架,包含很多有用的默认样式.矢量字体.可重用的模块以及一个简单的响应式模块系统.Cardinal 提供了一种在多种移动设备上实现可伸缩的字体和布局的新方法,值得关注. 您可能感兴趣的相关文章 Web 前沿技术:展示一组极其绚丽的 CSS3 效果 CSS Beautify – 方便的在线 CSS 代码美化工具 -prefix-free:帮你从 CSS 前缀的地狱中解脱出来 Codrops 教程:基于 CSS3 的全屏网页过渡特效 Codrops

  有一个CSS框架,叫min.css,它号称是全世界最快的. 难怪,它的代码就这一点. 你看它的页面例子,像Bootstrap,但比后者轻多了,它只是一些CSS样式,没有JavaScript代码. min.css的组件有: 基本代码(必须).标题.按钮.表单.导航栏.表格.图标.网格.消息框. 对,这就是min.css的全部. 1. 基本代码 body,textarea,input,select { background:; border-radius:; font: 16px sans-se

[经典推介]CSS框架选择向导 不少CSS框架已经存在了一段时间,但大多数Web开发人员避免使用它们. 相反最有经验的开发者希望创建自己的CSS框架,提供个性化解决方案的优势,并减少对第三方的解决方案消极方面的依赖.虽然CSS框架,目的是加快网络开发,但是开发自己的全面的CSS框架,可能需要大量时间和精力. 本文将提供指导和精心挑选的资源,以协助你完成这一心愿.                  开始之前         首先尝试一些流行的CSS框架或者至少去看看他们提供的文件: Bluepri

今天发下我自己的 css 框架——base.css,作用是重设浏览器默认样式和提供通用原子类. @charset "utf-8"; /*! * @名称:base.css * @功能:1.重设浏览器默认样式 * 2.设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html { background:white; color:black; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,div,dl,dt,dd,ul,o

jquery.ui.all.css 1.所有主题必须的文件都包含在这个文件中.它由ui.base.css和ui.them.css两个文件中拉入的@import执行构成. jquery.ui.base.css 1.这个文件被ui.all.css文件引用.它依然由ui.core.css文件中拉入的@import指令构成,像每个控件一样.但是,它不包含控制每个控件显示的主题样式. jquery.ui.core.css 1.这个文件提供CSS框架的核心样式,诸如clear-fix helper和gene

渴切:是国内优秀的开源css框架. 渴切是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间.它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防 止枯燥的跨浏览器兼容性测试.你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类. 渴切框架用途 渴切css开源框架是一款能够帮助快速切图的css衍生产品,实现原理是采用了官网的css重写,重写掉了所有不兼容浏览器的html标签的默认样 式,使之达到浏

框架(framework)是一个基本概念上的结构,用于去解决或者处理复杂的问题,是一种可复用的构架. 我们对CSS框架这个词比较陌生,但对于JavaScript框架就比较熟悉了,比如jQuery 但为什么js框架大红大紫而CSS框架确始终没有流行起来呢?甚至有人说“在我有限的视野里,还没见到可以真正可以称得上css框架的东东~”CSS框架没有被大众接受的一个重要原因是: js框架是基于逻辑的,js框架简化了逻辑中的繁琐细节,封装了存在兼容性的函数,提供了丰富的选择器.函数和插件,给开发者带来方便

由 于移动互联用户的快速增加,现在数量已经超出10亿,几乎可以肯定的是你的网站每天都会有移动用户访问.如果你组织计划创建一个对移动用户友好的浏览体 验,有多个方面需要考虑.响应快速的网站设计似乎现在很流行,但是仅依赖你的需要也不是正确的发展方向.请记住本地化程序,混杂的程序和移动网站对正反面价值进行调查. 为了好扩展响应快的布局能完美适应任何屏幕的大小和设备型号,他们可能在设计和实现上面耗费精力.无论如何,“一个网站适合全部设备”的价值将不该低估.只是考虑这个观念对于一个操作系统和内容维护意味着