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