边角阴影渐变

最近看一些网站的时候经常看到边角阴影,所以单独拿出来说说。 比如 Nettuts+ 的设计,主内容区的右上角有非常浅的渐变,并有1px的白色勾线。这些细节设计虽然非常淡,甚至很多人根本不会去注意到这些,但它们累加起来的效果非常出色——不论我们有否发觉,重要的是我们确实受到了这些细节的视觉上的影响。 虽然 Nettuts+ 用了一张png的边角渐变的图片,但显然代码也能实现。线性渐变作为CSS3的标配,虽然使用上需要加上麻烦的前缀,但放眼望去用上代码渐变的页面也已经相当普遍。使用上需要注意的是 ...

响应式Web设计

响应式Web设计(Responsive Web Design – RWD)一般是指那些使用CSS3 Media Query特性制作站点,其可以适应不同视窗尺寸的布局。 虽然很早就已经有了类似RWD的概念,但直到最近一年里才开始变得特别流行,各种文章、例子、工具、模板,不断地从无到有,诸如: 响应式Web设计50个例子和最佳实践 21个响应式Web设计工具 响应式Web设计的模板和框架 ...

修复A590IS电池报警缺陷问题

多年以前,我买了自己的第一部数码相机——佳能A590IS,当时的价格已经不贵(1200元),但仍然花费了我数月的实习工资,才勉强得意如愿。随后这部A590IS便取代了我的手机摄像头一直陪伴着我的生活,同时也带我进入了摄影世界的大门。我学习了很多摄影的知识,单单只使用这样一部小小的数码相机实践——而A590IS作为A系最后的全手动机型,也不负众望地记录数了成百上千珍贵的画面。 然而,多年之后,佳能A系通病开始展露——电池容量误报,导致即使是刚刚充满的电池,它也会毫不犹豫的报警然后自动关机。这让我非常无奈, ...

CSS display: run-in;

display:run-in; 是一个非常有趣的属性,虽然作为普通流里的一个环节,但却很少有人问津。Chris Coyier 曾经写过一篇 CSS Run-in Display Value,简述了这个属性的作用。除此以外,它几乎不被人所讨论。 对于其定义,大致上就是下面这三点: If the run-in ...

webkit自定义滚动条

在之前的 Google Reader的颓然改变 里我吐槽了google reader的这次改版实在是糟糕透了,但是现在看来,自己似乎也渐渐习惯了——这得益于Google的不断的改进,扭转很多不如意的方面。比如内容区添加了清晰的边线,工具条的高度被压缩,甚至如果窗口高度不高的情况下,搜索栏和工具栏的空间会被压缩的更多。当然,直到现在我还是没法接受那种泛白的背景,长时间阅读还是很累人的。 但其实改版里还是有很多令人眼前一亮的地方,就比如webkit优化的滚动条,更为美观也更加节省空间。 于是我也整了整自己网站的滚动条, ...

修复Wordpress的Pingback

不知道是从何时起自己博客的Pingback挂掉了,自己也因为长期没有收到什么Pingback最终还是发觉了这个问题,只是,平时就比较繁忙加之这个功能缺失并无太大的影响,于是就一直搁置在一旁,结果一搁就是1年了。在多次自己文章Pingback失败之后我再也无法忍受这种文章的孤立感,在这种积怨的驱动下,我居然整整花了大约有1天时间来查原因,无奈双重问题让我走了一些弯路,不过最后还是顺利解决了。然后,我打算记录下这一路查错的过程,也许需要的人可能会用到。 一开始,我能想到的就是配置问题,我直接Google了 pingback wordpress not ...

NodeJS之始

Node.js 可以称得上是过去一年里最热门的项目,现在整个NodeJS社区也都非常活跃,不论是关注的还是围观的,都对这个项目抱有极大的兴趣。说来惭愧,虽然自己也一直想接触,但总是再三都把精力花在了其它乱七八糟的地方。既然今年下决心把重心从CSS挪回JS,NodeJS自然是不能再错过了。 我看的是著名的 Manuel Kiessling 的 The Node Beginner Book 的中文版 ...

CSS Hack Table

早在之前的告别垂死的IE6与IE7里,我就提及了要送别IE6/7,不过和说好的时间相差的挺多,出于各种原因,一拖就是1个多月。好在还是东拼西凑地搞完了,赶在了今年情人节前发布。时间上的仓促可能导致我文中的某些胡言乱语,希望各位看客多包涵了:) 由于博客页面已经无法承载这么多内容,所以我做了单独的工具页面,你可以点击下面的链接查看这张表格: 下面是对于这张表的简单说明: 我个人抵制各种Hack,甚至不惜在设计上争论直到设计师妥协。如果你不幸遇到一位倔强的设计师,那你也将不幸地与这些过气的小花招打交道。 虽然一开始我想囊括所有的浏览器(我几乎下载了所有版本) ...