英文网站的字体使用率：
Microsoft Sans Serif … 99.40%
Arial Black … 96.85%
Franklin Gothic Medium … 96.79%
Palatino Linotype … 96.33%
Verdana … 95.97%
Comic Sans MS … 95.44%
Arial … 95.40%
Lucida Console .. 95.29%
Courier New … 95.14%
Impact … 95.02%

说明了外国人最喜欢的网站字体是 Microsoft Sans Serif，其次是Arial Black,但我们中文建站时常用的Verdana，Arial！
很多时候就是这么一点的差别，让网站的阅读体验相差很远。

在一个网站上看到的，不知出自谁的手的一个英文字体使用的印象：
————————数字开头———————————————
1. 04b_03,04b_03b,04_08,04b_11,04b_24,04b_30,11px3bus,11pxbus, 13pxbus,5pxbus,7px2bus,7px4bus,8pxbu (象素字体)
2. 13_Misa,4 my lover
3. 28Days later,3 Prong Tree,3 theHard way,3t,4YEO stamp (铅笔或旧报纸字效果)
4. 18th Century (数字)
————————-字母开头———————————————
1. A charming font(分细,粗,左斜,右斜,扁,空心)
2. A Yummy Apology(丸子英文)
3. Aarco (爆炸)
4. Abduction,Abduction2002 (晶格),Astron Boy Video.
5. AcidDreamer,Acidic,SeeRegular.(布纹)
6. ActionJackson,AlphaRope[绳子],AlphaWood[木板],Amped For Evil[凝水], Angie Pierced[小胶卷],barcode font[条形码],Blazed[飞火],Brad[墙壁], Bur town Dam[木板],Celestial Normal[针线],Circulate[连圈],E obled Pet[脚板], MovieTimes[胶卷],PopticsThree,RCMP[枫叶]. (搞怪)
7. AdineKir erg-Script,Alexei Co erplateITC-Normal[丝带],Chopi cript,YoungLoveES.(圆体,script)
8. ADMUI3,BM harry A10,BM mini A8,BM micro7 A7,BM ace A9,BM solid A11,SG10.(象素)
9. Aggstock,EnviroD.(幼稚手写)
10.akaDylanOpen,akaDyla lain. (幼稚圆圆)
11.Aladdin Regular,AlphaMack AOE,Anke Calligraphic FG,augie,Champigon,Everett Stele’s Hand.(手写,随意)
12.Amadeus[镜子],Cocktail Bu ly[泡泡],Elastic Wrath[圈圈],Fiolex Girls[飞心], Oldie latLyngam[小花],(超级可爱)
13.[系统]Arial,Basemic,Bookman,Century,comic sa ,courier,franklin,garamond,georgia,MS, Palation,WST.
14.Arruba[卷],coffee talk 1[红唇],CrackMan,[立体],Flower3,Fontdinerdotcom Luvable[冒心], Moo tar+NightSky[星星月亮].(可爱)
15.Atomic Clock Radio,Bazaeonite,BM receipt All. [点虚]
16.Bernhard Fashion BT, Year 2000,Circled,EvanescenceSerie ,Modern. [超细]
17.[设计](括号)Cocaine Sa .
18.[优美简单]Gulim…,Shruti,SmallTalk.
19.[心心字体]heart embo ,heartlandRegular,heartfont,KR Valentine Heart,MC Sweetie Hearts.
20.MellowFonts1(kiity),purimookasi(ice-cream),purimomusic(music).
21.Typo Upright Bt[连体],Wake&am ake[头草],WaltDi ey[迪斯尼],Yoinks[星星].

这些年，常看到国外的优秀的网页作品，好多年纪轻轻在色彩与结构上就有着相当出色的表现，有时候我在想，是不是国外的环境使然，这些外国人做的网页才这么色彩丰富。观之我们国内的网页，差不多都是清一色的，流行起来一种风格，看上去个个网站都是一个样的。看看现在兴起的团购网站的，都一个模出来的一样，只是改了点元素，整体一看，差不多都是一个样子的。

都说是模仿啦，这方面真没有多大的创新。

您可能也喜欢：

以下中文互联网网站或应用你用了几个？

介绍一些我正在用的社会化等东西

提高网站PR的一些问题

什么叫“大气”的网站

无觅

