Zack Live

Google 开发电视机顶盒

Zack — Thu, 18 Mar 2010 03:18:04 +0000

搜索引擎谷歌（Google）正伙同索尼（Sony），英特尔（Inter）和罗技（Logitech）开发基于安卓（Android）平台的电视机顶盒，意图将网络带到电视上。

在此之前已有很多公司想要将网络与电视结合，但至今未见公认的成功者，谷歌的加入或许能改变这一局面。谷歌的电视机顶盒预计会在未来的几个月内和大家见面，敬请大家一起期待它会为网络与电视市场带来怎样的冲击。

索尼发布自家体感动作控制器：PlayStation Move

Digg即将推出新版本

Zack — Mon, 15 Mar 2010 03:29:31 +0000

国际知名推文网站，Digg.com，的行政总裁Jay Adelson公布了Digg一系列重要更新，当中包括个人主页和新的回复系统等。新的Digg将在未来几个礼拜内公开，目前官方已发布了一个新的网址让用户提前体验，有兴趣的朋友可以浏览：New.Digg.com。

详细内容请看：始者科技新闻杂志。

Google突然推出Google Buzz整合Gmail

真实世界的 IPhone 应用程式：冰箱磁铁

Zack — Thu, 11 Mar 2010 05:12:43 +0000

IPhone 应用程式（Apps）的图标设计美观是大家公认的事，有人把这些漂亮的图标带到真实生活，做成冰箱磁铁。现在你不仅能把iPhone拿在手里，也能把iPhone Apps拿在手掌上。

详细内容请看：始者科技新闻杂志

索尼发布自家体感动作控制器：PlayStation Move

Zack — Thu, 11 Mar 2010 05:10:43 +0000

索尼(Sony)发布自家体感动作控制器(Motion Controller)，定名为PlayStation Move，而不是之前大家猜测的Gem 或 Arc。它由两个控制器组成，其中一个的顶部有个彩色圆球体，目前我们看到有四种颜色。

索尼的官方新闻稿介绍，PlayStation Move同时采用了三轴动作感应、三轴加速感应和重力感应技术，通过与PlayStation Eye的联动，能够对玩家所持手柄操作的绝对位置以及手柄顶部光球的运动轨迹实施准确的捕捉。从而在实现诸如网球游戏中高速的挥拍动作或是书写文字符号等精密动作时发挥更加出色的表现。

详细内容请看始者科技新闻杂志

Google 开发电视机顶盒

松下电器发布最新Lumix DMC-G2 与 DMC-G10

Zack — Mon, 08 Mar 2010 09:33:16 +0000

松下电器（Panasonic）发布了最新的M 3/4 (Micro Four Thirds) 数码相机：G2与G10。两款相机都具有1200万像素的Live Mos镜头，并采用Venus Engine HD第二代技术。G2是G10的高阶版本（数字小的比较高阶），比G10多了可翻转，可触控LCD显示器，最高ISO值可达6400，支持720p AVCHD Lite格式录影。

以下是触控演示影片:

点击这里查看嵌入的视频。

更多内容请到始者数码杂志

为WordPress选择程式码显示插件

Zack — Fri, 05 Mar 2010 09:32:13 +0000

刚开始我只用引用（Quote）来显示程式码，随着程式码越来越多，引用已经不够用，我决定要加个程式码高亮显示的插件到WordPress里。

我前后共测试了5个这种插件，包括：

我也总结出，具体的要求：

不用修改WordPress，包括主题：我不希望因为一个插件而修改WordPress或主题，特别是有其他的选择的情况下。
显示行数：有行数的话，当讨论程式码时，就比较容易去指定特定一行。关于这一点，WP-Syntax预设是不显示行数的，所以我没有选择它。
支持可视化编辑器（Visual Editor）：这是最严重的问题，有些插件在Visual Editor里会自动重编程式码以便在HTML下显示，这样会破坏原程式码，导致每次编辑时都要改程式码，改到我火都上来。SyntaxHighlighter Plus，Google Syntax Highlighter for WordPress和Syntax Highlighter for WordPress都有这个问题。

剩下的就是SyntaxHighlighter Evolved，它是唯一不需要作任何改动就符合以上要求，也支持所有常用的程式语言，包括PHP, HTML, CSS, C等。使用上也很简单，只要用[语言]和[/语言]来包住程式码，其中语言是程式码相应的程式语言，如PHP。该插件也有设置页面，可以做一些细节的微调，也有一些使用说明可以参考。以下是一个带有PHP的HTML范例：

PHP Code Example

This line is highlighted.

