phphi's blog - php|jquery|javascript|Open Flash Chart|blog

phphi's blog 是一个以php+jquery为中心,面向软件开发者、程序爱好者的开源技术型博客。
  • 首页
  • 标签
  • 留言
  • 链接
  • 归档
  • 星标日志
  • RSS
  • 简历
分页: 1/21 第一页 1 2 3 4 5 6 7 8 9 10 下页 最后页 [ 显示模式: 摘要 | 列表 ]

网站用户体验优化怎么做?

2010/06/08 评论(0),阅读(148)

发现很多的网站不仅没有把用户体验这个最重要的部分处理好,并且对用户体验的概念都比较模糊,更不知道从何下手,尤其对于电子商务网站而言,直接的后果就是网站的转化率提不上去,销售额无法突破(参考:什么是网站转化率及其重要性),其实袁勇认为,用户体验就是把自己当作目标受众,在自己的网站上不停的逛来逛去,看看哪里的感觉不好就是用户体验有问题。当然,说起来简单做起来难,因为每个人都网站的使用习惯不一样,功能要求也不一样,要做到最好的用户体验只能是照顾最主要目标受众的需求,因此要实现用户体验的优化,前提之一是必须对自己的目标受众了如指掌。因此,要有一个详细的背景调查,分析目标受众的属性,分析他们的需求和行为特征,这样才能有的放矢,实现网站用户体验优化的目的。

了解完用户之后,还是要回到从哪些方面或角度来进行网站用户体验优化这个问题上来,袁勇在网络上参考了很多的资料,各有各的说法,最后看到有篇文章总结了用户体验的76个要素,比较全面,大家可以参考下:
网站用户体验的分类

1、感官体验:呈现给用户视听上的体验,强调舒适性。
2、交互体验:呈现给用户操作上的体验,强调易用/可用性。
3、情感体验:呈现给用户心理上的体验,强调友好性。
4、浏览体验:呈现给用户浏览上的体验,强调吸引性。
5、信任体验:呈现给用户的信任体验,强调可靠性。
网站用户体验的76个要素

阅读全文
web 网站用户体验优化
引用地址:
注意: 该地址仅在今日23:59:59之前有效

google font API使用教程

2010/06/04 评论(0),阅读(128)

尽管互联网上新的技术和项目层出不穷,但是在过去的一段时间里我们却缺乏丰富而漂亮的互联网字体。虽然传统的字体选择也非常多,但是大多数电脑中安 装并支持的却是一些非常固定的字体,随着互联网设计的发展,传统字体已经不能满足需求。

谷歌字体API的登陆

谷歌引入了谷歌字体目录和字体API,这是一个免费的web服务,它允许站长能够轻松、便捷、有效地使用各种个性化字体。作为字体服务(主要有 TypeKit, Typotheque)行业的新生力量,相信大家都很想挖掘谷歌字体API的潜力吧?那么就通过这篇文章深入挖掘它的魅力。

谷歌字体API为何物?

大家都经常上网,你们是否有看到过一些网站或博客上使用的非标准字体呢?所谓非标准字体是指除了互联网安全字体,如Arial, Helvetica, Verdana, Georgia, Times New Roman之外的其他所有字体。

谷歌字体API就是一个支持高质量的开源字体文件的服务,你可以轻而易举地在自己的网站设计中使用这些字体。该字体库还会不断发展,将会有越来越多 的字体类型可供你选折。

使用谷歌字体API的好处

可继续使用HTML文本

与使用图片或CSS背景图片不同,使用@font-face方案来美化web排版对 搜索引擎更加友好。

此外,它属于不冒犯性的解决方案,意味着说你不需要对现有的任何内容进行修改,只需要更新 CSS样式即可。

可通过互联网访问

由于你使用 HTML文本而不是一个图片或CSS背景,因此并不影响通过屏幕阅读的用户。

减轻你的服务器负担

使用@font-face字体,你可将服务器负担转到谷歌安全可靠的CDN设备中,减轻了你自己服务器的工作量,而通过谷歌服务器你完全可以不必担 心这些字体文件的加载速度。

如何使用谷歌字体API

使用谷歌字体API非常简单,你无需成为一个互联网开发的代码高手。你只需在你的网页中从谷歌那里链接一个CSS式样文件并在自己的CSS定义中引 用字体名即可。

