肥皂泡的简单生活

Gmail新功能：优先收邮件

SteepVi — Fri, 03 Sep 2010 10:18:38 +0800

轻松的动画小短剧

非常有意思的节奏，让我联想到很多时候创意需要在一个很惬意的环境里边，突然闪亮出的一个点子。

Gmail优先收邮件使用：
1、创建自定义的重要程度过滤器。
2、创建您自己的不同类别的标签，并在不同的部分中显示这些标签。
3、只查看重要邮件，以后再查看其他邮件。
4、在您度假归来后按计划回复邮件。

使用Gmail优先收件箱的提示：
1、时常检查您的常规收件箱或“其他邮件”部分，确保 Gmail 没有遗漏重要邮件。
2、尝试将最上方的部分设置为显示所有未读邮件，将中间的部分设置为显示重要邮件，并将最下方的部分设置为显示其他邮件。

更多详细介绍请参考官网：http://mail.google.com/support/bin/answer.py?hl=cn&answer=186546

jquery：倒计时插件（jquery.countdown）多国语言版

SteepVi — Tue, 31 Aug 2010 11:21:32 +0800

网站的倒计时经常会在大型节日前、项目发布前会、商品特价等等中会使用得到。
前几天看国外网站发现的一款强大的倒计时插件jquery countdown，它提供非常多的模式倒计时方式，同时支持世界多国时间（类试酒店前台上边挂的中时钟）。

下边对其进行详细介绍一下：

$(selector).countdown({ 
labels: ['Years', 'Months', 'Weeks', 'Days', 'Hours', 'Minutes', 'Seconds'], 
// The expanded texts for the counters 
labels1: ['Year', 'Month', 'Week', 'Day', 'Hour', 'Minute', 'Second'], 
// The display texts for the counters if only one 
compactLabels: ['y', 'm', 'w', 'd'],
// The compact texts for the counters 
whichLabels: null, 
// Function to determine which labels to use 
timeSeparator: ':',
// Separator for time periods 
isRTL: false, 
// True for right-to-left languages, false for left-to-right 
 
until: null, 
// new Date(year, mth - 1, day, hr, min, sec) - date/time to count down to 
// or numeric for seconds offset, or string for unit offset(s): 
// 'Y' years, 'O' months, 'W' weeks, 'D' days, 'H' hours, 'M' minutes, 'S' seconds 
// 计时器结束时间
since: null, 
// new Date(year, mth - 1, day, hr, min, sec) - date/time to count up from 
// or numeric for seconds offset, or string for unit offset(s): 
// 'Y' years, 'O' months, 'W' weeks, 'D' days, 'H' hours, 'M' minutes, 'S' seconds 
// 计时开始时间
timezone: null, 
// The timezone (hours or minutes from GMT) for the target times, 
// or null for client local 
// 时区 当值为空指的就是本机当地时间
serverSync: null,
// A function to retrieve the current server time for synchronisation
// 同步服务器时间的函数
format: 'dHMS', 
// Format for display - upper case for always, lower case only if non-zero, 
// 'Y' years, 'O' months, 'W' weeks, 'D' days, 'H' hours, 'M' minutes, 'S' seconds 
// 格式化日期 年(y)-月(o)-周(w)-日(d)-时(h)-分(m)-秒(s)
layout: '', 
// Build your own layout for the countdown 
compact: false,
// True to display in a compact format, false for an expanded one 
// 紧凑模式显示时间 如：0y 8m 0w 0d 18:10:51
significant: 0, 
// The number of periods with values to show, zero for all
// 仅显示那些有意义的时间 
description: '', 
// The description displayed for the countdown 
// 定义倒计时的语言 调用时候得附加官网的语言包
expiryUrl: null, 
// A URL to load upon expiry, replacing the current page
// 当计时到期自动跳转到新的页面并替换当前页 
alwaysExpire: false, 
// True to trigger onExpiry even if never counted down 
// 无论是否计时到期都执行回调函数
onExpiry: null, 
// Callback when the countdown expires - 
// receives no parameters and 'this' is the containing division 
// 倒计时到期执行回调函数
onTick: null, 
// Callback when the countdown is updated - 
// receives int[7] being the breakdown by period (based on format) 
// and 'this' is the containing division 
tickInterval: 1 
// Interval (seconds) between onTick callbacks 
// 间隔多少秒执行一次onTick
}); 
$.countdown.setDefaults(settings) // Set global defaults 
$.countdown.UTCDate(tz, time) // Standardise a date to UTC format 
$.countdown.UTCDate(tz, year, month, day, hours, mins, secs, ms) 
$.countdown.periodsToSeconds(periods) // Convert periods into equivalent seconds  
$(selector).countdown('change', settings) // Change instance settings 
$(selector).countdown('change', name, value) 
$(selector).countdown('settings', name) // Retrieve instance settings 
$(selector).countdown('destroy') // Remove countdown functionality 
$(selector).countdown('pause') // Stop the countdown but don't clear it 
$(selector).countdown('lap') // Stop the display but continue the countdown 
$(selector).countdown('resume') // Restart a paused or lap countdown 
$(selector).countdown('getTimes') // Retrieve the current time periods