This is an example of smart tabs.

WordPress

根据浏览器语言重定向访客

Zack — Thu, 04 Mar 2010 04:47:58 +0000

最近我开了一个新网站，Gearor.com，以报导科技新闻为主。我为这个网站设计了中文（cn.gearor.com）及英文版本，所以我希望做到，当用户访问时，判断用户是否使用中文浏览器，若是便将用户带到中文页面。

一开头，我直观地在主页将所有中文浏览器转到中文页面。这样做有一个问题：就是在中文页面内，我放置了一条返回英文页面的连结，若中文用户想看英文内容，可按此连结。当我加入转向程式，即使点击了这条连结，还是会被带回到中文页面，变成中文用户到不了英文的主页，这是不能接受的。

解决的方法也不难，只要在转向程式加入判断，不对来源网站为本站的用户进行转向。问题是要实现这个方法却不容易，我试过JavaScript，亦试过用SESSION的方法，都未能满足。最后我将问题放到StockOverFlow上，终于找到满意的解决方法。顺带一提，StockOverFlow真是一个非常棒的网站，那里有大量优秀的程式员，而且大家都很乐意为你解答疑问。以下是我修改过的程式，目前在Gearor.com上使用：

if (!preg_match('%gearor.com%i', $_SERVER['HTTP_REFERER']))
	{
		if (!preg_match('%cn.gearor.com%i', $_SERVER['HTTP_REFERER']))
		{
			if (preg_match('/zh-cn/i', $_SERVER['HTTP_ACCEPT_LANGUAGE']))
				wp_redirect('http://cn.gearor.com');
		}
	}

如果你也在设计多国语言网站，或许这段程式也能帮到你，当然，若你有更好的方法，欢迎与我分享。

安装Kohana 3 PHP 框架

Zack — Sun, 28 Feb 2010 03:44:02 +0000

Kohana 3发布已经有一段时间，这个版本重新设计了大量的代码，其实最重要的改变是用HMVC设计模式取代MVC。至于什么是HMVC？以下几篇文章或许能帮大家理解：

另外，虽然Kohana 3发布了，但Kohana 2还是会继续发展，原Kohana 2的用户可以放心继续使用。如果你是刚学Kohana的话，建议还是学Kohana 3。

和以往一样，Kohana 3的安装非常容易。这里可以下载Kohana 3。解压后，将Kohana文件夹上传到你的网站，当然你可以将文件夹改为任何你喜欢的名字。再来需要改一下权限，请将以下文件夹的权限改为777：

application/cache
application/logs

最后再对application/bootstrap.php作小许设定：

更改 timezone
设定 base_url

到这里，Kohana 3的安装与设定就完成了，我们现在可以访问Kohana页面，在浏览器中输入Kohana所在位置，也就是刚刚设的base_url，你会看到如下画面：

能看到这个画面，代表一切正常。注意中间绿色文字提示你要删除install.php文件，删除后刷新这个页面，会变成显示文字：”hello, world!”这是预设的Controller输出的文字，那这个Controller在哪里呢？请打开application->classes->controller，你会看到一个welcome.php，就是它了，以下是它的代码：

request->response = 'hello, world!';
	}

} // End Welcome

这个Controller唯一个的事就是输出文字：hello, world! 你可以试着做一些修改，将这一行：

$this->request->response = 'hello, world!';

改为：

$this->request->response = 'hello, Kohana 3! I am Zack from ZackLive.com~';

之类的，再刷刚才的页面，看看有什么变化。

以下Kohana 3相关资源：

如果你有任何关于Kohana的疑问可以在这里回覆提出或到Kohana官方讨论区提问。

PHP防止SQL Injection: Addslashes还是Mysql_real_escape_string

Zack — Wed, 24 Feb 2010 07:06:46 +0000

最近看了几篇关于防止SQL Injection的文章，跟大家分享一下我学到的东西。

PHP防止SQL Injection主要有两种做法，分别应用两个函数：addslashes()和mysql_real_escape_string()。早期一般用addslashes()，现在主要用mysql_real_escape_string()，这两个有什么分别呢？Alan Storm 作了以下的解释：

PHP’s mysql_real_escape_string function will, more or less, ask mysql what character(s) needs to be escaped, where the addslashses function will just add a backslash in front of and any single quote (‘), double quote (“), backslash (\) or NUL (the NULL byte) character.

我翻译如下：

PHP的mysql_real_escape_string函数会分析哪些字元需要进行处理，而addslashes则单纯对所有的单引号(‘)，双引号(“)，反斜线(\)和NUL字元加入反斜线。