浏览器兼容可以说是前端开发所要面对的第一个挑战，目前我的电脑上已经安装了6种浏览器（基于IE内核的不算，如Maxthon等）。

CSS hacks利用浏览器的漏洞来隐藏特定浏览器的CSS规则。实现浏览器兼容主要有两种方式条件样式表和CSS Hacks（Selector Hacks、Attribute Hacks）。对此根据一些资料汇总了一些CSS Hacks方法。

1.条件样式表

像这样的代码你应该见过:

<link rel=”stylesheet” type=”text/css” href=”css/style.css” />
<!–[if IE]>
<link rel=”stylesheet” type=”text/css”href=”css/ie.css” />
< ![endif]–>

PS：yahoo的内部编码最佳做法并不建议使用有条件的样式表。它会增加额外的平均1或2个HTTP下载请求

2.选择器Hacks（Selector Hacks）

/* IE6 及以下 */
* html #uno { color: red }

/* IE7 */
*:first-child+html #dos { color: red }

/* IE7, FF, Saf, Opera */
html>body #tres { color: red }

/* IE8, FF, Saf, Opera (IE 6,7以外) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 及以下, safari 2 */
html:first-child #cinco { color: red }

/* Safari 2-3 */
html[xmlns*=""] body:last-child #seis { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho { color: red }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#diez { color: red }
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#veintiseis { color: red }
}

/* Safari 2 – 3.1 */
html[xmlns*=""]:root #trece { color: red }

/* Safari 2 – 3.1, Opera 9.25 */
*|html[xmlns*=""] #catorce { color: red }

/* IE6-8以外 */
:root *> #quince { color: red }

/* IE7 */
*+html #dieciocho { color: red }

/* Firefox only. 1+ */
#veinticuatro, x:-moz-any-link { color: red }

/* Firefox 3.0+ */
#veinticinco, x:-moz-any-link, x:default { color: red }

PS：选择器Hacks方式比较多， 但只要代码写得够标准, 其实要 Hack 的地方不会很多的, 除了有时候IE捣乱，IE 以外的浏览器几乎都不会有问题。

3.属性hacks（Attribute Hacks）

/* IE6 */
#once { _color: blue }

/* IE6, IE7 */
#doce { *color: blue; /* 或 #color: blue */ }

/* IE6以外 */
#diecisiete { color/**/: blue }

/* IE6, IE7, IE8 */
#diecinueve { color: blue\9; }

/* IE7, IE8 */
#veinte { color/*\**/: blue\9; }

/* 仅IE8 */
#veinte { color: blue\0; }

PS：属性Hacks混写是我较多使用的一种方式，感觉写起来比较简单。CSS Hacks的使用大多情况下是为了兼顾一下爱捣乱的IE，使用Attribute Hacks基本上能解决对IE的兼容。

4.属性hacks混写

/* !important优先 */
#bgcolor {
background:red !important; /* Firefox 等其他浏览器 */
background:blue; /* IE6 */
}

#test {
background-color: black; /* Firefox, Opera, IE8 */
[;background-color: green;] /* Safari, Chrome */
*background-color: blue; /* IE7 */
_background-color: red; /* IE6 */
}

PS：属性hacks混写要注意书写次序。

其实浏览器兼容不应该只对过去的浏览器兼容（向前兼容），更应该考虑为未来浏览器服务（向后兼容），所以开发时，要尽可能的符合标准，保持代码整洁是一件很重要的事情（参考《Keep CSS Simple》）不得已的时候才Hack一下。

原文地址：http://www.cnblogs.com/wiky/archive/2010/01/07/Browser-CSS-Hacks-assembles.html

您可能也喜欢：
网站导航设计很重要	Photoshop cs5部分新功能视频介绍	论坛主题：泼墨桃花 for dz7.2	笔记本到手啦
无觅

——————————————————————

新闻来源:devsnippets.com
围剿 Flash 的不仅有 HTML 5，还有 JavaScript，著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅，有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效，这些效果可以更有效地展示你的内容。

1. 流感导航菜单
下面的导航菜单，当鼠标在上面移动的时候，会很流畅地垂下解释菜单，当你将鼠标在上面快速左右移动的时候，会怀疑这是 Flash。

2. 转花灯
Roundabout 是一个 jQuery 插件，可以将一组 HTML 对象转换为旋转花灯的效果。

