CSS-Wing极简的 CSS 框架
前端生态系统有着各种各样的开源框架,这些框架都能让开发者的工作更简单一些。一般情况下,每一个人都有自己不同的需求,有的人看重设计美学,而其他一些人看重的是速度和可用度。
Wing是一个新的框架,也是极简主义爱好者的好朋友。它提供了默认格栅布局、自定义元素以及各种组件,而且它的体积只有5KB。
Wing最好的地方,在于它针对默认元素提供了自动样式(auto-styling)功能。当你将Wing CSS样式表放在你的项目之后,你会立刻看到改变。
默认的文字、连接、和页面元素会自动被更改成Wing的设计语言。你还可以添加额外的类来丰富页面的设计。
Wing提供了12栏架构的960px格栅系统。这个简单的布局和960px的格栅在当今宽屏显示器上可能会显得过小,但是如果你喜欢较小的网站,它会是一个不错的选择。
http://usewing.ml/就是一个非常简洁的示例,它的代码是这样的:
<div class="row"> <div class="col">1</div> <div class="col">2</div> <div class="col">3</div> </div>
评论