资讯频道 → Web前端
阅读更多

8顶
1踩

Web前端

原创新闻 雅虎推出Pure，一个“纯”的CSS组件库

2013-05-31 11:28 by 副主编 wangguo 评论(3) 有20605人浏览
css javascript 雅虎 ui 响应式

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

雅虎近日推出了一个名为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...

  • 基于ssm的网络教学平台（有报告）。Javaee项目，ssm项目。

    重点：所有项目均附赠详尽的SQL文件，这一细节的处理，让我们的项目相比其他博主的作品，严谨性提升了不止一个量级！更重要的是，所有项目源码均经过我亲自的严格测试与验证，确保能够无障碍地正常运行。 1.项目适用场景：本项目特别适用于计算机领域的毕业设计课题、课程作业等场合。对于计算机科学与技术等相关专业的学生而言，这些项目无疑是一个绝佳的选择，既能满足学术要求，又能锻炼实际操作能力。 2.超值福利：所有定价为9.9元的项目，均包含完整的SQL文件。如需远程部署可随时联系我，我将竭诚为您提供满意的服务。在此，也想对一直以来支持我的朋友们表示由衷的感谢，你们的支持是我不断前行的动力！ 3.求关注：如果觉得我的项目对你有帮助，请别忘了点个关注哦！你的支持对我意义重大，也是我持续分享优质资源的动力源泉。再次感谢大家的支持与厚爱！ 4.资源详情：https://blog.csdn.net/2301_78888169/article/details/144929660 更多关于项目的详细信息与精彩内容，请访问我的CSDN博客！

  • 2024年AI代码平台及产品发展简报-V11.pdf

    2024年AI代码平台及产品发展简报-V11

  • 蓝桥杯JAVA代码.zip

    蓝桥杯算法学习冲刺（主要以题目为主）

  • QPSK调制解调技术研究与FPGA实现：详细实验文档的探索与实践,基于FPGA实现的QPSK调制解调技术：实验文档详细解读与验证,QPSK调制解调 FPGA设计，有详细实验文档 ,QPSK调制解调;

    QPSK调制解调技术研究与FPGA实现：详细实验文档的探索与实践,基于FPGA实现的QPSK调制解调技术：实验文档详细解读与验证,QPSK调制解调 FPGA设计，有详细实验文档 ,QPSK调制解调; FPGA设计; 详细实验文档,基于QPSK调制的FPGA设计与实验文档

Global site tag (gtag.js) - Google Analytics