[米随随] s5s5 http://www.misuisui.com/weblog 本站是基于人类交互的，您的想象决定了我们的应用！ Mon, 12 Jul 2010 12:40:25 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 菲律宾五日游 http://www.misuisui.com/weblog/?p=2283 http://www.misuisui.com/weblog/?p=2283#comments Sat, 03 Jul 2010 03:09:45 +0000 s5s5 http://www.misuisui.com/weblog/?p=2283 哈哈，这回人生又升华了，我终于走出了国门，上周公司旅游去了菲律宾，这出国不用翻墙的感觉还真是好啊！通过这次旅游，我发现还是祖国的物质条件要好一些，但在于精神生活上，还是菲律宾人民更胜一筹。因为菲律宾可是全世界快乐指数最高的国家之一。那么为什么菲律宾全世界快乐指数最高呢？通过导游介绍才了解到原来菲律宾各地常年郁郁葱葱，瓜果遍地，饿不死人，更冻不死人。正是因为不愁吃穿，所以菲律宾人没有攒钱的习惯，有多少钱就花多少钱。逛商场、下餐馆、泡酒吧、唱卡拉OK……，直到把口袋里的比索花光为止。所以衣食无忧、及时行乐才是快乐的源泉所在啊。

从深圳湾口岸坐船去香港国际机场时拍的码头

[......]

继续阅读

]]> 哈哈，这回人生又升华了，我终于走出了国门，上周公司旅游去了菲律宾，这出国不用翻墙的感觉还真是好啊！通过这次旅游，我发现还是祖国的物质条件要好一些，但在于精神生活上，还是菲律宾人民更胜一筹。因为菲律宾可是全世界快乐指数最高的国家之一。那么为什么菲律宾全世界快乐指数最高呢？通过导游介绍才了解到原来菲律宾各地常年郁郁葱葱，瓜果遍地，饿不死人，更冻不死人。正是因为不愁吃穿，所以菲律宾人没有攒钱的习惯，有多少钱就花多少钱。逛商场、下餐馆、泡酒吧、唱卡拉OK……，直到把口袋里的比索花光为止。所以衣食无忧、及时行乐才是快乐的源泉所在啊。

从深圳湾口岸坐船去香港国际机场时拍的码头


国父黎刹纪念公园

当地最有名的教堂中的光影

菲律宾的猫都很瘦，可能饿的吧，这只猫猫在表演狮子大张嘴

冰淇淋

大高地火山

雨滴还在叶子上

BATANGAS CITY码头，我们将要坐的螃蟹船

秋水共长天一色

太阳快落山啦

夕阳下的海

打渔二人组

夕阳、大海、陆地

日出

阳光下的一盆花

咱也休闲一把，其实暴晒在这么强的阳光下是很热滴

海边的一艘小船

美军纪念公园

希望这是一棵和平树

阳光从树从中照射下来

从香港回深圳的大巴车上是禁止吸烟的

OVER

]]> http://www.misuisui.com/weblog/?feed=rss2&p=2283 7 PPT制作攻略 http://www.misuisui.com/weblog/?p=2260 http://www.misuisui.com/weblog/?p=2260#comments Fri, 28 May 2010 13:29:42 +0000 s5s5 http://www.misuisui.com/weblog/?p=2260 继续阅读

]]> 今天参加了《PPT制作攻略》，笔记如下：
Power：图形化、色彩搭配、字体、版式
Point：核心主题、框架、逻辑、证据
6要素：目的、受众、场合、内容、效果、资源
2种写作方法：1、金字塔式，2、递进式
3块内容：印象深刻的开场、回味无穷的结语、清晰有力的内容
视觉：用色环90度内、图表、字体、动画、多用图片
积累“创意”
OVER

]]> http://www.misuisui.com/weblog/?feed=rss2&p=2260 3 三年 http://www.misuisui.com/weblog/?p=2259 http://www.misuisui.com/weblog/?p=2259#comments Tue, 18 May 2010 02:23:12 +0000 s5s5 http://www.misuisui.com/weblog/?p=2259 继续阅读

]]> 想当年，2007年5月18日早上，我坐着火车来到罗湖火车站，先去了人才市场做了文凭验证，然后进公司办入职手续……然后一转眼，到了今天2010年5月18日早上，我坐着公司班车来到腾讯大厦，先上13层吃个饭，然后等了10多分钟的电梯上来打开电脑干活……

