Eric @ EricBess WebHome

一味思考而不行动,将在不知不觉中变得无意义

Chinese (Simplified) flagItalian flagKorean flagPortuguese flagEnglish flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flag
By N2H

web宽度960px的秘密

by 玉伯

研究网页栅格系统前,来看一组数据:网站  首页页面宽度 px

Yahoo!950;淘宝950;MySpace960;新浪950;网易960;Live Search958;搜狐950;优酷960;AOL960

上面列举的都是Alexa全球排名前100的站点,它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点:页面结构较复杂,都可以认为是门户型网站。

再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点,它们的首页宽度没什么固定规律,共同的特点是:功能专一,页面结构相对简单。

根据上面的简单分析可以认为:当搭建页面结构复杂的门户型网站时,开发工程师们不约而同地都选择将页面宽度定为950px/960px.

这是一件很有趣的事情,为什么要选择这个宽度呢?这个宽度值究竟有什么魔力?

设计师们对苹果情有独衷。在 1024 x 768 的分辨率下,打开Firefox:

自然状态下,Firefox窗体的大小约为 974 x 650. 减掉左右两边7px的边框,网页的实际大小为上图中的红色部分,高宽为 960 x 650.

有趣的960就这样出现了。是的,可以认为一切就这么简单。栅格系统最早出现在平面设计领域,设计师们爱用苹果,苹果下浏览器的默认宽度为960px, 于是960就这么“自然”地出现了。

Click to continue reading

11月 29th, 2008 Posted by eric | Design, 网站技术 | no comments

QAD MFG/PRO Learning Path

老硬盘收藏,学习QAD的路径图。
eB2 Learning Path

11月 27th, 2008 Posted by eric | ERP | no comments

实用网页设计工具与资源

网站整体css结构生成工具

CSS Layout Generator能够在您设定参数的情况下, 生成浮动宽度或者固定宽度的流体布局, 可以有三栏式的, 也可以具有头部[Header]或脚部[Footer], 各栏的宽度可以以多种尺度来衡量, 例如像素[px],等宽字体宽度[em],百分比[%]等. 此外,你你还可以选择生成文档的Doctype属性, 是HTML或者XHTML。

CSS禅意花园

CSS Zen Garden 这是一个开放的CSS社区,旨在分享设计师如果利用CSS做出令人叹服的效果。使用相同的HTML文件,设计师提交的外部样式来美化这个文件。用Web Developer Tool就可以检查CSS是如何进行布局工作的。

色彩采集工具

ColorSchemer ColorPix,一款小巧的Color Picker, 能够随着您鼠标的移动迅速的抓取屏幕颜色, 并将其转换为不同格式的颜色标识, 其优点是无需安装, 只需下载直接运行, 使用时, 可以设定不同的缩放程度, 一边夺取等精确的颜色信息, 合适的时候, 单击就可以把当前颜色代码复制到剪贴板, 此外, 改程序可以被设定为"置顶",位于所有程序的窗口的上方。

CSS属性查看器

CSSViewer a Firefox plugin,一款小巧的CSS属性查看器,随着鼠标的移动显示当前所指示元素的CSS样式信息,其中包括了所有从父级元素继承而来,用户自定义以及浏览器自定义的样式信息. 你也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。

to be continued

11月 26th, 2008 Posted by eric | 网站技术 | no comments

PHP防止错误显示

防止错误信息出现在浏览器上,可以在相应的语句前面加上@符号,比如下面的连接数据库的语句,在数据库连接失败时不在浏览器上显示错误信息:
$db=@mysql_connect(...);

11月 17th, 2008 Posted by eric | Coding | no comments

给你的blog添加多币种捐赠功能(包括人民币)

要让自己的blog可持续发展,就要让它能养活自己。

前一段时间,做了个wordpress捐赠人插件WP-DONATORS,可以支持PAYPAL多币种捐赠并实现自动汇率换算。与其他捐赠按钮不同,它还有个后台与PAYPAL API实时沟通,返回付款数据,然后把捐赠人指定的广告词与连接放在“捐赠人云”中展示出来。

