Dec 1st, 2009
在平时工作中, 我们环绕需求设计页面结构, 样式和效果, 做成 DEMO, 再交付开发工程师套用并做成动态页面. 但是在交付工程师时, 我发现自己的思维方式和别的前端有点不一样. 我有时会在自身角度去思考, 误认为对方也熟知某些技巧, 其实不然.
上星期, 我在找 "奇迹 MU" 游戏中出宝石的声音文件, 想用这个作为铃声. 我找遍了整个网络, 人们都告诉我, 可以在游戏的安装文件夹内找到某某文件, 将这个文件转格式就可以用了. 我很纠结, 好像除此之外再没有可以得到这个文件的办法了, 但我又不愿意为了不到 1KB 的一个文件去安装 G 量级的软件. (最后, 我在某国外网站找到了这个文件.)
对工程师来说, 他们或许对这个并不熟悉, 如果你告诉他需要学很多与其核心工作不相关的东西, 他们同样会很纠结. 所以作为前端, 应该尽量将前台的处理进行封装. 可能我说得不是很明白, 下面用 Rating Stars 举例说明一下.
Read More...
Nov 25th, 2009
今天早上醒来, 习惯地拉开窗帘, 窗外白茫茫一片, 大雾迷蒙, 仿如云间.
站在阳台俯视, 只见云雾, 楼房渐隐在云雾之中; 向前望去, 也只能隐约见到对面建筑.
Read More...
Nov 19th, 2009
从上周开始, 气温骤降, 多逢冷雨. 以我微弱的地理知识, 此类应属冷峰天气, 降温速度极快... 但这种快远远超出了我的预想.
一个月前, 我还是穿着短袖满公司跑, 叹息杭州公交咋都不开空调, 经过复兴大桥也不忘感受一下清风扑面的凉爽. 没想到这就要下雪了...
我是个没看过雪的人, 这其实没什么可笑的, 就像很多人没看过海一样, 此并非我能左右, 只是生活环境没有这样的条件. 但是同事们特别关爱来这南方的我, 或是为我的衣暖担心, 或是为我的观雪兴奋...
上周天气预报要下雪了, 且这样的天气将会持续一段时间. 但一个星期以来, 我只见雨而不见雪. 寒雨天很冷, 冷到早上不愿起床, 所以我把闹铃往前调了 10 分钟, 这是给我为起床挣扎而准备的.
Read More...
Nov 17th, 2009
干前端这行当已经超过一个月了, 每天都会遇到新奇古怪, 甚至离奇的问题. 虽然绝大部分都是一些小问题, 但我觉得还是有必要记录下来.
今天遇到个小问题, 在构建 DOM 时, IE 中不能通过 element.setAttribute('name', _variable); 和 element.name = _variable; 这样的形式来为元素加上 name 属性, 无论是 IE6 还是 IE7. (IE8 是可以的, 但 IE8rc1 不行)
Read More...
Nov 16th, 2009
WordPress 上, 我们一般会将页面列表或者分类列表做成导航栏. 但无论是页面还是分类, 都存在个小问题, 当鼠标悬停在导航项时就是出现讨厌的提示信息, 也就是标签上的 title 信息. 下面我会告诉大家如何去除这些讨厌的提示信息. (以页面列表为例)
Read More...
Nov 16th, 2009
WordPress 确实不那么火了, 那是因为大家一直把它定在博客的位置上. 其实 WP 能做的事情很多, 尤其是针对中小企业. 在企业应用方面, WP 虽然不及 Joomla 和 Drupal 等灵活多变, 但其因为需求小, 变动少, 开发代价低, 很适合用来充当一个信息流门面.
过去的一年, 我跟一些朋友起合作制作了很多 WP 主题, 还有一些 XHTML 静态页面. 前不久, 鱼叔牵头建了个 WordPress Jam, 话说是志在推动 WP 在华的商业应用. 阵容还行, 虽说不是什么什么之父那种淫荡的组合, 但也算是各有所长. 专门做主题, 插件, 建站等相关业务, 目前我也没贡献什么, 就只能写个文章推推了...
Nov 13th, 2009
办公区有个报刊架,架上塞满了读物,《YY周刊》、《XX日报》,《OO晚报》,还有《淘宝天下》。《淘宝天下》是一本半娱乐的购物指南,我对里面的内容是不太感冒的,倒是会翻开看看美女和一些另类的物品展示。这不,10 号刊里面看到个相当雷人的图片,今天晚上勉强用手机拍下来,就为分享一下。
图片旁边有一段说明文字,我原封不动抄过来,请参照以下引用部分。
韩国济州岛建造了性主题公园来吸引更多游客,该公园取名“爱之岛”,在面值达 1.2 万平方米的公园草坪上,按照不同的主题不知了 82 件表现人类情爱的雕塑作品,如求婚、欲望、恋人、贵妇等。有的作品是按照人体的实际比例做成的,有的则十分夸张,也有一些非常抽象的雕塑作品。
Nov 5th, 2009
从上月初开始, 我在网络上投入的时间急剧下降, 以至于 Google Reader 几乎都不看了. 直到今天, 发现订阅的未阅读内容已是 4 位数, 就打开清一下吧... 但打开之后又狠不下心点下 Make all as read. 还是逐条扫描了一下标题. 嘿, 还真有收获, 订阅的一个不常更新的设计师网站这回更新了, 为我们带来了 30 个很有质感的图标. 真相请看下图.
这套图标给我感觉特别好, 就像是一直想要的东西. 作者觉得这可以用作 iPhone 菜单栏图标, 我觉得这更适合作为网页的图标, 并准备换到自己博客上去. (挺适合我现在的博客风格) 另外, 图标作者发布出来的是一个 PSD 文件, 我们可以以此作为模板来扩展图标数量. 下面是下载文件.
相关文章: 30 Free Vector Icons
图标下载: 30 Free Vector Icons Attachment
Read More...
Nov 1st, 2009
@ 回复是个好东西, 因为它结构简单, 处理方便; 嵌套回复则有更友好的用户体验, 可以调动访客回复的积极性. 对 @ 回复而言, 悬浮显示 @ 评论 (显示评论提示框) 在一定程度上可以提升 @回复的用户体验. 但是当评论出现分页的时候, 评论提示框就像被阉割一样, 功能不全. 表现为不能获取其他页面的评论信息, 本文将告诉你如何跨页处理.
《跨页悬浮显示 @ 评论 (原理篇)》已经浅谈了跨页获取评论信息的原理, 本文将剖析其处理流程和提供相关代码.
在当前页面如何通过 @{username} 找到对应评论?
1. 每个评论都会有一个 ID, 结构如: comment-{commentId}, 这本是为了方便通过锚点找到评论, 同时也成为完成 @ 评论提示的必要条件.
2. 每个 @{username} 其实就是指向评论的锚点, 自然可以取得评论 ID.
Read More...
Oct 30th, 2009
来杭州之后就很少这么晚睡了, 头发未干, 就写点什么吧.
到杭州工作生活已半月有余, 它给我的印象是人口少, 空气好. 或许其他人不这么认为, 因为大家的生活背景和我不一样, 我在广州生活 6 年, 当然前面的几个特点都是相对广州而言的.
我现在住在滨江北边, 一个小区的高层单位里, 靠江, 但看不到江景. 这边的楼盘黄牛倍儿牛逼, 小区的入住率超低, 周围设施也不完备, 但环境还是不错的, 早上听到鸟语, 晚上嗅到花香. 杭州是个清秀的地方, 而杭州的滨江是个清幽的地方.
杭州有味甜不辣的杭帮菜, 以茶会友的茶座, 拒载而有个性的的士司机, 深夜城里的飙车族, 绿灯时间超短 (不足以过马路) 的人行道.
Read More...
Oct 16th, 2009