这三年过的还不错，哈，不过还要继续努力加油，为实现全人类的信息共享和解放事业而不断前进。

]]> http://www.misuisui.com/weblog/?feed=rss2&p=2259 6 HTML5 ~= HTML + CSS + JS APIs http://www.misuisui.com/weblog/?p=2250 http://www.misuisui.com/weblog/?p=2250#comments Sat, 01 May 2010 04:09:11 +0000 s5s5 http://www.misuisui.com/weblog/?p=2250 继续阅读

]]> 技术的发展已经不再是靠单一的某项技术来推动，如同HTML5一样，其实并不是简单的HTML标签的升级，而是涵盖CSS3、JS APIs、视频编码等各种技术的大集合。近些年AJAX、WEB2.0、SNS之类的发展越来越表现出这种组合拳和大联招的趋势。在这种情况下还象以前一样靠个人力量单干将会越来越难，团队合作共同发展才是王道。

谷歌的两位工程师做了一个展示HTML5的PPT项目 html5-slides 来展示HTML5的各种特性，看后感慨颇多，推荐大家也看一看：
http://apirocks.com/html5/html5.html （需翻墙）
http://directguo.com/html5/ （中文版）

另外最近乔大爷挟HTML5以挑FLASH，微软、谷歌也是趁火打劫，各方人马都看到了HTML5发展所带来的机遇要拼个你死我活，而未来则可能导致HTML5会涵盖更多的技术，这对我们开发者来说，是一个非常大的挑战！

]]> http://www.misuisui.com/weblog/?feed=rss2&p=2250 5 潜规则——腾讯ISD webteam 2010招聘全面启动 http://www.misuisui.com/weblog/?p=2257 http://www.misuisui.com/weblog/?p=2257#comments Fri, 30 Apr 2010 03:45:26 +0000 s5s5 http://www.misuisui.com/weblog/?p=2257




]]>




]]> http://www.misuisui.com/weblog/?feed=rss2&p=2257 2 想做外包、想找工作快来看！钱多，活少，速来！！！ http://www.misuisui.com/weblog/?p=2249 http://www.misuisui.com/weblog/?p=2249#comments Tue, 20 Apr 2010 14:51:13 +0000 s5s5 http://www.misuisui.com/weblog/?p=2249 腾讯互联网ISD Webteam 设计制作供应商招募 ，只要你设计功底高，平面广告、Flash动画、WEB UI玩的转，诚信守信，哪大把的银子等你拿！ （注意：去招募页面下载应募表，一定要右键另存为，并且并且下载时或下载后，把文件名后缀改成 .rar 格式[......]

继续阅读

]]> 嘿，标题党一把，给大家说两条好信息：

一是 腾讯互联网ISD Webteam 设计制作供应商招募 ，只要你设计功底高，平面广告、Flash动画、WEB UI玩的转，诚信守信，哪大把的银子等你拿！
（注意：去招募页面下载应募表，一定要右键另存为，并且并且下载时或下载后，把文件名后缀改成 .rar 格式。）

二是 腾讯ISD Webteam 2010年实习生招聘 正式启动 ，用户研究、交互设计、视觉设计、网页重构，无论哪一个都将为你助力你的未来人生路，在Webteam实习更是如虎添冀！一个好工作将会改变你的人生，你还在等什么？ISD Webteam欢迎你！

具体详细信息请点击链接了解。

]]> http://www.misuisui.com/weblog/?feed=rss2&p=2249 0 换肤&CSS3使用小记 http://www.misuisui.com/weblog/?p=2223 http://www.misuisui.com/weblog/?p=2223#comments Sat, 17 Apr 2010 16:15:06 +0000 s5s5 http://www.misuisui.com/weblog/?p=2223 时光飞逝，岁月如歌，转眼间CSS3的时代就要到来了，同学们都摩拳擦掌，跃跃欲试一试CSS3的神奇，像哥这样的懒人今天也下了套支持CSS3的皮肤搞搞高科技。话说这一搞不要紧，一搞之下哥的人生观+世界观都为之一颤，为什么一颤呢，原来哥发现这个世界原来真的是圆角比较美，难怪 Apple 的设计如此美观，正是因为乔大爷对世界万物的认真观察啊！！！

【硅谷革命】18. 到处都是圆角矩形
史蒂夫突然变得很激动，「带圆角的长方形哪儿都是！你看看这个屋子里面。」当然，这样的例子随处可见，比如白板，桌子和椅子。他又指着窗外说：「你再看看外面，外面更多，哪儿都是！」他甚至说服比尔跟他一起出去在楼附近走一圈，一个个地指给他看圆角矩形的物体。
二人路过一个带着圆角的禁止停车标志时，史蒂夫终于达到目的了。「好啦，我投降。」比尔乞求道，「我去看看是不是我想象的那么难吧。」然后他就回家研究去了。