在同一篇文章中，Waage说（翻译）：

mysql_real_escape_string会为以下字元加入反斜线：
\x00, \n, \r, \, ‘, ” 和 \x1a. characters.
而addslash只为以下字元加反斜线：
‘ \ and NUL

如此看来，mysql_real_escape_string会比addslashes更安全。但如果你坚持要用addslashes的话，可以参考以下来自php5.idv.tw的程式：

function quotes($content)
{
	//if magic_quotes_gpc=Off
	if (!get_magic_quotes_gpc())
	{
		//if $content is an array
		if (is_array($content))
		{
			foreach ($content as $key=>$value)
			{
				$content[$key] = addslashes($value);
			}
		} else
		{
			//if $content is not an array
			addslashes($content);
		}
	} else
	{
		//if magic_quotes_gpc=On do nothing
	}
	return $content;
}

这个程式首先会检查magic_quotes_gpc是否开启，由于magic_quotes_gpc的功能和addslashes()重覆，所以，我们只在magic_quotes_gpc关闭时才做addslashes()处理。进行addslashes()时，再分别处理数组与非数组数据。

当然，你也可以参照以上的程式，做一个mysql_real_escape_string()的版本。以下是我的版本：

function quotes($content)
{
	//if $content is an array
	if (is_array($content))
	{
		foreach ($content as $key=>$value)
		{
			$content[$key] = mysql_real_escape_string($value);
		}
	} else
	{
		//if $content is not an array
		mysql_real_escape_string($content);
	}
	return $content;
}

几乎是一样，只是除去了magic_quotes_gpc的判断，再将addslashes换成mysql_real_escape_string。你可以参考以下例子使用这个函数：

$name = quotes($_POST['user']);
$password = quotes($_POST['password']);

通用CSS样式表模版

Zack — Mon, 22 Feb 2010 08:19:37 +0000

每次设计一个新的网站，我们都要写一个新的CSS样式表，而当中的内容有很多是跟以往的设计类似，甚至一样，像是blockqoute,

至

等设定。因此，我一直想要整理出一个通用的CSS样式表模版(Master Stylesheet)，里面包含一些最基本最常用的CSS设定。当开始设计一个新网站的时候，我们首先载入这个模版，就能马上完成了基本的设计，接下来，只要针对这个网站进行细节的设计，如果模版的设定不适合新网站，可以在新网站的CSS文件重写，CSS会自动覆盖模版的设定。

假设我们把模版命名为master.css，而网站的CSS文件为style.css，那我们可以在style.css开头加入以下语句，即可将模版导入：

@import "master.css";

现在的问题是这个模版要怎么写呢？最近看到了Kyle写的一篇：Master Stylesheet: The Most Useful CSS Technique，是我见过最完整的Master Stylesheet，很多的细节都被考虑到了，直接就能使用。我唯一增加的一段程式码就是在Andrew那里看到的用于重设浏览器设定：

* {
	padding:0;
	margin:0;
}

以下是完整的master.css文件：

/***** Browser Settings *****/
* {
	padding:0;
	margin:0;
}
/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}

body {
font:100%/1.25 Arial, Helvetica, sans-serif;
}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
}

h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}

h3 {
font-size:1em;
font-weight:bold;
}

/***** Common Formatting *****/

p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}

ul, ol {
padding:0 0 1.25em 2.5em;
}

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a,
a:link,
a:visited,
a:hover {
text-decoration:underline;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}

textarea {
width:100%;
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}

table tr td {
padding:2px;
}

/***** Wrapper *****/

#wrap {
width:960px;
margin:0 auto;
}

/***** Global Classes *****/

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

我准备以此作为第一个版本，未来学到新的技巧，再加入，持续强化它。

另外，这里还有一篇关于Master Stylesheet的教学，有兴趣的朋友请点这里。

使用JQuery实现WordPress多层下拉导航

Zack Live

Google 开发电视机顶盒

Related Posts

Digg即将推出新版本

Related Posts

真实世界的 IPhone 应用程式：冰箱磁铁

Popular Posts

索尼发布自家体感动作控制器：PlayStation Move

Related Posts

松下电器发布最新Lumix DMC-G2 与 DMC-G10

Popular Posts

为WordPress选择程式码显示插件

PHP Code Example

Related Posts

根据浏览器语言重定向访客

Related Posts

安装Kohana 3 PHP 框架

Related Posts

PHP防止SQL Injection: Addslashes还是Mysql_real_escape_string

Related Posts

通用CSS样式表模版

至

Related Posts