前端生态系统有着各种各样的开源框架,这些框架都能让开发者的工作更简单一些。一般情况下,每一个人都有自己不同的需求,有的人看重设计美学,而其他一些人看重的是速度和可用度。
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 的主页上找到所有文档和代码示例,你还可以在这里参看使用指导。
原 文:Wing – Minimalist CSS Framework Web Designers Want
译 文:SDK.cn
作 者:鲁行云(编译)
免责声明:
- SDK.cn遵循行业规范,所有转载文章均征得作者同意授权并明确标注来源和链接。
- 我们十分尊重原创作者的付出,本站禁止二次转载如需转载请与原作者取得联系。
- 转载SDK.cn的原创文章需注明文章作者、链接和"来源:SDK.cn"并保留文章及标题完整性未经作者同意不得擅自修改。
- 作者投稿可能会经SDK.cn适当编辑修改或补充。