搞CSS3当然是用咱的懒人搞法，直接找套支持CSS3的WP皮肤来用就成了，然后就可以对外宣布，哥已经掌握CSS3啦，哈哈哈哈~~~当然，咱也不能太懒，还是要看看哪里有不足，改一改，这一改不要紧，一改之咱对CSS3的掌握又是更进了一层，事情是这样滴：
[......]

继续阅读

]]> 时光飞逝，岁月如歌，转眼间CSS3的时代就要到来了，同学们都摩拳擦掌，跃跃欲试一试CSS3的神奇，像哥这样的懒人今天也下了套支持CSS3的皮肤搞搞高科技。话说这一搞不要紧，一搞之下哥的人生观+世界观都为之一颤，为什么一颤呢，原来哥发现这个世界原来真的是圆角比较美，难怪 Apple 的设计如此美观，正是因为乔大爷对世界万物的认真观察啊！！！

【硅谷革命】18. 到处都是圆角矩形
史蒂夫突然变得很激动，「带圆角的长方形哪儿都是！你看看这个屋子里面。」当然，这样的例子随处可见，比如白板，桌子和椅子。他又指着窗外说：「你再看看外面，外面更多，哪儿都是！」他甚至说服比尔跟他一起出去在楼附近走一圈，一个个地指给他看圆角矩形的物体。
二人路过一个带着圆角的禁止停车标志时，史蒂夫终于达到目的了。「好啦，我投降。」比尔乞求道，「我去看看是不是我想象的那么难吧。」然后他就回家研究去了。

搞CSS3当然是用咱的懒人搞法，直接找套支持CSS3的WP皮肤来用就成了，然后就可以对外宣布，哥已经掌握CSS3啦，哈哈哈哈~~~当然，咱也不能太懒，还是要看看哪里有不足，改一改，这一改不要紧，一改之咱对CSS3的掌握又是更进了一层，事情是这样滴：

我下了的 zBench 这套皮肤，结果发现和我用的代码插件WP-Syntax有点冲突，所以就去改CSS，当然zBench这套皮肤的CSS写的很不错，起马从CODE格式上就可以看来，层次分明，主题突出。所以我就越改越开心，顺手把WP-Syntax的字体改成Courier New，这个字体也是彪悍的字体啊，写CODE全就看它了。改完之后谷歌扣肉5.0浏览器一看，乖乖，真是一个美啊，然后手就更痒了，CSS3 Transition咱也加上，当然我也不忘记在Twitter上吹嘘一番，结果 肉饼 看了一下，告诉我 safari 有几个圆角没显示出来，乖乖，这就奇了怪了，乔大爷可是圆角矩形的发现者+导师，他老人家搞的 safari 不支持圆角，这可就说不过去了，结果就去细看 zBench 皮肤的CSS，结果问题找到了：

Safari这个SB浏览器，不认 -webkit-border-radius:6px 6px 0 0; 这样的缩写，非要写成 -webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;

当然 zBench 皮肤的作者也有点马大哈的编辑器有问题，要么忘记写-moz- -webkit-，要么把 -webkit- 拼成 -webkitz-，等我一一改过之后，CSS3的掌握就又精进了一层，虚拟世界通过圆角矩形又向现实世界进了一大步。最后再总结一下

1、Safari 4.0 不支持border-radius四个角缩写，支持 border-top-left-radius 写法
2、Chrome5.0 支持 border-radius 的写法（-webkit- 拼成 -webkitz- 竟然能正常显示得出）
3、Firefox3.6.3 不支持transform中时间的设定
4、IE8 就是一大SB，什么也不支持
5、未来不同浏览器显示差异的细节或将越来越多

]]> http://www.misuisui.com/weblog/?feed=rss2&p=2223 13 CSS3的动画 http://www.misuisui.com/weblog/?p=2204 http://www.misuisui.com/weblog/?p=2204#comments Wed, 31 Mar 2010 09:49:28 +0000 s5s5 http://www.misuisui.com/weblog/?p=2204 最近研究CSS3的动画，还是相当的强大啊，做了一个小皮球跳跳的动画 DEMO，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

< !doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 animation</title>
<style>
.animation {
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-direction: alternate;
	-webkit-border-radius:100px;
	position: relative;
	left: 0;
	top:100px;
	width:100px;
	height:100px;
	text-align:center;
	line-height:100px;
	background:#F00;
}
@-webkit-keyframes bounce {
	from {
		top: 0;
		-webkit-animation-timing-function: ease-out;
	}
	25% {
		top: 110px;
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		top: 50px;
		-webkit-animation-timing-function: ease-out;
	}
	75% {
		top: 90px;
		-webkit-animation-timing-function: ease-out;
	}
	to {
		top: 100px;
	}
}
</style>
</head>
<body>
<div class="animation">皮球</div>
</body>
</html>

[......]