参考资料：
jquery.countdown官网：http://keith-wood.name/countdown.html
jquery.countdown参考手册：http://keith-wood.name/countdownRef.html

腾讯十年纪录片&腾讯十年电子书学习~~

SteepVi — Fri, 27 Aug 2010 17:20:16 +0800

腾讯的十年挺不容易的，产品链不断的扩大。而且不断的延深到生活的各个角落。
如今腾讯也开始从过去的粗放式发展成了更注重人性化体验的公司，其中QQ不用说功能越来越多，不断的去适应这用户的苛刻般的要求。
觉得腾讯是一个最能发挥手中用户群的一个公司，依靠的上亿的QQ用户，QQ基本很少在新产品中失败。前一阵子也有人骂腾讯，也是扼杀了很多新型模式的公司。
因此腾讯就成了我们又爱又恨的腾讯。

http://book.qq.com/s/book/0/19/19280/index.shtml 详细的介绍了腾讯十年逐年壮大的十年。
下边是十年期间的QQ界面，基本上都用过。

值得很好学习其中的内容。

丁磊的经典语论

SteepVi — Fri, 27 Aug 2010 16:16:24 +0800

1、我跟我们同事说，我们做网页这个东西没有多少技术含量，我们每次出现点有创意的东西，我们的竞争对手新浪搜狐他们老抄我们，而且抄的速度很快。我说我们一定要做一个东西出来，技术含量很高，这帮人抄不了。所以我们决定做游戏，做网络游戏。其实网络游戏这个东西，我在1996年的时候就打过主意，那时候主要是文字MUD。到了2000年，索尼和EA已经开发出了图形的网络游戏，我就找索尼和EA，要做代理把他们的产品引进到中国。但是索尼和EA公司很高傲地说，不和中国公司合作，说中国都是盗版，不考虑中国市场，他们就直接把我赶出来。

2、做企业的时候，一些优秀的人才对公司非常重要。我认为虚心求教和咨询很重要。同时，我认为公司人才储备很重要。公司人不是越多越好，而是优秀的人才越多越好，一个出色的人才能顶好几个人。

3、做梦都没想到我有朝一日会掌握一家赢利超过2亿5千万人民币的公司，我也是一路跌跌撞撞，边打边学的走过来的。我最后要送给同学们两句话，是句英语的：stay hungry 求知若渴，stay foolish 虚心若愚，保持求知状态，因为只有这样，你在人生的路上才能不停地进步。

