极简的 CSS 框架 CSS-Wing

CSS-Wing 极简的 CSS 框架

MIT
HTML/CSS
跨平台
2017-06-14
深海de鱼

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

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>
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

java浅克隆与深克隆

如果我们有一个对象a,我们想得到它的一个克隆,那么我们该怎么做呢?最直观、最笨的方法是我们先new一个a的同类对象b,然后挨个拷贝a的属性给b中的相应属性。那么,这里马上就得引出两个概念...

2016/08/29 11:40
1
0
pointing to a Red Wing

pointing to a Red Wing

2015/05/11 11:09
3
0
如何在Python开发环境Wing IDE中使用GTK和PyGObject

Wing IDE是一个集成开发环境,可用于编辑、测试和调试使用PyGObject为GTK编写的Python代码。Wing IDE提供自动完成、调用提示、一个强大的调试器,以及许多其他功能,可帮助用户编写、浏览和理解...

2013/11/04 10:49
160
0
Python开发环境Wing IDE 5.0测试第八版发布

Wing IDE是著名的Python开发工具,是Wingware公司的主要产品。从1999年起,Wingware公司便开始专注于Python开发设计。Wing IDE在十几年的发展中,不管完善。其强大设计理念包括:编辑工具丰富...

2013/10/10 15:44
78
0
Python开发环境Wing IDE调试进程异常报告简析

Wing IDE的调试器所报告的任何异常,都会在调试器以外的任何代码运行事件中展示出来。 通过使用Debug工具或者是Debug菜单中的Start / Continue继续调试过程的异常检测。 Wing IDE将会停止在P...

2013/10/16 14:29
35
0
微信小游戏转发、分享等功能实现

今天我们分享的菜鸟教程文档将介绍开发微信小游戏四种常用功能的实现方法,期望能和开发者朋友们交流,非常欢迎大家给我们留言反馈。 这四种功能分别是: 获取头像功能 微信转发功能 微信分享...

08/31 15:22
103
0
Python开发环境Wing IDE使用技巧之Blender的Python代码调试

Wing IDE是一个集成开发环境,可用于开发、测试和调试为Blender编写的Python代码,Blender是一个开源的3 D内容创建系统。Wing IDE提供自动完成、调用提示、强大的调试器、以及许多其他功能,可帮...

2013/11/14 10:32
83
0
Python开发环境Wing IDE使用调试功能详解

在使用Wing IDE开始调试的时候,需要设置断点的行,读取GetItemCount函数的返回。这可以通过单击行并选择Break工具栏条目,或通过单击行左边的黑色边缘。断点应该以实心红圈的形式出现: 接下来使...

2013/10/28 11:20
2.1K
1
Python IDE: 10个最好用的python集成开发环境(IDE)

工欲善其事必先利其器,估计大部分的pythoner都是从python IDE开始了python之路。有很多的python IDE工具可以用,但是要从中选出一个用着趁手的IDE却是一项艰巨的任务。 这是一篇翻译的文章。...

2016/07/06 10:57
49.1K
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部