Wing:Web 设计师想要的极简 CSS 框架

2,565 阅读2分钟
摘要:Wing是一个新的框架,也是极简主义爱好者的好朋友。它提供了默认格栅布局、自定义元素以及各种组件,而且它的体积只有5KB。

前端生态系统有着各种各样的开源框架,这些框架都能让开发者的工作更简单一些。一般情况下,每一个人都有自己不同的需求,有的人看重设计美学,而其他一些人看重的是速度和可用度。

Wing 是一个新的框架,也是极简主义爱好者的好朋友。它提供了默认格栅布局、自定义元素以及各种组件,而且它的体积只有5KB 。

Wing 最好的地方,在于它针对默认元素提供了自动样式(auto-styling )功能。当你将Wing CSS 样式表放在你的项目之后,你会立刻看到改变。

默认的文字、连接、和页面元素会自动被更改成Wing 的设计语言。你还可以添加额外的类来丰富页面的设计。

Wing 提供了12 栏架构的960px 格栅系统。这个简单的布局和960px 的格栅在当今宽屏显示器上可能会显得过小,但是如果你喜欢较小的网站,它会是一个不错的选择。

usewing.ml/ 就是一个非常简洁的示例,它的代码是这样的:

<div class="row">

  <div class="col">1</div>

  <div class="col">2</div>

  <div class="col">3</div>

</div>

你可以在Unpkg CDN 获得Wing ,他们会随时更新文件,因此无需你更改文件名称。你只需要将这个URL 添加到你的header 中,然后就可以完整访问Wing 这个框架了。

除此之外,你也可以通过npm 下载Wing ,或是通过GitHub 下载。

我觉得Wing 和Normalize.css 有一些共同点。两者都支持所有浏览器,而且你对编辑、改变样式以及重新格式化都有完整的控制权。

 

你可以在Wing 的主页上找到所有文档和代码示例,你还可以在这里参看使用指导。

qrcode_for_gh_9de197bcc61b_258.jpg

原    文:Wing – Minimalist CSS Framework Web Designers Want
译    文:SDK.cn
作    者:鲁行云(编译)

免责声明:

  1. SDK.cn遵循行业规范,所有转载文章均征得作者同意授权并明确标注来源和链接。
  2. 我们十分尊重原创作者的付出,本站禁止二次转载如需转载请与原作者取得联系。
  3. 转载SDK.cn的原创文章需注明文章作者、链接和"来源:SDK.cn"并保留文章及标题完整性未经作者同意不得擅自修改。
  4. 作者投稿可能会经SDK.cn适当编辑修改或补充。