阅读更多

8顶
1踩

Web前端
雅虎近日推出了一个名为Pure的CSS框架,这是一系列实用的响应式CSS模块的集合,可以帮助前端开发者节省不少开发时间。



名称为Pure(纯),代码也必须是100%使用CSS编写的。开发成员称,Pure不限于特定的JavaScirpt框架,你可以用在任何JavaScript框架、任何Web应用中。

Pure可以作为每个网站或Web应用的起步工具,将会帮助开发者处理应用程序所需的所有CSS工作,同时不会让每个应用千篇一律。

Pure中的主要组件包括:

  • 一个响应式网格,可根据需求定制。
  • 一个基于Normalize.css的基础库,用于修复跨浏览器兼容问题。
  • 统一的按钮风格,可与<a>、<button>元素结合使用。
  • 水平、垂直菜单,支持下拉菜单
  • 实用的表单组,适用于各种大小的屏幕
  • 各种常见的表格样式
  • 极其简约的外观,超容易定制
  • 默认支持响应式设计,同时还包含无响应选项
  • 可通过Skin Builder.轻松一键定制
  • 非常轻量,gzip版本只有4.8KB
你可以通过下面的代码在项目中使用Pure:
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.1.0/pure-min.css">


项目地址http://purecss.io/
  • 大小: 34.4 KB