4、“信心”很重要。2001年的时候，我刚开始做游戏的时候，所有的媒体所有的同行都说我疯了。那时候的报纸我还留着，都是一片责骂声。员工也不相信。但我有信心。结果呢，当时说我们坏话的儿女，他们现在都眼馋我们了。所以我送一句话给大家：”有信心不一定会成功，但没有信心一定不会成功。”

5、我觉得“创新”是个很危险的事情，我这个公司到今天，我很害怕创新。我觉得创新的风险非常大，尤其对于新公司来说，一不小心创新就把一家公司搞死了。创新的风险为什么大？首先创新需要很多钱，其次创新的东西需要用户有一个逐步接受的过程，还有创新要克服很多技术难关。

6、动作可以慢，但战略一定要正确，看准了再跟上去，这样风险比较小，这样别人犯过的错误就不会再犯。

7、.com高速发展，我们会用3——5年创造一家上市公司！无论对于谁，这样的发展机会是不多的！

8、“现在为网易股价上扬而找出许多理由，给我排什么中国第几富第几富，将来有一天网易股价掉下来，又找出一堆理由，又说我从第几富掉到第几富。这不无聊吗？” 丁磊对于“首富”一词迅速作出略显反感的反应：

9、世界上只有一个比尔·盖茨——丁磊表态反对大学生退学创业。

10、企业最后是被谁打死的，是自己把自己打死的。

11、人生是个积累的过程,你总会有摔倒,即使跌倒了,你也要懂得抓一把沙子在手里。

12、我是超威蓝猫！

如何使用简单的图表传达丰富的内容？

SteepVi — Thu, 26 Aug 2010 13:48:51 +0800

奇怪的日本

日本设计师Kenichi Tanaka，今年23岁，出生于名古屋，这段视频是他的毕业设计，画面风格欢快，也比较诚实客观。

还有个类试的视频记忆比较深的，主要是批判中国的互联网，因为有太多的敏感词基本在国内的视频网站已经找不到了，下边部分截图，也是用一些图表来传达内容，简明形象而且深刻。

男女性身体受接触反应兴奋度图示

解除谷歌和火狐浏览器对“该网站可能会损害您的计算机”的提示

SteepVi — Tue, 24 Aug 2010 10:00:43 +0800

为什么说谷歌和火狐浏览器比较安全的原因，其一就是对问题网站的及时提醒，互联网上陷阱重重，多注意一下也就自己离陷阱远一点。原理就是当打开有问题的网站网站时候给予提醒，如果你硬是要打开火狐更会屏蔽iframe、js、css等容易被挂马的文件。
昨天我的blog被google标注为“该网站可能会损害您的计算机”，随之使用谷歌浏览器、火狐浏览器都出现了提示信息，而且火狐进去的时候js、css都不再加载，网站的流量很多也是来源于google，所以尽快得排除网站被提示的问题。
接下来是解决的过程：
1、使用Google的Webmaster工具http://www.google.com/webmasters/中的故障诊断>恶意软件中才看，可以发现到中招的页面。

2、使用IE打开那个页，并查看源代码，我找了半天没找到不正常的iframe。后来回想了下昨晚百度下载的一张图片，使用编辑器打开报错，就没在意就传服务器上去了，GOOGLE了下应该是那个图片闹的问题，后来才知道图片中可以包含iframe，找到结果后我赶紧清除服务器上的那张图片，并将前晚上发表的文章删除重新发布了一份，而且图片使用截图软件先截。
*这件事说明了网上的图片并不安全，所以建议大家如果使用网上的图片的时候，最好使用截图软件自己截图，再引用。尤其是一些美女图片，特别被挂马的选中，切记。
3、Google管理员工具里边还是恶意软件那个栏目，你就会看到申诉的地方，前提是你清楚了网站上的恶意代码（iframe、js里边看有没有自己没有见过的不正常的代码）。
4、因为Google判断网站是否有危害主要是参考http://www.stopbadware.org/这个网站，因此最好也去这个网站去提交一下已删除恶意代码的信息。