我消失有一段时间了吧, 应该有那么一些朋友是知道真相的. 我到杭州了, 现在在阿里巴巴工作. 这次换工作我顺便也小转型了一下, 现在负责网站运营的 UED 相关工作. 在这短暂的时间里, 我已经感觉到自己有所收获, 将继续用心地去感受, 去体会. 当然, 在不久的将来我将会写个文章来向大家汇报汇报.
先说个正经事...
现在我在 Alibaba.com 的一个创业团队中, 负责 Alibaba Wholesale 平台的设计, 开发和运营工作. AliExpress.com 赶在 2009 年末起用, wholesale 平台成为阿里巴巴集团旗下除 Alibaba.com 和 Taobao.com 外第三个拥有独立域名的电子商务平台.
我们团队在可预见的未来会有飞速的发展, 我们需要人才, 我们渴望人才. 如果你热爱生活, 了解前端, 富有激情, 并乐于接受挑战, 你很可能正是我们在找的那一位. 我们的工作地点是在杭州, 阿里巴巴园区, 一个空气清新, 环境宜人的地方.
如果你对此感兴趣, 如果你想加入我们的团队, 请不要犹豫, 对应下列职位, 将你的简历投递到以下邮箱.
zhao.wuz@alibaba-inc.com
若有任何疑问可在此留言. (最近我在忙一些事情, 未必能及时回复, 但在我会尽量地回复相关问题.)
Read More...
Oct 7th, 2009
以前我写过写过一个教程, 讲解如何在 iNove 主题中悬浮显示 @ 评论. 其实在开始制作的时候就知道存在一个缺陷. 如果使用评论分页, 只可以悬浮显示当页的评论作为提示信息, 而不能跨页操作.
我一直没去弄, 一是怕增加服务器负担, 二是因为懒. 最近看到 yinheli 把这实现了, 本想把它抄过来用用, 无奈 JS 代码压缩过看不了, 最后还是自己弄了一下. 操作原理未必相同, 但效果应该是差不多的.
为什么不能跨页显示?
因为其工作原理是, 当鼠标移动到 @{username} 时在本页找到对应的评论, 并插入到评论列表中, 以绝对位置的方式显示出来. 如果评论不在本页, 找不到对象, 当然就没有后面的处理了.
Read More...
Oct 4th, 2009
最近使用 Linux Mint, 发现它的默认图标集 Shiki Mint 的 app 图标特别齐全, 而且是 Tango 风格的, 很是喜欢.
现在已经将这些图标换到博客之上, 并通过 SVG 转导出 128x128 和 256x256 两个尺寸.
原图标集, 包括 8x8PNG, 16x16PNG, 22x22PNG, 24x24PNG, 32x32PNG, 48x48PNG, SVN 几种格式.
下载请点: shiki-mint.tar.gz
导出的 128x128 大小 PNG 格式的图标.
下载请点: shiki-mint-128.tar.gz
导出的 256x256 大小 PNG 格式的图标.
下载请点: shiki-mint-256.tar.gz
Sep 30th, 2009
终于把 Linux 给装上了, 这次安装的是 Mint 7. 因为显卡驱动问题, 我已经有一段时间没使用 Linux 了. 本打算重回 SuSE, 顺便试试传说的 KDE 4, 无奈下错了 ISO 文件. 最后我想起了 Mint, 记得两年前我很想安装这个发行版却懒得去折腾.
Mint 是 Ubuntu 的衍生发行版, 而 Mint 7 是基于 Ubuntu 9.04 的. 但奇怪的是 Ubuntu 上无论选用系统推荐的 180 驱动还是旧的 173 驱动, 都无法正常使用. 但 Mint 可以. (我的显卡应该是 NVIDIA GeForce 8200M) 好吧, 我认命, 那我就用它了.
Read More...
Sep 29th, 2009
我爱水煮鱼 Denis 发布的相关日志插件 WordPress Related Posts 无疑是最实用的 WordPress 插件之一. 插件会根据日志的 tag 的相关性产生一个相关日志列表, 并且可以把相关日志列表添加到 Feed 中.
我很喜欢这款插件, 在自己发布的主题中都内置支持这款插件. 插件的下载量惊人, 但已经有一年没更新了. 虽然还有很多其他的替代插件, 但是该插件的简单易用, 总是不舍丢弃, 为了扩展其功能, 我也曾经为插件加上了摘要功能.
Read More...