继续阅读

]]> 最近研究CSS3的动画，还是相当的强大啊，做了一个小皮球跳跳的动画 DEMO，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48

< !doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 animation</title>
<style>
.animation {
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-direction: alternate;
	-webkit-border-radius:100px;
	position: relative;
	left: 0;
	top:100px;
	width:100px;
	height:100px;
	text-align:center;
	line-height:100px;
	background:#F00;
}
@-webkit-keyframes bounce {
	from {
		top: 0;
		-webkit-animation-timing-function: ease-out;
	}
	25% {
		top: 110px;
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		top: 50px;
		-webkit-animation-timing-function: ease-out;
	}
	75% {
		top: 90px;
		-webkit-animation-timing-function: ease-out;
	}
	to {
		top: 100px;
	}
}
</style>
</head>
<body>
<div class="animation">皮球</div>
</body>
</html>


参考文档：
CSS Animation
Safari CSS Reference
CSS Animations Module Level 3
你需要知道的CSS3 动画技术
CSS3变换入门
CSS3 鼠标悬停动画

]]> http://www.misuisui.com/weblog/?feed=rss2&p=2204 4 第六期WEB标准化交流会(深圳站)小记 http://www.misuisui.com/weblog/?p=2194 http://www.misuisui.com/weblog/?p=2194#comments Sun, 28 Mar 2010 02:00:39 +0000 s5s5 http://www.misuisui.com/weblog/?p=2194 昨天参加了第六期WEB标准化交流会(深圳站)的活动，因为之前在公司里做过一个关于“协作沟通”的分享PPT，所以在交流会上也丢了这个砖下去希望引起大家的一起金玉良言出来，呵呵。辛苦组织的同学早早的准备了一切，大家聊的比较开心。特别是来了很多深圳同行业的专家，以前这种会还是太少了，以后还是要多多有这样的一些交流会大家互相学习研究才好~

在会上大家主要围绕着工作当中经常遇到的“沟通”、“项目工作量与进度”、“紧急需求插入”、“项目周期安排”、“上流设计稿交付延期”、“流程建设”、“并行开发”、“模块化”、“版本更新的影响”等问题深入的交换了意见，现在好象主要记录如下一些关键点：
[......]

继续阅读

]]> 昨天参加了第六期WEB标准化交流会(深圳站)的活动，因为之前在公司里做过一个关于“协作沟通”的分享PPT，所以在交流会上也丢了这个砖下去希望引起大家的一起金玉良言出来，呵呵。辛苦组织的同学早早的准备了一切，大家聊的比较开心。特别是来了很多深圳同行业的专家，以前这种会还是太少了，以后还是要多多有这样的一些交流会大家互相学习研究才好~

在会上大家主要围绕着工作当中经常遇到的“沟通”、“项目工作量与进度”、“紧急需求插入”、“项目周期安排”、“上流设计稿交付延期”、“流程建设”、“并行开发”、“模块化”、“版本更新的影响”等问题深入的交换了意见，现在好象主要记录如下一些关键点：

项目工作量与进度：这里大家比较一致，就是首先要保证项目按时完成。如果后面的开发时间因为“设计阶段过长，没有按时交付设计稿”而不够，哪么在不能加人，加时间的情况下，就只能对当前任务进行拆分，把重要的、紧急的先行完成，别的再安排时间上线。这里比较反对直接说YES或NO的作法，YES的话，就是自己加班完成，但这样质量，及以后的工作效率得不到保证。NO的话，则显的一点职业素质就没有了。

沟通：沟通一直大家都在说很重要，这个因为前期沟通不够而产生问题，因为前期沟通到位而避免后期问题大家都说了不少案例。这里大家也深入分析，在不同公司的大环境下沟通的情况也不一样，如果是领导比较强势，哪么可能比较倒霉，可能无法有效沟通。项目的成熟度也有关系，比如不成熟、前景不太明朗的项目可能就会总是改来改去，这时如果只是一味接需求来做就比较被动，要在前期设计阶段进入沟通，这样后面才压力轻点。

流程建设：流程建设这一块大家主要是为了保证工作有序可控，把风险性降低。这一块的流程建设中的风险、敏捷、成本是互相牵制的，在人力成本迟迟得不到添加的情况下，哪么敏捷、风险性就会增加。降低风险性这里目前大家尝试的写文档、人员交叉等建设目前来说因为项目进度（敏捷性）的压力都进行不太顺利。

模块化：最后因为大家讨论并行开发又引入了模块化的话题，这里大家主要分享了对代码根据作用域进行拆分，然后再进行组合的一个思路和实践，不过对于细节大家还有些分歧。

还有些讨论有些记不清了，OVER。

]]> http://www.misuisui.com/weblog/?feed=rss2&p=2194 1