3. 拉洋片
拉洋片也许是 jQuery 最拿手的效果了。该效果在遇到 JavaScript 被禁用的场合会自动降级使用。

4. jQuery Quicksand 插件
这个让人赞叹的插件，可以对一组 HTML 对象重新洗牌，效果非常出众。

5. 导航滑块
这种风格的导航已经见于很多站点，鼠标在导航菜单上移动的时候，一个高亮指示条随着鼠标滑动，指示当前的导航位置。

6. 文字的移动纹理
在文字上，显示移动的纹理，效果美轮美奂。原理是，做一个带透明文字的 PNG 图像放在一个容器里，容器的背景放一张图案，用 jQuery 移动容器的背景，很简单，不过，不支持 IE6，因为 IE6 不支持 PNG。

7. jDiv: jQuery 导航 Tab
一个可以显示丰富内容的下拉导航菜单（演示要翻墙）。

8. 基于 CSS3 和 jQuery 的半透明导航系统
鼠标在导航菜单上移动，显示半透明的指示图标。CSS3 做这个实在太容易了。

9. 云台式拉洋片
常规的拉洋片效果要么左到右，要么右到左，或者垂直上下，这个 jQuery 效果可以象云台那样扫镜头。

10. SlideDeck
SlideDeck 是一种新颖的内容展示方式，有点类似 Outlook 的手风琴菜单，但视觉效果和用户体验更好一些。

本文来源：http://devsnippets.com/article/10-jquery-transition-effects.html
中文编译来源：锐商企业CMS 网站内容管理系统 官方网站

您可能也喜欢：
JavaScript学习中	Adobe CS5将会加入一个全新的设计成员	我每天都在发现新大陆	图海VIP邀请码三个免费发放
无觅

<?php

function TruncateTitle($max_length) {

$title_str = get_the_title();

if (mb_strlen($title_str,’utf-8′) > $max_length ) {

$title_str = mb_substr($title_str,0,$max_length,’utf-8′).’…’;

}

return $title_str;

}

?>

调用方法：

<a href=”<?php the_permalink() ?>” rel=”bookmark” class=”title”><?php echo TruncateTitle(17); ?></a>

17为标题的长度.

下面是调用分类ID为3，文章数为10的代码：

<?php query_posts(‘showposts=10&cat=3′); ?>

<?php while (have_posts()) : the_post(); ?>

<li><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php echo TruncateTitle(17); ?></a></li>

<?php endwhile; ?>

您可能也喜欢：

强大的wordpress呀

WordPress的4种更改新域名的设置方法

WordPress主题：Dreambox V1 ver.1.5发布(update:2010/1/26)

让wordpress不同页面显示不同数量的文章

无觅

预防垃圾留言

以前我那个博客被垃圾评论烦死了，每天都有来，而且还不知从哪里来的。幸好我们有Akismet，Akismet是wordpress安装后自带的一个插件，但启动它前你需要一个API KEY，这样可以共享一个反垃圾的数据库，但这个KEY需要在WordPress.com注册。我差点不记得了我原来申请的API KEY，结果我上去WordPress.com用我过去用过的邮箱一个一个地去试，终于看到某一个邮箱下申请了API KEY，然后我点重发，然后再进去原邮箱去要回来了。

更改博客的永久链接形式

刚装好wordpress后，默认的永久链接形式是：http://xxx.com/?p=xxx，这种形式相对于搜索引擎超级不友好。现在比较流行的是伪静态链接，这流行在这两年在各个主流的程序都可以看到，都说自己已经支持伪静态链接。我改的是

/website/archives/%post_id%.html

有website这一层是因为以后我启动根目录去做其它的站时，我以后只要改一下永久链接就可以让以后的文章的地址与现在一致。
设置永久链接的形式有很多种，比如：

%category%/%postname%/

等等

创建博客地图

使用Google XML Sitemaps来为网站生成一个完成的XML-Sitemap。它会随着发布新日志而自动修改。这是一步比较重要的SEO。

给博客烧录Feed

烧录Feed的网站常用到的可能是Feedburner与feedsky，过去做的博客我从来没有关注过这个东西怎么用。这次做网站前了解了清楚这个服务，是相当有用的，我在两个网站都烧录了，你可以在侧栏看到我的RSS的效果，你可以通过它订阅我的文章，知道我什么时候更新。
需要注意的是，我使用了feedsky的绑定域名，我绑定的是feed.99is.com，通过绑定域名，防止以后哪个服务突然间不能用了，只要订阅的是这个地址，我们还有机会去补救过渡到另一个服务。