8
1
评论 共 3 条 请登录后发表评论
3 楼 Java_大猫 2013-06-01 11:32
很不错 和 bootstrap 差不多  只吃 缺少了JS 渲染的一些效果。
2 楼 tianshaojie 2013-05-31 20:23
怎么描述呢,很小,很好,很实用
1 楼 white_crucifix 2013-05-31 15:40
风格上和bootstrap几乎是一样的,也算是另一种选择吧

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Pure框架-其他

    Pure是一组小型的自适应CSS模块,您可以在每个Web项目中使用。Pure特征:Pure是每个网站或Web应用程序的起点。我们会照顾每个站点所需的所有CSS工作,而不会使其显得千篇一律:1、可以根据您的需求定制的响应式网格...

  • Pure : 来自雅虎的纯 CSS 框架

    Pure也是一款很出色的CSS框架,之前分享的Bootstrap是由Twitter出品的,而Pure是来自雅虎的。尽管从UI界面效果上来说,Pure没有Bootstrap那样精美,但Pure是纯CSS实现的,因此非常小巧,整个框架压缩后只有5.7k左右...

  • 雅虎新推出的CSS框架Pure

    雅虎近日推出了一个名为Pure的CSS框架,这是一系列实用的响应式CSS模块的集合,可以帮助前端开发者节省不少开发时间。 名称为Pure(纯),代码也必须是100%使用CSS编写的。开发成员称,Pure不限于特定的...

  • Yahoo Pure v0.5.0 css框架

    Pure 是来自雅虎的 CSS 框架,使用 Normalize.CSS 无需任何 JavaScript 代码。框架基于响应式设计,提供多种样式的组件,包括表格、表单、按钮、表、导航等。标识使用非常简单,整个框架非常轻量级。

  • 使用jQuery和Pure.CSS创建一个可编辑的表格

    在本教程中,我会告诉你如何使用PureCSS和jQuery轻松地创建可编辑的表格。   如果想看教程演示的话,请点击这里查看。   开始 你要做的第一件事情是,在你的服务器或本地硬盘上创建一个index.html文件。粘贴...

  • 分享一个简单容易上手的CSS框架:Pure.Css

    )创建了一个简单的CSS框架,被称为Pure.css(https://purecss.io/),以提供一套基础样式集,可作为网页开发的起点。Pure.css旨在轻量、模块化和响应式,使构建快速加载、适用于任何设备的移动友好网站变得简单。在...

  • CSS效率---常用CSS框架

    css常用框架及其排名情况,熟用一个,事半功倍。

  • 想成为CSS大师,你倒是学啊 ->30个资源大推荐

    点击上方前端瓶子君,关注公众号回复算法,加入前端编程面试算法每日一题群没有前言本文将爆肝推荐近两年来,最“火爆”、最前沿的4个预/后处理、12个CSS框架以及14个CSS-in-JS库,...

  • 前端——实用UI组件库

    Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网:https://valor-software.com/ngx-bootstrap/#/ github: https://github.com/valor-software/ngx-bootstrap NG-bootstrap bootstrap4组件 官网:...

  • 九个帮你提高开发效率的现代CSS框架

    ​1、Bootstrap Bootstrap是 Twitter 推出的基于html、css、JavaScript 开发的简洁、直观、强悍的CSS开发框架,使得 Web 开发更加快捷。Bootstrap 提供了优雅的HTML和CSS...功能齐全:它不仅是一个开发框架,还是一个

  • fis pure开发php,GitHub - fex-team/fis-pure: 基于FIS的纯前端模块化解决方案

    fis-pure基于FIS的纯前端模块化解决方案pure。建议刚接触这个方案的同学直接使用 FIS3 而非 pure,FIS3可以更轻松的实现 pure 的功能。pure是基于FIS二次封装能力封装而成的解决方案,可以直接使用,也可以参考fis-...

  • Pure – 赞!轻量的、响应式的 CSS 模块集

    Pure是一组轻量的,响应式的CSS 模块,您可以使用在任何的 Web 项目中。充分考虑了移动设备中的使用,保持文件体积尽量小,每行 CSS 都进行了仔细的考虑。  Pure 基于 Normalize.css 构建,并提供布局以及 原生 ...

  • 你应该知道的9个优秀的CSS框架

    前端开发是一项非常繁琐的工作,你不仅需要拥有和别人不一样的审美观和设计观,而且需要了解诸如HTML、CSS、JavaScript等错综复杂的技术,因此选择...Bootstrap是一款由Twitter推出的开源CSS框架,它的核心是由一系列

  • 2020 年最受程序员欢迎的 20 个 CSS 框架,有没有你的菜?

    转眼间 2020 年已经过去了一个月,在祈祷疫情尽快消散的同时,不要忘了学习。本文为大家搜罗了 20 款截至目前最受程序员欢迎的前端CSS框架,其中有的霸榜已久,也有不少后起之秀,有的是单纯的 CSS 框架,也有的结合...

  • [转载]前端——实用UI组件库

    Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网:https://valor-software.com/ngx-bootstrap/#/ github: https://github.com/valor-software/ngx-bootstrap...

  • 【转】前端——实用UI组件库

    Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网:https://valor-software.com/ngx-bootstrap/#/ github: https://github.com/valor-software/ngx-bootstrap NG-bootstrap bootstrap4组件 官网:ht...

  • 基于Springboot的漫画网站--论文.zip

    Java项目基于springboot的课程设计,包含源码+数据库+毕业论文

  • Java毕业设计-SpringBoot+Vue的分布式架构网上商城(附源码、数据库、教程).zip

    Java 项目, Java 毕业设计,Java 课程设计,基于 SpringBoot 开发的,含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用。 包含:项目源码、数据库脚本、软件工具等,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 项目都经过严格调试,确保可以运行! 1. 技术组成 前端:html、javascript、Vue 后台框架:SpringBoot 开发环境:idea 数据库:MySql(建议用 5.7 版本,8.0 有时候会有坑) 数据库工具:navicat 部署环境:Tomcat(建议用 7.x 或者 8.x 版本), maven 2. 部署 如果部署有疑问的话,可以找我咨询 Java工具包下载地址: https://pan.quark.cn/s/eb24351ebac4 后台路径地址:localhost:8080/项目名称/admin/dist/index.html 前台路径地址:localhost:8080/项目名称/front/index.html (无前台不需要输入)

  • GUI面板MATLAB漂浮物识别.zip

    GUI面板MATLAB漂浮物识别

  • 【工程项目】MATLAB道路桥梁裂缝检测[不同类型,GUI界面,Bp算法].zip

    【工程项目】MATLAB道路桥梁裂缝检测[不同类型,GUI界面,Bp算法]

Global site tag (gtag.js) - Google Analytics