Ceilwoo Profile

突然感觉有点像茶几，于是决定不画下去

人手不足。。。寻iphone developer一名。。。m(_ _)m

【要求】

1. *深圳南山区 (便于当面交流)

2. 晚上有较多空余时间

3. 有openfeint scoreloop 等SDK开发经验

4. 合作伙伴or项目外包皆可

5. 最好自己有iphone or ipod用于调试

有兴趣的同学Email详谈   ceilwoo#gmail.com，最好能附上作品

NekoQ website: http://nekoq.com

(团队暂时只有两人:D)

Lvyou师兄的公司 :D

要求：具备扎实的美术基础，良好的审美观，熟悉web页面的设计和切图排版，有两年以上的web页面设计经验，能熟练运用PhotoShop、Fireworks进行web页面的绘图与切片，熟悉HTML标准与CSS样式设计，熟悉table和div+css两种排版方法，同时能设计制作简单的Flash动画（会简单的action编程，会结合xml文档实现图片播放器等基本应用）。工作认真负责，积极进取，领悟力强，性格沉稳，团队合作意识强，工作效率高，同时具备javascript脚本编写和了解基本的web编程技术的优先。

待遇：待遇从优，并且提供社保，提供项目奖金（项目总利润的5%～10%，按时按质完成项目，至少提供5％奖金，完成质量高，效率高，客户非常满意，即可有高至10%的奖金），有突出能力与贡献的，可以发展为设计部门骨干，并可以提供在职股份。根据公司效益与个人贡献，有定期调薪制度，表现优秀的会逐步提高月薪水平。

工作装备：高性能的AMD X3平台（显示系统为迪兰恒进HDG4670雷钻独立显卡+AOC iF22 IPS 178度宽视角真色彩硬屏液晶显示器）电脑，是平面设计的出色工具。

公司地点：深圳市南山区南海大道西 西海岸大厦10层E室
入职时间：2010 年3月中下旬

详情：

http://www.kapnet.cn/NewsContent.aspx?ID=172

简历投递邮箱：Lugs@Kapnet.cn   OR  我代投

发展初期，前景不错，嗯！

dreamsky-webdesign

之前做web设计前总是会考虑一下html css的实现方式与复杂度，于是设计的比较简单(省点写代码的功夫:D)
这次纯自由发挥，顺便尝试一下新风格

猛击这里查看online版

时间比较赶，没做IE6的兼容性处理，本来就不打算弄IE6这死东西。

Read on…

某周末在朋友家头脑风暴之后的产物。

流程化了许多开发中遇到的问题都可以解决。

角色安排上貌似还有揣摩的地方，有空再pk。

闲逛了时候看见几个不错的街头涂鸦，回到家赶紧把这感觉mark下来，于是便诞生了这两只logo，于是我还发现我是个blue控

morning ride 01

6 o’clock

Read on…

最近的项目在多次修修改改之后遗留下了一个悲剧的一二级菜单，html结构混乱不说，还用了N多全局变量，N多脚本去制作切换的效果。所以决定着手重构之。

首先考虑是最激进的方法。只用CSS实现，具体的实现看这里

重构后的效果 -> 这里

除了hover的时候反应速度很快以外也没啥问题了。

后来收到一个feedback

用户从“Bug”按钮移动到“Search bug”的时候，会触发到“报表”的hover效果，以至于难以点到“Search bug”的按钮。

（这里可以体验一下）

第一时间想到的是延迟hover的效果，查了一下相关资料未果，于是写下代码(用到了Jquery)：

function navSwitcher(){
var topNav = $(“#navigation li.menu”);
topNav.hover(
function(){
var item = $(this);
setTimeout(function(){item.addClass(‘menu_hover’);},300);
},
function(){
var item = $(this);
setTimeout(function(){item.removeClass(‘menu_hover’)}, 300);
}
);
}

想法是用setTimeout延迟一下hover的效果，测试时候又发现了个问题，如果从一个按钮快速移动另外一个按钮再移回原来的二级菜单，会触发一个死循环。。

如果每次mousehover与mouseover的的时候clearTimeout一下应该可以解决问题了，于是修改了一下代码，顺便调整了timeout时间优化使用体验，完整的Demo可以到这里查看

代码如下：

function navSwitcher(){
var topNav = $(“#navigation li.menu”);
topNav.hover(
function(){
var item = $(this);
clearTimeout(item.data(‘timeout’));
var t = setTimeout(function(){
item.addClass(‘menu_hover’);
},100);
item.data(‘timeout’, t);
},
function(){
var item = $(this);
clearTimeout(item.data(‘timeout’));
var t = setTimeout(function(){
item.removeClass(‘menu_hover’)
}, 200);
item.data(‘timeout’, t);
}
);
}

嗯。。代码有点丑陋。。不过当我尝试把他封装一下时候发现会额外消耗5ms左右的时间。。于是还是这样好了，
在我的机器上FF3的测试结果:

尚在可以接受的范围:D

于是此次优化工作暂告一段落。

最近项目在优化前端代码的时候到了一个匪夷所思的地步，于是把动态菜单的js也喀嚓了，用CSS实现

主要是用a:hover的原理，Test了一下IE6 7 8 chrome FF 都兼容。
暂时只支持两级。

到这里可以查看这个小Demo

IE6下有个小bug，如果a:hover跟a的标签没有任何改变的话触发不了hover效果，所以把position:relative写在a:hover里边了

PS:临时测试，css代码胡乱写了….

<ul>
<li>
<!–[if IE 6]><a href=”#”><table><tr><td><![endif]–>
<a href=”#”>菜单1</a>
<p>
<a href=”#”>子菜单1</a>
<a href=”#”>子菜单2</a>
<a href=”#”>子菜单3</a>
</p>
<!–[if IE 6]></td></tr></table></a><![endif]–>
</li>
<li style=”background-color:#9FF;”>
<!–[if IE 6]><a href=”#” style=”background-color:#9FF;”><table><tr><td><![endif]–>
<a href=”#”>菜单2</a>
<p>
<a href=”#”>子菜单4</a>
<a href=”#”>子菜单5</a>
<a href=”#”>子菜单6</a>
</p>
<!–[if IE 6]></td></tr></table></a><![endif]–>
</li>

callni

Subtitle change to “imagination comes true”。

And…callni website is coming soon…