特别是独立博客应该要注意的，一定要绑定FEED域名。

增加统计代码

我增加的是量子恒道的统计代码。同时正在试用Google Analytics中。

创建 robots.txt

我的robots.txt内容是：

User-agent: *
Disallow: /cgi-bin
Disallow: /wp-
Disallow: /feed/
Disallow: /comments/feed
Disallow: /trackback
Disallow: /comments
Sitemap: http://wangyueblog.com/sitemap.xml
Sitemap: http://wangyueblog.com/sitemap.xml.gz

你可以从中参考一下，这文件上传到空间根目录。

安装WordPress数据备份插件

现在做站不备份真的很危险，所以一款数据备份插件是相当要紧的。WordPress Database Backup插件来定时备份我的Blog数据，每周将备份数据发送至我指定的邮箱。

选择主题

关于主题，我采用自已去设计，去做。新手（我也是新手,做时也相当痛苦）做一个主题，可以去下载一个你喜欢的结构的主题，然后在这个基础上去再作改动。过一些时间我会写一个关于wordpress主题制作的教程出来，并将它延伸到其它的论坛模板，CMS模板之类的去。希望大家支持。

当然还有一些其它的插件类的，这里先不说啦，下次再与文章中说。

您可能也喜欢：

好久没有写过博客了

开通了QQ微博

博客的用户体验？

WordPress主题：Dreambox V1 ver.1.5发布(update:2010/1/26)

无觅

相信几乎很多的站长都很关心自己的网站的PR值，特别是小网站的站长，特别关心。近来重新做站，我也很关心我网站的这个PR。大家都发现了我的网站现在的标题是理想盒子Kissbox，本来我是有一个CN域名配这个网站的，但我的CN域名从买了一个空间到现在过大半月依然没有备案下来。杯具呀。

在这期间我用我的PR4的站与这个CN域名互做了一个链接，本也没想会怎么样。晚上试用牟长青老师的站长工具V1.5，试着查询我之前PR4的两个域名，结果PR没有变过，一时手痒，顺手试了查了一下我的新的域名，PR值竟到了3。这半个月左右，内容都没有什么的站就到了3。

PR与链接

这是一件很戏剧化的事，由此可见现在低PR的网站在一个高PR值的网站上做上链接，最后PR值是有明显的上升的。PR值高的网站，质量就好，去互换容易提高自身的网站权重，提高自己的网站权重，然后从搜索引擎获取流量。
我不大看好这个PR值，但周围的站长的态度让我不得不关注这个PR值，久远时，我与一个相近内容的网站要求做链接时，就因为PR值低而被拒，让我大受打击。

PR与内容

在各个网站推广文章或口头相传，多原创内容的站点才会获得一个高的PR值，但我的那个没有什么内容的网站竟然能够迅速提升PR，令我很怀疑PR值的一个鉴定计算过程。
这种心理还有一部分来自网络开始说，现在PR值已经没有什么价值了。
但这种心理在看了《牟长青：谈谈网站PR值的真正价值》有所转变。PR依然有它的价值所在。

认真做站才是王道

认真地去做一个网站才是王道，同时需要我们懂得怎么去推广这个网站出去，让更多的人认识并留意这个网站。许多知名博客都在说，内容才是博客的王道，只有内容吸引了读者，才会去订阅你的网站，期待你的下一篇文章。
这次重新做站便是这么一个心理，去认认真真去做一个网站。

PR值还是要关注

作为一个站长还是要去关注PR值，不为别的，只是想从中知道自己曾经为这个网站付出过多少，高了应该庆贺，低了认真做站，过去一段时间PR保定会升起来的了。

这次在WP中文论坛发了一个贴子征链接，有些网站链了，有些网站没有链，不全是因为PR的问题，我希望做链接尽可能做一些相近内容的链接，如互联网，网页，设计之类的，主要是为了有共同话题，如果不同主题的网站很少有这个互动，那么这个链接便失去了效力了。
当然啦，朋友、有特色的网站另论。

您可能也喜欢：

网站导航设计很重要

常用的一些建站命名与中英文

做英文网站的常用字体列举

以下中文互联网网站或应用你用了几个？

无觅