最后，当网站提交申请后要基本需要等待漫长的一天，早申请早解封。

一公升的眼泪（日剧），很久违的感动。

SteepVi — Mon, 23 Aug 2010 13:12:34 +0800

亚也考上高中时全家福

家庭新年祈福时全家福

亚也最后一次回家时全家福

池内亚也（15岁）－泽尻英龙华（泽尻绘里香）饰

”为什么是我，我才15岁“ ，反映世界为什么怎么不公平，一个多么热爱生活的女孩，一个多么珍惜自己的女孩，却得了小脑萎缩的绝症。
当知道病魔在吞噬自己的身体的时候，亚也却微笑的克服了种种困难，虽然放弃了很多东西（热爱的社区活动、暗恋的男友），但是朋友的友情、父母的亲情一直在支持亚也，最喜欢亚也开心的笑着，除了生命中的几次抉择中，哭的很伤心，但是面对家人、面对朋友永远是微笑。
本来觉得自己不可能为止感动，因为已经差不多能猜出结局，但是当妹妹拉着弟弟训斥的时候，当姐姐的爱却成了弟弟的负担的时候，当拨个电话都困难的时候，当知道自己已经失去行走能力怕也失去写日记的爱好的时候，我的心灵堤防崩溃了，我上一次这种的感觉是看《美妙人生》的时候，所以建议大家有空的时候可以看一下，感受一下心灵的震撼。同时，真的希望国内的电视剧行业，可以做些这种小成本并来源于生活的电视剧短剧，认认真真的去拍好每个镜头。
最后，什么剧本是最好的剧本，永远都是真实的生活才是。
再次，拥有世界任何东西，都没有拥有家庭的爱来的是那么的真切，那么的幸福。

淘宝团队视频-电子商务之泡妞秘籍VS西南大学年会

SteepVi — Wed, 18 Aug 2010 23:05:40 +0800

淘宝团队视频-电子商务之泡妞秘籍

西南大学年会

淘宝的笑点底特效很强，西南大学笑点高但基本是舞台表演效果方面还是没太多，感慨西大的剧本太帅了，笑点很多也集成了那时社会很多热点。年会的视频制作和节目排演可以参考参考。

CSS：屏蔽谷歌浏览器（webkit）中的input、textarea的默认点击/聚焦高亮的样式

SteepVi — Mon, 16 Aug 2010 15:14:33 +0800

WebKit作为一个开源的浏览器引擎，而且有google及苹果的大力推广，应该将来的市场占有的份额应该不错。
同时苹果和google推出的相关智能手机也会用到webkit内核的mini浏览器。
这两款webkit引擎的浏览器其中默认添加了对用户体验非常好的小功能：
其一、页面输入框（input 标签）聚焦高亮。

屏蔽input聚焦高亮效果的样式：

input {outline: none;}
textarea {outline: none;}

其二、文本框（textarea 标签）缩放功能。

去掉textarea缩放功能：

/*css2.0*/
textarea {width: 400px;max-width: 400px;height: 400px;max-height: 400px;}
/*css3.0*/
texearea {resize: none;}

可能将来的网页会偏向简洁设计，所以webkit开发团队已经不考虑当设计的输入框是圆角的时候输入框和文本框出现的问题，所以当你隐藏了点击前的样式而你如果忘记去掉了聚焦后的webkit赋予的默认样式，webkit引擎浏览器的就会出现问题。
如图：
如果考虑兼容webkit核心的浏览器，建议设计输入框或者文本框的时候尽量保持原始的样式，如果设计做了很好看的圆角背影的效果，建议前端最好将下边的代码加到base.css里边去，避免用webkit浏览器看出现不同的效果。

补充资料：
1、webkit百科：http://baike.baidu.com/view/1510583.htm
2、标签中CSS的默认样式