下面是使用谷歌字体API的基本过程:

第一步: 添加所需字体的样式链接

你可以查看字体库来查看可用字体。在你的网站上加入某种字体的基本格式是这样的:

 
  1. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">

第二步: 使用该字体给HTML元素定义式样

下面的例子,是通过使用 font-family CSS属性给《h1》元素分配一个叫做“ Font Name” 的字体。

 
  1. h1 {
  2. font-family: 'Font Name', serif; 
  3. }
h1 {
font-family: 'Font Name', serif; 
}

如果你只需使用该字体一次,你可以使用内联样式:

 
  1. <p style="font-family: 'Font Name', serif" >Six Revisions Is Beautiful</p>
<p style="font-family: 'Font Name', serif" >Six Revisions Is Beautiful</p>

第三步: 始终有个备份方案

上面的代码你可能也发现了我使用了serif 来作为后备的字体,这样做是为了以防万一。 也就是说万一谷歌的服务器出现什么状况,浏览器将会使用默认的Serif字体。 建议在使用font-family 属性时,无论是否是 @font-face字体,都养成这样的习惯,这通常叫做字体的堆叠。

使用谷歌字体API的例子

接下来我们来介绍一个例子,请复制并粘贴下面的代码到一个HTML文件里并保存,然后通过浏览器打开它。我建议你在不同的浏览器上测试HTML文件 可能会发现跨浏览器的差异。这里使用的字体是 Lobster typeface,你可以使用不同的字体来试验。

 
  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
  4. <style>
  5. h1 {
  6.     font-family: 'Lobster', serif;
  7.     font-size: 48px;
  8. }
  9. </style>
  10. </head>
  11. <body>
  12. <h1>Six Revisions Is Beautiful!</h1>
  13. </body>
  14. </html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
<style>
h1 {
	font-family: 'Lobster', serif;
	font-size: 48px;
}
</style>
</head>
<body>
<h1>Six Revisions Is Beautiful!</h1>
</body>
</html>

效果:

上图是谷歌Chrome 4.1浏览器查看的效果截图。

所生成的文本 (“Six Revisions Is Beautiful!”)是普通的 HTML文本,你可以给它添加更多式样元素,(例子中,只使用到 h1元素)。

请求使用谷歌字体API中的多种字体

我们假设你需要谷歌字体目录中的三种字体。请不要创建多个请求。创建多个请求会增加一个页面的HTML请求数量,大家应该都知道 HTTP请求的次数越少,页面响应时间就越少。

所以我们不使用多个样式链接标签,而是使用下面的格式。

下面的例子URL请求中,将会一次性加载三种字体(Vollkorn, Yanone和 Droid Sans)。

 
  1. http://fonts.googleapis.com/css?family=Vollkorn|Yanone|Droid+Sans
http://fonts.googleapis.com/css?family=Vollkorn|Yanone|Droid+Sans

这样你就可以在你的式样元素中使用这三种字体中的任何一种字体了。

注意事项

字体名称之间用 | 隔开,并且不留空格,还要注意Droid Sans字体的使用,对于字体名称中有空格的,需用 + 符号来代替空格,在我们的例子中,我们使用的字体名称是Droid Sans,因此在申请的链接里应该用“Droid+Sans”。

提示:在一次链接请求中使用过多的字体可能会让你页面响应时间加长,因此建议只加载必要的字体。虽然说使用这些字体都是免费的,但是也不是说你可以 胡来。

谷歌 Font API字体的重量和式样

互联网字体有字体重量/式样( font weight/style)变体,如需使用这些变体,只需在该字体的后面加上冒号(:)以及对应的weight/style即可。

下面的例子,我们请求使用 Vollkorn的粗体、粗斜体以及Inconsolata的斜体。

 
  1. http://fonts.googleapis.com/css?family=Vollkorn:bold,bolditalic|Inconsolata:italic|Droid+Sans
http://fonts.googleapis.com/css?family=Vollkorn:bold,bolditalic|Inconsolata:italic|Droid+Sans

每种字体的变体也有短代码(简码)可用,它们分别为:

粗体: b

斜体: i

粗斜体: bi

下面就是使用简码的例子:

 
  1. http://fonts.googleapis.com/css?family=Vollkorn:b,bi|Inconsolata:i|Droid+Sans  