接下来是支持更多的后台与币种。首先是人民币,paypal.com不支持人民币,当然想到的是“支付宝”,可是与“支付宝”沟通,他们工作人员说不提供针对个人捐赠功能

无意间发现“贝宝”(就是paypal 中国)最近10月间,更新了他的人民币费用政策,全免。要注意“贝宝”是paypal专门针对中国人民币的业务,不能与paypal.com帐户通用(外币),所以你要专门为“贝宝”注册帐号。注册“贝宝”

立即注册贝宝并开始接受信用卡付款。

正好他们用的是同一个paypal API这样很容易就加上人民币功能。使用时,只要在后台加上“贝宝”帐号就开通RMB。当捐赠人用RMB付款,款额就去“贝宝”帐号,其他币种就去paypal帐号。可以用你的信用卡开通paypal.com外币帐户支持多币种
Sign up for PayPal and start accepting credit card payments instantly.

Click to continue reading

11月 12th, 2008 Posted by eric | WordPress, 网站技术 | one comment

JavaScript 调用SOAP

一直想直接用JavaScrip调用Xurrency.com 的 SOAP,实现汇率的AJAX,找到个JavaScript SOAP Client做了测试。本机上IE,Chrome成功返回,firefox与在host上报错,"access to restricted URI DENIED"不知其所以然。

决定放弃。改用php soapclient+jquery ajax实现。

JavaScript SOAP Client测试代码如下:

?Download test.html
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
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>XHTML-document</title>
<script type="text/javascript" src="soapclient.js"></script>
<script type="text/javascript">
 
	function currency (){
		var url = "http://xurrency.com/servidor_soap.php";
		var pl = new SOAPClientParameters();
		pl.add("amount", 5);
		pl.add("base", "usd");
		pl.add("target", "eur");
		SOAPClient.invoke(url, "getValue", pl, true, Currency_callBack);
	}
 
	function Currency_callBack(r){
		 alert(r);
		}
 
</script>
</head>
<body>
	<form action="">
<input type=button value="Invoke" onclick="currency();" />
</form>
</body>
</html>

11月 10th, 2008 Posted by eric | Coding, 网站技术 | no comments

PayPal 对多币种支持及使用 IPN

Paypal支持接收以下币种

Code Currency
AUD Australian Dollar
CAD Canadian Dollar
CHF Swiss Franc
CZK Czech Koruna
DKK Danish Krone
EUR Euro
GBP Pound Sterling
HKD Hong Kong Dollar
HUF Hungarian Forint
JPY Japanese Yen
NOK Norwegian Krone
NZD New Zealand Dollar
PLN Polish Zloty
SEK Swedish Krona
SGD Singapore Dollar
USD U.S. Dollar

多币种使用 IPN

payment_gross 和 payment_fee:对于非美元付款,这些值是空缺的,所以 IPN 脚本将不把这些金额作为美元处理。

多币种变量:对于非美元付款,IPN 将添加下列多币种变量,mc_gross 和 mc_fee
mc_gross:扣除交易费之前的所收到付款实付币种的全部金额。
mc_fee:与付款相关的实付币种交易费。类似 payment_fee 变量的变量函数(在款项待付等情况下,变量不显示)。
对于租用 IPN,如注册、取消、修改、失败和 EOT, mc_currency 是租费货币,而
非付款货币。

Click to continue reading

11月 7th, 2008 Posted by eric | 网站技术, 财金与投资 | no comments

Zend Studio debug Tips

How to Set $_GET and $_POST vars in the debugger

  1. Click on the 'variables' tab of your debug window. You will notice a lot of global, server, and environment vairables. Among them, you should see the empty $_GET and $_POST arrays.
  2. Right-click on either array and choose 'assign value.' To input an array, type it in this format:array(value1 => foo, value2 => bar, name => 'James Cricket')

11月 4th, 2008 Posted by eric | Coding | no comments

Page 1 of 212»