响应式设计,我选择 unsemantic.css 框架,大家的选择呢?

2014-07-02 12:39:44 +08:00
 kmvan
很久之前,用过960的响应式,总感觉怪怪的。现在几个项目都用上了 unsemantic,看起来适应性还可以。

优点:
1、自由。unsemantic 是用百分比来设定宽度,只要能整除100就可以(33%)也算,例如 div.grid-33.tablet-grid-50.mobile-grid-100(PC上显示3列,Pad上显示2列,手机上显示1列),这样看起来算是比较友好吧,不用管16grid还是24grid之类的。
2、使用 box-sizing:border-box 属性,方便设计,老式浏览器需要用js兼容。

缺点:
1、冗余。正如其名,unsemantic,无语义化,不仅是命名的class无语义化,甚至连盒子元素(div之类)的也是无语义化,严格来说是冗余。因为他的列距是用 padding 的!所以子元素想要用颜色填充该列,不能够 <a.grid-50>BLOCK</a> 这样写,而要 <div.grid-50><a>BLOCK</a></div> 这样写。
2、使用 box-sizing:border-box 属性,老式浏览器需要用js兼容。


附上框架homepage: http://unsemantic.com/

大家来介绍下自己用的响应式框架吧,简单介绍一下:)马克。
5660 次点击
所在节点    设计
29 条回复
dimlau
2014-07-02 13:03:45 +08:00
人肉手写。
civet
2014-07-02 13:11:06 +08:00
这类框架都是冗余多了。但是省时间。貌似书上还介绍过一堆CSS Grid System
zencoding
2014-07-02 13:25:24 +08:00
我用 purecss.io
kmvan
2014-07-02 13:25:46 +08:00
@civet 我一看,还以为我自己!
civet
2014-07-02 13:35:12 +08:00
git clone @kmvan 感觉画风不一样于是再换了一下,还是q版顺眼
foomorrow
2014-07-02 13:55:21 +08:00
@zencoding purecss +1
tushiner
2014-07-02 14:01:05 +08:00
人肉手写,前端框架是给做外包的没前途的人用的
davepkxxx
2014-07-02 14:06:38 +08:00
从来都是手写……
jsonline
2014-07-02 14:10:08 +08:00
手写 media query
tonylua
2014-07-02 14:12:46 +08:00
现在的小孩离开框架活不了了吗 尤其是CSS还框架 蛋疼
kmvan
2014-07-02 14:22:33 +08:00
@tonylua 实际上所谓的“框架”,估计跟你认识中的“框架”有所不同,更准确来说,我觉得称呼为“方案”比较合适。
kenis
2014-07-02 14:38:24 +08:00
@zencoding Pure +1,轻量简洁
lijsh
2014-07-02 14:39:48 +08:00
人肉手写足矣
vivianalive
2014-07-02 14:47:07 +08:00
手写总是最快, 最简洁, 最轻量, 可读性, 可维护性最好的办法.

框架带来的冗余代码实在太多了.
adspe
2014-07-02 15:20:45 +08:00
purecss
scarlex
2014-07-02 15:32:13 +08:00
手写
l917716606
2014-07-02 15:39:08 +08:00
Meteor
yangzh
2014-07-02 16:24:46 +08:00
最常见的不是用 bootstrap 和 foundation 吗?
kmvan
2014-07-02 17:10:57 +08:00
还真别说,960大家都应该听过吧。刚才我一看,发现 unsemantic 的作者居然就是960的作者,囧
tokki
2014-07-02 17:16:57 +08:00
我是自己改造的pure

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/120578

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX