前端开发是个体力活

最近在调试某页面的style时发现,居然要开着6个浏览器。。 IE6,7,8, firefox ,safari ,google chrome…
每次改完代码就要刷新6个浏览器看看新的样式或js有没bug。然后就这么重复刷啊刷啊,F5啊 F5…折腾个几小时。
虽然有时候有信心写的代码在各个浏览器浏览都没问题,可能还是会很神经质的再去刷新一遍,然后看到意料之中的结果才安心的继续写代码… 囧

最近在调试某页面的style时发现,居然要开着6个浏览器。。 IE6,7,8, firefox ,safari ,google chrome…
每次改完代码就要刷新6个浏览器看看新的样式或js有没bug。然后就这么重复刷啊刷啊,F5啊 F5…折腾个几小时。
虽然有时候有信心写的代码在各个浏览器浏览都没问题,可能还是会很神经质的再去刷新一遍,然后看到意料之中的结果才安心的继续写代码… 囧
Luminous Arc ,国内是叫《弧光之源》吧。在年假被关押之际顺道把它解决了。
游戏是讲一群在Garden的小朋友被教会派去征讨魔女,期间发现了魔女们才是正义的一方,最后与亲爱的魔女们(萝莉、御姐、眼镜娘都有)反推教会,顺便把God也杀了。
这么说起来还真是悲哀啊…本来很长的剧情给我一句话就概括完了。
先贴点截图:

luminous arc
(将来——)
你身后最理想嘅永久居庭
山环水抱,五蛇下洋,福荫后人
由拱北关闸去,车程亦只不过係三十分钟
每日更加有两班飞翔船由新港码头直达
清明时节,念祖祭宗
更可顺道享受一下就近嘅中山温泉同埋石岐乳鸽
暖在心头,倍感思亲
(係er,类度训低嘅都係香港人,正所谓同声同气啊嘛)
标准单位面积十平方尺,阿匝型十五平方尺
连五星级名师棺木,月供都只不过係百几蚊起啫
为你安逸嘅未来作好打算嘞
展销处:旺角美华轩酒店二楼中菜厅
发展商:嘉宝永成国际有限公司
市场策划:飞马腾龙广告有限公司
(噫,甘日先上山啊?)
(係啊,真是新鲜热辣,尸骨都未寒啊
大难不死,必有锅粥。
臀结就是力量。
猪还有一猪兜。
肉不琢,不成饼。
天有不测之风云,人有霎时之蛋挞。
闻鸡起筷!
马尔代夫,座落于印度洋的世外桃源, 蓝天白云,椰林树影,水清沙白, 七彩缤纷的珊瑚,目不暇接的热带鱼群,充满着赤道活力的原始海洋, 远离繁嚣,体验热情如火的风土人情, 享受一个脱俗出尘的梦幻之旅。
麦兜:麻烦你,鱼丸粗面
校长:没有粗面
麦兜:是吗?来碗鱼丸河粉吧
校长:没有鱼丸
麦兜:是吗?那牛肚粗面把
校长:没有粗面
麦兜:那要鱼丸油面吧
校长:没有鱼丸
麦兜:怎么什么都没有啊?那要墨鱼丸粗面吧
校长:没有粗面
麦兜:又卖完了?麻烦你来碗鱼丸米线
校长:没有鱼丸
旁:麦兜啊,他们的鱼丸跟粗面卖光了,就是所有跟鱼丸和粗面的配搭都没了
麦兜:哦~~!没有内些搭配啊……麻烦你只要鱼丸
校长:没有鱼丸
麦兜:那粗面呢?
校长:没有粗面
<body><div id=”page-wrapper”><div id=”header”>标题内容…</div></div></body>
以上是最近的项目里的html结构,其中page-wrapper是自适应页面大小的,header是存放页面的标题(height:60px;)。根据客户的需要,该页面是自适应浏览器大小,并且有一个最小的宽度。于是我这么对page-wrapper这么写到
#page-wrapper{
position:relative;
min-width:974px;
width:expression(((document.compatMode && document.compatMode==’CSS1Compat’) ? document.documentElement.clientWidth : document.body.clientWidth) < 974 ? “974px” : “auto”);
}
鉴于IE6中没有min-width,所以我尝试使用一下css expression这个只有IE支持的CSS属性。里面是一段JS,当page-wrapper的宽度小于974px的时候把宽度设置成974px,以实现Ie6下的min-width。为什么会有个position:relative ? =.= 这个是手误,很久以前需要实现一些效果忘记删掉了。
于是问题就出来。该页面在IE6下当浏览器窗口最大化时page-wrapper里面所有的内容会消失,再缩小到原本大小的时候内容又出出现。囧rz
最后诊断的结果是 ,当 header的height:60px;与page-wrapper的position:relative;和css expression同时出现并且页面是自适应大小的话在IE6下便会出现最大化的时候页面内容消失的诡异问题。
这问题出现的必要条件也太恶心了。。。估计也没多少人能遇上。。。。
于是决定面壁思过。。远离肥猪流。。
#page-wrapper{
min-width:974px;
_width:expression(documentElement.clientWidth< 974 ? “974px” : “auto”);
}
(_width仅为IE6识别) 虽然很不想用CSS hack,但我认为这不失为一个便捷的方法。我不希望添加非IE6浏览器解析css的负担。

距离v1居然有1年之久。。实在是太可怕了。。
v2最大宽度将会扩展到1200,添加更为清晰的导航…然后..先玩游戏去了…没灵感…
PS:里面部分他人作品仅作为效果图使用
To know more about why styles are disabled on this website visit the
Annual CSS Naked Day website for more information.
CSS 裸奔节的目的是展示同学们深厚的(x)html功力,推动 Web 标准. 简洁为美. 使用正确的 (x)html, 语义标记,良好的层次结构。
今年(CSS Naked Day ‘08)的时间定于4月9日,于是。。。。

又可以在家里宅上几天了…最近把各种紫菜吃了一边(XX郎、四X、波X..etc),最后还是觉得四洲的芥末味紫菜比较适合我,味道比较辛辣,可以抑制我瞬间吃几十包紫菜的欲望。

蛮喜欢吃某个越南产的树菠萝干,于是爱屋及乌…正好超市买一送一,便拣了一份回来。
吃完肉后核可以留下来。放高压锅里加水压个十多分钟就可以吃了!味道跟板栗差不多,不过因为皮容易剥,所以吃起来很痛快。
另外也有其他的吃法,譬如放烤箱里烤熟,或者是油炸。(像我这么懒的人当然会在煲饭的时候顺便…)