Opera浏览器HTML5体验版

日期:2012年01月08日 分类:移动开发

具体介绍,大家就看官方网站上的介绍吧:http://www.oupeng.com/oupeng-h5

或者 查看善用佳软的一篇介绍文章:http://xbeta.info/opera-mini.htm

或者 自己在android手机上装个玩玩。

这里列出demo中的地址,可以参考学习:

CSS3 Demo:
http://h5d.oupeng.com/css3/demo/

指南针:
http://h5d.oupeng.com/html5/opera_compass.html

HTML5 Geolocation

日期:2012年01月04日 分类:移动开发

HTML5 Geolocation 的使用流程:

1、浏览器请求一个位置信息;

2、如果用户同意,浏览器就返回位置信息;

3、浏览器通过返回的位置信息应用在应用程序上,达到定位及展现相关信息的目的。

位置信息可以从设备的下列数据源获取:

写在2011

日期:2011年12月31日 分类:随记

现在是2011年12月31日23:23分,再过37分钟就是2012年了,给自己在这个时刻留个印迹。

新的一年,对自己的要求:突破,求变。

视频播放兼容解决方案 – Video For Everybody

日期:2011年12月30日 分类:前端开发

从这里看到的:http://camendesign.com/code/video_for_everybody

通过一段HTML实现在各个浏览器下的视频播放:

<video width="640" height="360" controls>
	<!-- MP4 must be first for iPad! -->
	<source src="__VIDEO__.MP4" type="video/mp4" /><!-- Safari / iOS video    -->
	<source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox / Opera / Chrome10 -->
	<!-- fallback to Flash: -->
	<object width="640" height="360" type="application/x-shockwave-flash" data="__FLASH__.SWF">
		<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
		<param name="movie" value="__FLASH__.SWF" />
		<param name="flashvars" value="controlbar=over&amp;image=__POSTER__.JPG&amp;file=__VIDEO__.MP4" />
		<!-- fallback image. note the title field below, put the title of the video there -->
		<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
		     title="No video playback capabilities, please download the video below" />
	</object>
</video>
<p>	<strong>Download Video:</strong>
	Closed Format:	<a href="__VIDEO__.MP4">"MP4"</a>
	Open Format:	<a href="__VIDEO__.OGV">"Ogg"</a>
</p>

HTML5规定,任何内嵌于’<video>’元素的标签,除了’<source>’都将忽略,因此内嵌’<object>’元素保持向后兼容。

webOS的9个设备

日期:2011年12月28日 分类:随记

按照发布的时间顺序,一共6款手机,1个点金石,2个平板,共9个设备,留念。

Palm Pre,上市时间:2009年6月6日
Palm Pre

Palm Stone,上市时间:2009年6月
Stone

通过Java的static,理解JavaScript的prototype

日期:2011年12月27日 分类:前端开发, 编程相关

先看两段代码:

Java 代码

public class Dog {
  public static final String type="golden retriever";

  public Dog(String name){
    System.out.println(name + " is a " + type + " dog.");
  }

  public static void main(String[] args){
    Dog dog = new Dog("tom_1");
    dog = new Dog("tom_2");
  }
}

JavaScript 代码

function Dog(name){
  alert(name+ " is a " + this.type +" dog");
}

Dog.prototype.type="golden retriever";

var dog = new Dog("tom_1");
dog = new Dog("tom_2");

共性:

1、都是在构造方法之前就已经初始化了;

2、所有实例对象共享同一个变量;

将空间迁到了香港空间

日期:2011年12月25日 分类:随记

今天迁移过来了,原空间刚好要到期了,虽说稳定还行,但是慢。

之前买过一个香港的空间,这两三个月用着还可以,就顺便把博客也一起迁移过来。

btw: 迁移过程本来很简单的事情,因为空间商给错了DNS,浪费不少时间。

分享:jasperreport的il8n

日期:2011年12月07日 分类:编程相关

在jasperreport jar包的\net\sf\jasperreports\view\下面有很对viewer_*.properties的文件,这些文件就是默认的il8n文件,但是没有中文的。

那么就把里面某个文件,拽出来,重命名文件名为:viewer_zh_CN.properties

对应的键值对,可以自行更改,然后再把这个中文i18n文件加入到jar包中即可。如下图所示:

分享:Chrome插件-G Translate EX

日期:2011年12月06日 分类:随记

经常查看技术资料,离不开翻译软件,除了传统的客户端翻译软件外,最常用的莫过于划词翻译的软件了。

推荐的这款chrome翻译插件

优点是:小巧、简洁、快速

缺点是:只能翻译英文到中文。

分享:社交网络应用 Path

日期:2011年12月04日 分类:互联网产品

这是最近刚接触到的一个社交网络应用,一开始就被“它”所吸引,首先是其华丽的UI设计,其次是这款应用的设计理念。

图片来自网络

可能刚开始使用Path,会觉得有点像小众的微博,这一点我刚开始也是这样认为的。

但是你慢慢的会发现,“它”和微博,以及其他社交网络的区别,Path要做的事情是:

“posting on Path is not an act of broadcasting or self-promotion, but sharing a moment with someone who really knows you.”

(不是广播,不是自我推销,Path是将生活瞬间和真正认识你的人分享。)

无觅相关文章插件,快速提升流量