喵友(Catfan)用HTML5制作流动云朵增强网站互动趣味

标签: 快报 Catfan | 发表时间:2011-07-26 09:17 | 作者:怕水的鱼 Chris
出处:http://www.36kr.com

之前我们曾专访过国内最早的实时轻博客社区喵友(Catfan)创始人黎言卓。他说:

我是在广州读了2年大学后开始辍学创业的。整个网站的开发,设计,翻译等所有工作都是由我一人完成的。
创业的过程中经常每天都对着电脑差不多20小时,有时候疼得双眼都快打不开。网站各个部分都差不多经过四次以上的重新设计,最终才形成今天的样子。

这样的经历相信许多的创业者都是深有体会的,尤其是我们的草根创业者,他们没有明星式的背景,不像Color那样一出身就满身都是穿金戴玉拿到几千万美元的投资,也不像点点创始人许朝军那样在行业内有着深厚的背景。但是他们有的是坚韧和毅力,即使一个人默默的战斗,他们也能坚持下去。

今天再次提到喵友除了对这位创业者的敬佩,还非常欣赏他在网站建设过程中积极采用新技术标准的能力。不知道已经注册该网站用户的朋友们有没有注意到主页面上飘着的云彩,其实该云朵是利用HTML5做出来的,当你使用Chrome,Firefox,Safari或者IE9的时候,你还可以通过点击页面上的天空来增加云朵,同时这一功能还能帮助你测试浏览器的图形性能。

对于试验HTML5技术,黎言卓表示:虽然主要是带来一些动画,增强互动性,但是由于需要靠纯手写代码来实现,还是非常具有挑战性的。另外他还给大家透露了一个惊喜,那就是冬天的时候,该页面天空上的云朵会变成雪花。

对于HTML5技术本身,他是这么看的:虽然觉得目前HTML5的技术还没有普及,但是对于网站体验和功能上的变革绝对是巨大的。感觉日后技术成熟后,会有更多以往想象不到的功能出现。

最后为大家附上一个国外的HTML5 Canvas 演示和应用网站,感兴趣的朋友可以点击此处查看。

除非注明,本站文章均为原创或编译,转载请注明: 文章来自36氪
新浪微博 腾讯微博 QQ空间 人人 九点 开心 网易微博 腾讯朋友 搜狐微博 Facebook Twitter LinkedIn email

相关 [喵友 catfan html5] 推荐:

喵友(Catfan)用HTML5制作流动云朵增强网站互动趣味

- Chris - 36氪
之前我们曾专访过国内最早的实时轻博客社区喵友(Catfan)创始人黎言卓. 我是在广州读了2年大学后开始辍学创业的. 整个网站的开发,设计,翻译等所有工作都是由我一人完成的. 创业的过程中经常每天都对着电脑差不多20小时,有时候疼得双眼都快打不开. 网站各个部分都差不多经过四次以上的重新设计,最终才形成今天的样子.

一个人的战斗:轻博客Catfan推出企业专有账户

- 锋 - 36氪
之前我们曾专访过其创始人黎言卓,他最令我现在还记忆尤深的几句话是:“我是在广州读了2年大学后开始辍学创业的. 整个网站的开发,设计,翻译等所有工作都是由我一人完成的. 创业的过程中经常每天都对着电脑差不多20小时,有时候疼得双眼都快打不开. 网站各个部分都差不多经过四次以上的重新设计,最终才形成今天的样子.

HTML5 logo 发布

- Greyby - 酷壳 - CoolShell.cn
2011年1月19日,W3C发布了HTML5的log,打开W3C的页面,下在的图片印入眼前. 我的第一感觉,就像是看到了小时候看的八一电影制片产的电影. 这分明是号召全世界的无产Web程序员们团结起来,不畏艰难,不怕牺牲,一定要把HTML5的革命事业进行到底. 所以,请各位Web程序员不但在你们的HTML5的网页上加上下面的徽章(关于各个徽章的含义,请参看这里).

html5 canvas入门

- - Marshal's Blog
可以把canvas看做div,不过,它的长和宽不能通过css来定义,要使用标签属性:. 或者javascript对象属性设置:. 使用canvas,只有一种操作方式,使用javascript. 获得canvas对象的上下文对象,该对象是操作canvas的主要对象:. 使用canvas画最简单的线, 点击运行示例,结果看起来是这样:.

HTML5新特性

- - CSDN博客推荐文章
 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条. 颜色值使用方法和CSS 一样:十六进制数、rgb()、rgba() 和 hsla. 通过 fillRect可以绘制带填充的矩形. 使用 strokeRect 可以绘制只有边框没有填充的矩形. 如果想清除部分 canvas可以使用clearRect.

【转载】HTML5 Messaging

- - HTML5研究小组
HTML5 的Message API能够让HTML5页面之间传递消息,甚至这些页面可以不在同一样域名下. 为了让消息能从一个页面发送到另一个页面,主动发送消息的页面必须拥有另一个页面的窗口引用. 然后发送 页面针对接受页调用 postMessage() 方法. postMessage() 方法中 origin 参数的值必须与页面所在的iframe的域名相匹配.

Adobe、标准和HTML5 -HTML5 and CSS3 开发

- - HTML5研究小组
“[提供商之间的]最激烈的竞争将与 标准密切相关. 大部分聪明人的眼睛将紧盯着技术标准. 但在计算机行业,新标准既可能是无限财富的源泉,也可能导致企业帝国的毁灭. 尽管存在着如此多的风险,标准仍然点燃了无限激情”. —The Economist, 1993年2月23日. 在编写这段有关标准化的话时,计算领域的主要争议是Unix是否是一个可行的操作系统(以及是否为IBM、DEC和HP的更多专用操作系统带来了挑战),以及哪个视窗平台(SUN/AT&T还是IBM/DEC/HP)将成为标准.

HTML5漫谈(4)–HTML5应用平台:PhoneGAP

- - HTML5研究小组
(  程宝平 chengbp @gmail.com). http://phonegap.com)按官方说法,是HTML5移动应用平台,它包括两部分:. 1)       应用开发框架:采用Web/HTML5技术编写应用,支持设备能力(如GPS、重力感应等)调用;支持能力插件灵活扩展. 图1 PhoneGAP支持设备能力API列表.

HTML5新特性之CSS+HTML5实例

- - CSDN博客Web前端推荐文章
1、新的DOCTYPE和字符集. HTML5的一项准则就是化繁为简,Web页面的DOCTYPE被极大的简化. HTML5引入了很多新的标签,根据内容和类型的不同,被分为7大类. 语义化标签可以简化HTML页面设计,并且将来搜索引擎在抓取和索引网页的时候,也会利用这些元素的优势. HTML5的宗旨之一就是存在即合理.

HTML5设计原理

- jessie - 蓝色理想
Jeremy Keith在 Fronteers 2010 上的主题演讲 下载PPT(PDF) 观看视频 今天我想跟大家谈一谈HTML5的设计. 主要分两个方面:一方面,当然了,就是HTML5. 我可以站在这儿只讲HTML5,但我并不打算这样做,因为如果你想了解HTML5的话,你可以Google,可以看书,甚至可以看规范.