前端开发是个体力活

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

[NDS] Luminous Arc 完成。。。

Luminous Arc ,国内是叫《弧光之源》吧。在年假被关押之际顺道把它解决了。
游戏是讲一群在Garden的小朋友被教会派去征讨魔女,期间发现了魔女们才是正义的一方,最后与亲爱的魔女们(萝莉、御姐、眼镜娘都有)反推教会,顺便把God也杀了。
这么说起来还真是悲哀啊…本来很长的剧情给我一句话就概括完了。
先贴点截图:

luminous arc
luminous arc

显然俺是冲着画面玩的。。
本作的装备&符石合成系统表面上看感觉不错,一定的组合可以获得特别凶狠的特殊装备,不过每次合成都要跑回去witch village ,很麻烦,而且NPC不是很强大且比较弱智,不依靠合成装备都完全可以取胜。。。so 有点鸡肋。。
Cecille设计得貌似比较强大,前期加血。后期攻击辅助都一流,超赞。
至于主角是个废材。。后期基本上给我变成加血鸡。
中期加入武士叔叔也比较凶狠,秒杀小兵,瞬杀boss的重要角色。建议多加修炼。
ps: Cecille和saki的百合技很强大lol

麦兜语录

(将来——)
你身后最理想嘅永久居庭
山环水抱,五蛇下洋,福荫后人
由拱北关闸去,车程亦只不过係三十分钟
每日更加有两班飞翔船由新港码头直达
清明时节,念祖祭宗
更可顺道享受一下就近嘅中山温泉同埋石岐乳鸽
暖在心头,倍感思亲
(係er,类度训低嘅都係香港人,正所谓同声同气啊嘛)
标准单位面积十平方尺,阿匝型十五平方尺
连五星级名师棺木,月供都只不过係百几蚊起啫
为你安逸嘅未来作好打算嘞
展销处:旺角美华轩酒店二楼中菜厅
发展商:嘉宝永成国际有限公司
市场策划:飞马腾龙广告有限公司
(噫,甘日先上山啊?)
(係啊,真是新鲜热辣,尸骨都未寒啊

大难不死,必有锅粥。
臀结就是力量。
猪还有一猪兜。
肉不琢,不成饼。
天有不测之风云,人有霎时之蛋挞。
闻鸡起筷!

马尔代夫,座落于印度洋的世外桃源, 蓝天白云,椰林树影,水清沙白, 七彩缤纷的珊瑚,目不暇接的热带鱼群,充满着赤道活力的原始海洋, 远离繁嚣,体验热情如火的风土人情, 享受一个脱俗出尘的梦幻之旅。

麦兜:麻烦你,鱼丸粗面
校长:没有粗面
麦兜:是吗?来碗鱼丸河粉吧
校长:没有鱼丸
麦兜:是吗?那牛肚粗面把
校长:没有粗面
麦兜:那要鱼丸油面吧
校长:没有鱼丸
麦兜:怎么什么都没有啊?那要墨鱼丸粗面吧
校长:没有粗面
麦兜:又卖完了?麻烦你来碗鱼丸米线
校长:没有鱼丸
旁:麦兜啊,他们的鱼丸跟粗面卖光了,就是所有跟鱼丸和粗面的配搭都没了
麦兜:哦~~!没有内些搭配啊……麻烦你只要鱼丸
校长:没有鱼丸
麦兜:那粗面呢?
校长:没有粗面

CSS expression在IE6的诡异问题

<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的负担。

CSS Naked Day

What happened to the design?

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日,于是。。。。

Shopping date

零食的野望
又可以在家里宅上几天了…最近把各种紫菜吃了一边(XX郎、四X、波X..etc),最后还是觉得四洲的芥末味紫菜比较适合我,味道比较辛辣,可以抑制我瞬间吃几十包紫菜的欲望。
菠萝蜜(jackfruit)
蛮喜欢吃某个越南产的树菠萝干,于是爱屋及乌…正好超市买一送一,便拣了一份回来。
吃完肉后核可以留下来。放高压锅里加水压个十多分钟就可以吃了!味道跟板栗差不多,不过因为皮容易剥,所以吃起来很痛快。
另外也有其他的吃法,譬如放烤箱里烤熟,或者是油炸。(像我这么懒的人当然会在煲饭的时候顺便…)