[分享]My favorite CSS hack

* { background-color: rgba(255,0,0,.2); }
* * { background-color: rgba(0,255,0,.2); }
* * * { background-color: rgba(0,0,255,.2); }
* * * * { background-color: rgba(255,0,255,.2); }
* * * * * { background-color: rgba(0,255,255,.2); }
* * * * * * { background-color: rgba(255,255,0,.2); }
* * * * * * * { background-color: rgba(255,0,0,.2); }
* * * * * * * * { background-color: rgba(0,255,0,.2); }
* * * * * * * * * { background-color: rgba(0,0,255,.2); }

是作者@Gajus Kuizinas从2014年分享后使用至今的一段代码。 Continue reading [分享]My favorite CSS hack

[转]Responsive设计的十个基本技巧

Responsive Design对于我来说一点都不陌生,从他在这个互联网出现的时候,就一直在观注他的成长,而且在w3cplus站上也分享了很多这方面的教程和资源。由 于组织了YY活动在线上和大家分享Responsive的设计,为了能让大家更好的理解,我自己也有必要好好的做一下功课,今天这个就是功课,想和大家一 起分享一下Responsive设计的一些基本技巧,和相对应的学习资源,希望对大家有所帮助。

什么是Responsive设计?有的同学认为Responsive设计是自适应布局,也有的同学认为Responsive是网格布局。其实这些想法都不正确。WikipediaResponsive做 了详细的描述,我在这里就简单的说一下。Responsive设计简单的称为RWD,是精心提供各种设备都能阅读网页的一种设计方法,RWD能让你的网页 在不同的设备中展现成不同的设计风格。从这一点描述来说,Responsve既不是流体布局,也不是什么网格布局,他是一种独特的网页设计方法。
Continue reading [转]Responsive设计的十个基本技巧

七款精美页面样式切换元素

总喜欢在夜深人静的时候,游走于全世界各优秀网站之间,以期许能够获取一些有助于做出一份属于自己风格的元素;

今天很走运,呵呵!在smashingmagazine看到了一篇有关样式切换元素设计的竞赛结果展示(Style Switchers Contest Results);其中有很多很多优秀的设计与创意,在大饱眼福之后挑了几款我最最喜欢的. Continue reading 七款精美页面样式切换元素

利用jQuery实现每次点击轮换CSS样式

今天我想完成一个点击元素来切换div的样式,起初利用普通的javascript来弄,可拼来拼去感觉太麻烦,后查阅jQuery的相关技巧资料,呵呵,猜我发现了什么?->toggle;看看描述资料先;
Continue reading 利用jQuery实现每次点击轮换CSS样式