http://fonts.googleapis.com/css?family=Vollkorn:b,bi|Inconsolata:i|Droid+Sans  

注意事项

字体后面的冒号与变体名称(如, bolditalic)或变体名称的简码(如,bi)之间不能有空格,如果需要使用到多种变体,请用(,) 将它们隔开,并且也不留空格。

谷歌字体API让互联网设计更加漂亮

互联网设计行业是一个非常活跃的行业,但是却受限于一个多年的老问题,字样。现在终于有了解决方案,你开始使用 @font-face了吗?

javascript
引用地址:
注意: 该地址仅在今日23:59:59之前有效

青花瓷Java版

2010/06/01 评论(0),阅读(196)

生活 embed
引用地址:
注意: 该地址仅在今日23:59:59之前有效

移动互联网的六个预测

2010/05/29 评论(0),阅读(224)

一,WAP时代已经过去,迎接(设备+应用+宽带)移动互联网时代;

二,Android手机今年降至1500元元,明年降至750元;

三,高3G费用导 致:丰富设备+最低带宽;

四,娱乐+社交应用将主导中国移动互联网;

五,AppStore前置收费模式会被本土化收费模式取代;

六,移动开发者面临历史机遇。

3G Android WAP 互联网 宽带 手机
引用地址:
注意: 该地址仅在今日23:59:59之前有效

Google网页字体在线服务,设计师的福音

2010/05/22 评论(0),阅读(200)

目前网页上使用的字体都是常见的几种,如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体。

要想用比较个性的字体就比较麻烦了,因为你不能保证客户端是否支持这种字体,常用的方法是用Photoshop把文字制作成图片。

为了让网页设计更加灵活,Google从2010年5月19日启动了网页在线字体服务,并一口气发布了十八字体族。但与 Monotype Web Fonts、FontShop 等字体商不同,Google 这次开放的字体与它其他很多服务一样,完全免费。

Google 目前提供的字体共有十八种,均为目前比较流行的免费字体,包括为 Android 而开发的 Droid 系列,被称为“Fonts for Scholars”的 Cardo,为代码印刷而设计的 Inconsolata,业余之作而不胫走红的 Yanone Kaffeesatz 等等,其中最能引人注目的是字体师 John Fell 设计的 IM Fell 字体。

我想每个网页设计师都会觉得这是个好消息,又一个来自Google的福音吧!

想使用它们吗?使用这些字体无需付费,也不必注册,只需要做简单的几步,举个例子,如果你想在你的网页中使用“Tangerine”这种字体:

1.在网页头部加入代码

 
  1. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

2.在你的CSS样式表中加入

 
  1. body {
  2. font-family: 'Tangerine', serif;
  3. font-size: 48px;
  4. }
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}

(注:这是让页面所有元素的字体都变成Tangerine,如果只想局部Tangerine字体只要改变CSS选择器就可以了!)

3.刷新查看效果!

好了简单吗?

如果想详细的了解Google在线字体的话,请到官方主页http://code.google.com/webfonts

详细使用方法http://code.google.com/apis/webfonts/docs/getting_started.html

web google网页字体
引用地址:
注意: 该地址仅在今日23:59:59之前有效

腾讯QQ微博邀请码放送中[2010-05-12更新列表]

2010/04/30 评论(0),阅读(420)

腾讯QQ微博邀请码持续放送中

每天我会更新三个我获得的可以散发的种子(邀请码)

2010-05-12 腾讯QQ微博邀请码

http://t.qq.com/invite/0dbb5537959a1cd24331

http://t.qq.com/invite/96bfdb9fcd97dfc86ab5

http://t.qq.com/invite/5d93ffa8afdb52241ad5

http://t.qq.com/invite/b8b058c6d53ab3f6a611

http://t.qq.com/invite/3ddf250251f92967a239

http://t.qq.com/invite/3861a632f5adaeddafed

http://t.qq.com/invite/2a96d639962e1e690ec7

http://t.qq.com/invite/605e55c46d772b4c85e7

http://t.qq.com/invite/6a42e291b1625bd77e0d

http://t.qq.com/invite/a847b1db5ad3fa608c5b

 

2010-05-08 腾讯QQ微博邀请码