li              { display: list-item }  
head            { display: none }  
table           { display: table }  
tr              { display: table-row }  
thead           { display: table-header-group }  
tbody           { display: table-row-group }  
tfoot           { display: table-footer-group }  
col             { display: table-column }  
colgroup        { display: table-column-group }  
td, th          { display: table-cell; }  
caption         { display: table-caption }  
th              { font-weight: bolder; text-align: center }  
caption         { text-align: center }  
body            { margin: 8px; line-height: 1.12 } 
html, address, 
blockquote, 
body, dd, div, 
dl, dt, fieldset, form, 
frame, frameset, 
h1, h2, h3, h4, 
h5, h6, noframes, 
ol, p, ul, center, 
dir, hr, menu, pre   { display: block } 
h4, p, 
blockquote, ul, 
fieldset, form, 
ol, dl, dir, 
menu            { margin: 1.12em 0 } 
h1              { font-size: 2em; margin: .67em 0 }  
h2              { font-size: 1.5em; margin: .75em 0 }  
h3              { font-size: 1.17em; margin: .83em 0 }  
h5              { font-size: .83em; margin: 1.5em 0 }  
h6              { font-size: .75em; margin: 1.67em 0 }  
h1, h2, h3, h4, 
h5, h6, b, 
strong          { font-weight: bolder }  
blockquote      { margin-left: 40px; margin-right: 40px }  
i, cite, em, var, address    { font-style: italic }  
pre, tt, code, kbd, samp     { font-family: monospace }  
pre             { white-space: pre }  
button, textarea, input, object, select          { display:inline-block; }  
big             { font-size: 1.17em }  
small, sub, sup { font-size: .83em }  
sub             { vertical-align: sub }  
sup             { vertical-align: super }  
table           { border-spacing: 2px; }  
thead, tbody, tfoot           { vertical-align: middle }  
td, th          { vertical-align: inherit }  
s, strike, del  { text-decoration: line-through }  
hr              { border: 1px inset }  
ol, ul, dir, menu, dd        { margin-left: 40px }  
ol              { list-style-type: decimal }  
ol ul, ul ol, ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }  
u, ins          { text-decoration: underline }  
br:before       { content: "\A" }  
:before, :after { white-space: pre-line }   
center          { text-align: center }  
abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }  
:link, :visited { text-decoration: underline }  
:focus          { outline: thin dotted invert }   
@media print {  
  h1            { page-break-before: always }  
  h1, h2, h3, 
  h4, h5, h6    { page-break-after: avoid }  
  ul, ol, dl    { page-break-before: avoid } 
}
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }  
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }  
*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }

仙剑奇侠传五-期待一个崭新的奇幻武侠世界

SteepVi — Sat, 14 Aug 2010 23:06:24 +0800

设计风格有点中国的最终幻想的风格噢 !!虽然中国的网游很多，但是个人还是偏爱单击版的游戏，特别是一个小组用心去做的一个单击游戏。
仙剑5音乐：

仙剑系列、轩辕剑系列，曾今感动了我们多少人，虽然我们的游戏特效方面过去比不过日系、美系的那些游戏公司，但是最近今年国内越来越多的好产品，可能是网游带动了产业的回归。
仙剑5现在由北京大宇团队开发，其实北京现在游戏产业的氛围挺好的，有非常好的美术团队，也有很多过硬的技术人才，现在就是剧本希望剑五的剧本能够一如既往带给玩家感动，和长久的回味。
官网看了下，把FLASH中的一些素材弄了下来。
主角小蛮介绍
山花娇艳水色青，野蛮仙子鬼精灵。
少女满怀情蛊梦，轻唱牛郎织女星。
我的最爱Q版的小蛮，非常的可爱。

游戏中的人物，也蛮不错滴。

原画

其它人物

对了最终幻想14也快上市了，期待一个日式的奇幻风格。

仙剑奇侠传5官网：http://www.softstar.net.cn/products/pal5/index-main.html
最终幻想14官网：http://www.softstar.net.cn/products/pal5/index-main.html