Category Archives: Fuiun Works

[Release] Underbrush 0.2

7th September 2007 7 Comments Permalink

在IE6中使用overflow: hidden

对待超出容器范围的元素,一般常见的有两种解决方法:一种是添加滚动条(给容器添加overflow: auto),另一种就是隐藏元素超出范围的部分(给容器添加overflow: hidden)。虽然从可用性角度应该使用添加滚动条的方法以保证客户可以获得所需信息,但是在很多时候用隐藏的方法比较不会引起页面整体感觉混乱。不幸,世界上目前市场份额最大的浏览器——IE6——对于overflow: hidden的支持不佳。如果单单是给容器添加overflow: hidden很可能根本看不见任何效果。但是一旦容器有了固定的高度、宽度,overflow: hidden立刻就达到了期望的效果。

,
5th September 2007 Comments Off Permalink

Underbrush上线测试

经过周末的折腾,总算是完成了这个wp主题。经过一系列调整,还算是满意吧,至少没有出什么大的纰漏。本来想加入 Lightbox 效果的,谁知道不管是用wp插件还是直接往里面加js脚本,效果都差强人意得厉害。算了,等哪天能精简 lightbox 的脚本到10k一下再考虑吧。

27th August 2007 4 Comments Permalink

[Homepage] Underbrush

折腾了近半个月现在的blog皮肤——目前代号“eros”——没有任何进展。庞大的背景花纹载入过慢问题我头疼了很久,最后也没有找到更好的解决方法。原先基于 eros 样式开发的新 gallery 倒是引出了风凝进军AJAX的新热情。或许我本身也不擅长架构三栏的blog,总是弄得 sidebar 信息过剩强了正文的风头。近来也厌倦了顶头一条下面几列的模式,打算挑战一下以前没有尝试过的风格。

24th August 2007 2 Comments Permalink

[HomePage] Marsh

10th August 2007 2 Comments Permalink

预留退路

最近两周一直在学 Javascript。尽管没有任何的编程经验,也还是逼着自己一点一点啃完了语法。到目前为止,基本上还算是没有遇到什么太大的难题。从昨天起去 mootools 下载了一些脚本,随后便开始了自己的第一个 js 项目——搭建一个基于 javascript 的在线相册。 因为主要使用的是现成封装好的 lightbox 和 mootools 的 Fx.Element,因此在编写脚本上并没有花太大功夫,主要都是调整和熟悉别人对于 javascript 的使用——看着人家的代码,自惭形秽啊,怎么自己弄起来七死八活的东东别人用起来就那么行云流水呢?

8th August 2007 2 Comments Permalink

Margin, Padding, 以及其他 2

到北京以后的第二个星期重新温习了《The Zen of CSS Design》,加上最近接触的公司的项目和刚刚完成的 training project,对于 margin、padding 外加浮动布局这几位老朋友运用得更加娴熟,同时也比以前有了更深的认识。

27th July 2007 3 Comments Permalink

What is Web Design?

有阵子电脑不在宿舍,要上网什么的就要借用宿舍mm的电脑。她不是Fx用户,电脑里装的是Maxthon。打开Maxthon,一个start页面出现在我眼前——素净的页面空荡荡,只有一个空空如也的标签栏。我以为这是嵌入浏览器的另一个浏览器,搞不好还是有无界之类的特殊功能。怀着有点兴奋的心情点了15分钟,我失望地发现这不过是一个用来订阅RSS的页面——虽然后来知道它还有很多其他功能,但是我的确只发现了订阅ESS这一个功能。这一次经历给我留下了很深的印象:我用过的浏览器数量也不少,上过的站点也不少,但是这样一头雾水、设想和现实差距之大的确是第一次。

,
26th June 2007 1 Comment Permalink

Margin, Padding, 以及其他

似乎不少初学 CSS 的人对定位问题都很感冒,尤其是 margin、padding,简直能要人老命(秋香?!)。不过风凝在当初学的时候并没有遇到太大阻力。这还是要归功于当初小打小闹画过一段时间漫画,为了投稿不得不学习了“边界”(margin)和“补白”(padding)的概念。 所谓”补白“,就是为了防止在印刷剪裁的时候造成白边而填充的内容——也有人往里面画搞笑四格的。一般的漫画杂志会要求将画面内容画满补白,但是不能在补白中画上重要的部分——有点像《名侦探柯南》动画组在自行制作一集动画的时候不能涉及主线和人物性格(笑)。而”边框“,一般就是一片空白——这里是不允许画上东西的,但是也不可或缺,在页面与内容之间保持一定距离避免过份拥挤。至于那个”边线“(border),就是边框与补白之间的一条蓝铅笔线——通常蓝铅笔线是不会被印刷出来的,所以会推荐使用蓝铅笔画边线。

29th May 2007 2 Comments Permalink

CSS Dock Menu

If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles – … Continue reading

12th May 2007 3 Comments Permalink