http://t.qq.com/invite/400210ae94c7ee9c4bf3

http://t.qq.com/invite/9a919efdcb9d10f3f10f

http://t.qq.com/invite/5a1b0d51837a141dc061

2010-05-04 腾讯QQ微博邀请码

http://t.qq.com/invite/d9f1fdcd7ab7540f8dfb

http://t.qq.com/invite/4e6e978b6fa1f1f2a1bf

http://t.qq.com/invite/7d185acf880b3ee4ac59 

2010-04-29 腾讯QQ微博邀请码

http://t.qq.com/invite/e1bd166fb3ce99e72663

http://t.qq.com/invite/591545c187845162fb8b

http://t.qq.com/invite/43392e313a2209df5fc9

 

2010-05-02 腾讯QQ微博邀请码

http://t.qq.com/invite/e77f3bf2eb63bfd5b755

http://t.qq.com/invite/9bd63cab38a2ebbc3737

http://t.qq.com/invite/6c954c06c5daf663c031

默认分类 腾讯qq微博邀请码
引用地址:
注意: 该地址仅在今日23:59:59之前有效

无题

2010/04/29 评论(0),阅读(261)

“什么是百度优化?说通俗一点,百度优化也好,谷歌优化也好……是一些三脚猫的不入流的技术人员钻的搜索引擎的空子”!......

这样一句话,出自我们自称省内第二大网络公司一个部门经理之口,并且是浩浩荡荡几百字的公司演讲,我真的是无语了。公司的创新乃至内地的创新再至中国互联网的创新就是被这样一群人给扼杀了。我对此番话的评论并不是在刻意说这个部门经理怎么怎么DI,某个人怎么怎么DI了,而是想表达我的一种意思,中国互联网能创新吗?难道就一直靠腾讯的一直被模仿,从未被起诉?靠百度的垃圾商业化模式?

OK,咱们既然是做互联网的,就要遵循互联网的法则,不进则退,出现一种你闻所未闻的技术或专业术语,你可以不知道,但我请你一定不要恶意评击。

咱是搞互联网的,你说你被公司定位是高级网络营销顾问,逗号,SEO是个狗屁,这样我真的要怒了。
 

何为百度优化?

百度优化的主要工作是通过了解各类百度如何抓取互联网页面、如何进行索引以及如何确定其对某一特定关键词的搜索结果排名等技术,来对网页进行相关的优化,使其提高百度排名,从而提高网站访问量,最终提升网站的销售能力或宣传能力的技术。

原创
引用地址:
注意: 该地址仅在今日23:59:59之前有效

百度的青春期

2010/04/28 评论(0),阅读(284)

2010年1月16日,百度成立10周年。在上地百度大厦中,百度董事长兼CEO李彦宏许愿:希望百度在下一个10年收入增长40倍,员工待遇达到 世界一流公司标准。若要实现这一宏图,依靠Google的中国模仿者角色显然不可能实现,百度的一系列远景描述:“成为全球一半以上的国家家喻户晓的品 牌”、“成为全球最大的新媒体平台”,“品牌在未来10年普及世界50%人口”等,无不显示百度必须走出去,在全球市场上主动迎战Google。

然而,百度如何成为一个站在Google对面、而非跟在它身后的竞争对手?据推算,2009年百度的年收入在40亿元人民币左右,按照李彦宏的目 标,即2020年百度总收入将达到1600亿元,这恰巧与2009年Google的年营收入236.4亿美元规模相等。10年40倍成长,在习惯光速的互 联网行业并不是不可能的任务,但问题在于,支持这一成长的路径是什么。市场规模扩大?蛋糕份额增加?国际化?新业务?百度将凭借什么以获得成长,目前而言 并不那么清晰。

阅读全文
it 百度 李彦宏 CEO 董事长 大厦
引用地址:
注意: 该地址仅在今日23:59:59之前有效

jQuery BlockUI Plugin (v2)

2010/04/26 评论(0),阅读(520)

The jQuery BlockUI Plugin lets you simulate synchronous behavior when usingAJAX, without locking the browser. When activated, it will prevent user activity with the page until it is deactivated.BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.

jquery blockui plugin

阅读全文
jquery jquery blockui , jquery 特效
引用地址:
注意: 该地址仅在今日23:59:59之前有效

百度地图API开发指南

2010/04/25 评论(0),阅读(495)

什么是百度地图API?

百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。

百度地图API不仅包含构建地图的基本功能接口,还提供了诸如本地搜索、路线规划等数据服务。

百度地图api

阅读全文
web 百度 API 交互性 应用程序 接口
引用地址:
注意: 该地址仅在今日23:59:59之前有效
分页: 1/21 第一页 1 2 3 4 5 6 7 8 9 10 下页 最后页 [ 显示模式: 摘要 | 列表 ]
谷歌赞助商
RSS feed Email feed
分类
  • 默认分类 [3] RSS
  • 原创 [21] RSS
  • php [27] RSS
  • jquery [26] RSS
  • javascript [19] RSS
  • ajax [1] RSS
  • flash tag cloud [1] RSS
  • open flash chat [4] RSS
  • web [18] RSS
  • game [1] RSS
  • mysql [9] RSS
  • it [40] RSS
  • seo [2] RSS
  • 生活 [13] RSS
  • 手机 [11] RSS
  • 3G [4] RSS
  • wrt widget [4] RSS
新浪微博
日历
< 2010 >    < 7 >
日 一 二 三 四 五 六
123
45678910
11121314151617
18192021222324
25262728293031
最新日志
  • 网站用户体验优化怎么做?
  • google font ...
  • 青花瓷Java版
  • 移动互联网的六个预测
  • Google网页字体在线...
  • 腾讯QQ微博邀请码放送中...
  • 无题
  • 百度的青春期
  • jQuery Block...
  • 百度地图API开发指南
  • QQ概念版-多点触摸
  • jquery特效之图片延...
  • 2010中国互联网
  • Adobe CS5家族正...
  • JavaScript 技...
归档
  • 2010/07
  • 2010/06
  • 2010/05
  • 2010/04
  • 2010/03
  • 2010/02
  • 2010/01
  • 2009/12
  • 2009/11
  • 2009/10
  • 2009/09
  • 2009/08
点击排行
  • [5325]2010阿凡达(a...
  • [3209]jQuery 1....
  • [2957]php版的Flas...
  • [2472]jquery特效之...
  • [1963]php开源年度贡献...
  • [1757]php开源年度贡献...
  • [1750]iframe缓存问...
  • [1697]jquery特效之...
  • [1560]mootools特...
  • [1523]备案网站打不开的完...
  • [1510]另类代码-js代码...
  • [1504]jquery特效精...
  • [1488]我的新手机noki...
  • [1412]php开源年度贡献...
  • [1404]js特效之表格排序...
最新评论
  • 能不能搞个不要数据库的,...
  • 下载试试再说,谢谢分享....
  • 看看双色球的开奖方式再写...
  • 这女的太温柔了!!俺老婆...
  • 谢谢你
  • 这就好比咱国家人在路上看...
  • 这个绝对是神器啊!
  • 請問可以分享你的作品嗎?...
  • 我注册了一个号,可是感觉...
  • 不错,学习了~~
  • 实例不能看啊~
  • 这个插件很有用啊 !收藏...
  • 我记得jquery不是有...
  • 我晕,这东西功能果然很丰...
  • 恩,我要自己分析一下了啊...
统计
访问次数 222077
今日访问 133
日志数量 204
评论数量 97
引用数量 0
留言数量 31
注册用户 13
在线人数 10
链接
  • 默认链接组
  • phphi’s blog
  • 李晓明的博客
  • OOPHP开源博客
  • Skiyo's blog
  • ℃冻番茄’s Blog
  • 耐火材料网
  • 萨图腾 | Drupal中文探索者
  • PHP iask
  • Crazy Web
  • PHPText.Net
  • 开源吧
  • 小帅博客
  • 祝福语
  • 拿来煮义
  • 新乡电视台
  • 安阳技术部
  • 落水鱼博客
  • kiko'blog
  • 飞跃梦想
  • M博客-分享互联网
  • 编程设计网
  • Hai Han's blog
其他
登入
注册
申请链接
RSS: 日志 | 评论
编码:UTF-8
XHTML 1.0
Locations of visitors to this page

Top bo-blog
Copyright © phphi's blog. Powered by Bo-Blog 2.1.1 ReleaseCode detection by Bug.Center.Team
豫ICP备09003832号