先看对比:

说的形象一点就是photoshop里面字体效果的“无”和“平滑、厚重”的对比
“微软这样描述雅黑:“Vista完全可以沿用原来的字体,但启用微软雅黑,将令中文版Vista更加清晰、明亮。”最妙的是,它支持WinXP,只要从Vista中提取出来放进字体目录就可以体会Vista的感觉,多棒!”
看这篇详细介绍:http://www.windstudio.net/html/200611/20061114102849.htm
从网页设计的角度考虑,中文字体大小的使用所受限制少了,中文网页设计也会更加的漂亮
在XP下怎样使用:
1.下载下面的
雅黑字体下载:
http://cool.ever360.com/download/msyh.zip
ClearType下载
http://www.microsoft.com/windowsxp/downloads/powertoys/xppowertoys.mspx
2.在控制面板打开ClearType.
3.在浏览器IE或者firefox里面设置显示字体为微软雅黑

Google adsense的广告中的小字体改好看了,研究了一下用的字体是:Pmingliu,大小:11px,之前在POCO站点的图上看到过这样的字
google ad中使用的:
font-family: Pmingliu,verdana,arial,sans-serif;font-size:11px
不过如果用GB2312或者GBK字符集的时候,你在测试的时候,用IE6看的时候,会发现还是有锯齿,狠难看,用firefox和IE7没事,只要把测试文件转成UTF-8格式就好
CSS Diagrams, Bar Graphs, Star Rater
CSS Forms
CSS Galleries
- Best Web Gallery
CSS &Flash Design Inspiration
- CSS All-Star
CSS wonders, all over the world
- CSS Beauty | CSS Design Showcase
CSS Beauty focuses on providing its audience with a database of well designed CSS based sites, as well as news and happenings on the CSS Design Community. It showcases designers work and serves as inspiration for those looking to build CSS based websites.
- CSS Bloom
CSS Gallery, CSS Examples, Website Showcase and Design Inspiration, CSS Design, CSS Designs, Best Looking Blogs, CSS Tricks, Blog’s and Online Portfolio’s Designs, css & xhtml
- CSS Collection
web sites without tables
- cssdesign.se
Inspiration for Webdesigners
- CSS Drive- Categorized CSS gallery and examples
CSS gallery, code samples, tutorials, and more
- CSSElite CSS Gallery
CSS Design Gallery and Website Development Resources
- CSSelite
We show you the best of the best
- CSS Empire
this is a showcase gallery of the finest CSS sites that I can find on the net, They are here in all there glory free to feast your eyes upon.
- CSS Galleries
Most sites are CSS-based. Some galleries include Flash sites too!
- CSS Heaven
CSS Gallery
- CSS ImportCSS
The no-frills CSS Gallery
- csslove
CSS Web Design Gallery, featuring the most inspiring and beautiful sites on the web today
- CSS-Mania
CSSmania, the most updated css showcase all over the globe
- CSS Reboot
CSS Reboot is a community event for web professionals……
- CSS smooth operator // Tite site collection
Tite site collection, conforms to Web Standards and designed with CSS
- CSS Table Gallery
Data Tables and Cascading Style Sheets Gallery
- CSS Remix
CSS-Based Website Gallery
- css thesis
CSS Gallery
- CSS Vault – The Web’s CSS Site
A repository of sites using cascading style sheets and a list of resources
- css Zen Garden: The Beauty in CSS Design
A demonstration of what can be accomplished visually through CSS-based design
- Data Tables and Cascading Style Sheets Gallery
The CSS Table Gallery is a showcase of how CSS and data tables can work together to create usable and pretty results.
- Design Melt Down
Design elements, trends, and problems in web design, examples and resources
- Design Shack – Inspirational CSS and Blog Design
Design Shack offers regular examples of great CSS, standards based design to help inspire and create. We feature any website which shows off some flair, and doesn’t fit into the standard pattern we come to expect from CSS design.
- Layout Gala
a collection of 40 CSS layouts based on the same markup and ready for download!
- Liquid Designs
Liquid Designs is a gallery of websites designed with liquid layouts using XHTML and CSS
- netzfruehling – CSS Showcase Blog
German Showcase Blog
- oswd – Open Source Web Design
Download and upload free web designs
- Piepmatzel.de
collecting best practice web standards design examples
- Pig Pen – Web Standards Compliant Web Design Blog
CSS Gallery
- Proestilo – galería de sitios web diseñados bajo estándares
CSS/XHTML Layout Gallery
- screenspire.com | full( )screen inspiration
screenspire.com is a no-embellishment, no-comments, no-technology-favored source for recent website-designs collected from various portals and handcrafted by thomas marban
- showcase GR
The best of Greek CSS web design.
- Stylegala – Web Design Publication
Stylegala is an online resource and inspiration guide for web agencies, designers and developers who take interest in websites that combine the powers of design, web standards and CSS.
- tom.ma | screenblog
A handpicked and growing collection of fine screendesigns.
- The Weekly Standards – CSS Web Design Showcase
Standards/CSS-based Web Design in the Corporate World
- Unmatched Style
Get inspiration from the CSS Gallery archives
- W3 Compliant Sites: Sites designed to comply with W3C Web Site Standards
A collection of web standards compliant web sites and their designers
- Web Creme
Web design inspiration
- Webdesign reference book
Webdesign reference book – We are releasing a book with about 150 of the greatest webdesigns. Come and submit your own work for the book!
- Web Standards Awards
Awarding web sites that successfully combine form and function
- Well-Designed Weblogs
Well-Designed Weblogs series is a subjective and non-scientific selection of usable and readable weblogs that are defined as having: An aesthetically pleasing design that has been accomplished through the use of stylesheets rather than layout tables, font tags, and inline images.
- Well-Designed Weblogs Volume 2
CSS Image Maps, Image Switcher, Sliding Photograph Galleries
CSS Layouts Templates
Lightboxes
- ThickBox 2.0
Cody Lindley – ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.
- Lightbox Gone Wild!
Particletree – Chris Campbell
- Suckerfish HoverLightbox
Jonathan Christopher
- Lightbox JS v2.0
by Lokesh Dhakar
- Lightbox Plus
takuya otani – Lightbox JS is very cool and useful script to display an image on the page
- Leightbox
Simon de Haan · Eight Media
CSS Lists, Navigation, Menus, Rollovers
Miscellaneous
- Architecting CSS
The first step in architecting our CSS is to devise a plan for organizing our files…..
- CSS Organization
Tip 1: Flags
- Beginner’s guide from a seasoned CSS designer
Cameron Moll – Authentic Boredom
- CSS Advanced Guide
The CSS Advanced Guide is for those who want to push CSS to the extreme, highlighting methods that might not be immediately obvious to the intermediate developer.
- CSS Panic Guide
This is not a complete resource, this is a fast resource….
- CSS & Design Galleries
List of CSS and Design Showcases
- CSS Table Gallery
The CSS Table Gallery is a showcase of how CSS and data tables can work together to create usable and pretty results.
- Dynamic Drive CSS Library
Practical CSS codes and examples
- CSSplay
Stu Nicholls – Experiments with Cascading Style Sheets
- CSS tests and experiments
Floats, Containers, margins, …Centering, Shrink wrapping, Images, Miscellaneous, hacks, inline-block, Layouts, Tables…
- Stylish
Stylish allows easy management of user styles. User styles empower your browsing experience by letting you fix ugly sites, customize the look of your browser or mail client, or just have fun
- Professor X
The Professor X extension for Firefox let’s you see inside a page’s head without viewing the sourcecode
- X-Ray
The X-Ray extension let’s you see the tags on a page without viewing the sourcecode.
- CSSViewer
A simple CSS property viewer.
Tips & Tricks
Slideshows
CSS Tables
CSS (and JS)Tooltips
- Bubble Tooltips
Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.
- qTip
qTip will work on all like elements that are on the page. You can specify any HTML tag as your preferred element. Since the title attribute can be applied to any HTML element, this technique is standards compliant!
- Sweet Titles Finalized
JavaScript Fading Tooltips
- Tooltip.js
…is the NEXT GENERATION in Tooltips; using the Web 2.0 approach of doing a simple thing, and doing it well.
Articles
Tutorials
- Advanced CSS Layouts: Step by Step
By Rogelio Vizcaino Lizaola and Andy King
- CSS Basics.com
Making Cascading Style Sheets Easy to Understand
- CSS Beginner’s Guide
CSS, or ‘Cascading Styles Sheets’ are a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.
- CSS Intermediate Guide
Like the HTML Intermediate Guide, this CSS Intermediate Guide should not be that difficult, but rather build on the basics of the CSS Beginner’s Guide.
- CSS Advanced Guide
The CSS Advanced Guide is for those who want to push CSS to the extreme, highlighting methods that might not be immediately obvious to the intermediate developer.
- CSS Demonstrations and Tutorials
CSS and HTML examples, demonstrations and tutorials
- CSS Layout Techniques: for Fun and Profit
A resource for web designers and developers who want to learn CSS layout techniques to replace archaic table-based web page layouts..
- CSS Menu Tutorial
Horizontal and Vertical CSS Menu Tutorials
- CSS Tutorial
CSS Tutorial von w3schools.com
- CSS TUTORIAL
The Complete CSS tutorial
- Floatutorial: Step by step CSS float tutorial
Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.
- Learn CSS Positioning in Ten Steps
This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float
- Listutorial: Step by step CSS list tutorial
Listutorial takes you through the basics of building background image lists, rollover lists, nested lists and horizontal lists
- Selectutorial – CSS selectors
Selectors are one of the most important aspects of CSS as they are used to “select” elements on an HTML page so that they can be styled.
Find out more about selectors including the structure of rules, the document tree, types of selectors and their uses. There is also a step-by-step tutorial showing how selectors are used in the process of building a 3-column layout.
- Site in an Hour
by Andrew Krespanis – Making Simple Work of Complex CSS Layouts
- Style master css tutorial
hands on css tutorial – This tutorial teaches CSS using both hand-coding and Style Master for Windows.
- Online tutorials
The House of Style has several cascading style sheets tutorials, with explanations, excercises and worked examples to get you up and running with style sheets as quickly as possible.
- Stylesheets
Cascading style sheets tutorials and style guide
KESO的BLOG上之前加了一个新浪的WOOCALL.,这种blogchat的东西还是挺好玩的
我朋友ZW也做了一个类似的东西,http://www.vqq.com
下面其他牛友写的一个关于这种chat的对比
原文:http://blog.donews.com/siyusiyu/archive/2006/08/19/1006607.aspx
一篇文章表达了本人对WEB QQ的关注有加,引出一个专业做聊天工具的家伙,那就是——VQQ。
去看看他们的网站——http://www.vqq.com,界面做得很分明,功能和指导一目了然,而且颜色搭配还比较和谐。手头没有工具也就没有分析其界面构架是不是真正符合2.0的标准。不过象这样的特殊功能网站,关键能够让人一目了然找到他需要的东西。以下是网站界面截图。

点右下角那个立即展开聊天,就会加载一个漂浮的聊天窗口。这个样子和设计思路跟Gabbly大同小异。以下是试用后的一点感受:

优点:
-
支持表情用语和表情图案,这在传统聊天室里很平常了;
-
据说代码并不是用Ajax写的,因此在服务器的负荷没有Gablly大;果如他们老大所言,我祝贺它,运行效率高意味着具有普及的最基础条件,不然前期投入会相当巨大。
-
可自定义聊天室的标题(名称)。
-
嵌入页面时可以用JS 代码,显示时可选择直接出现窗口还是通过点击飘浮的图标弹出窗口,这个设计思路比Gabbly的要好得多。
-
图标支持自定义,嗯,这点考虑得非常人性化。
-
可以针对性的一对一聊,也可以两个人私聊。这点也很对路,毕竟是一群专业开发聊天工具的技术团队,有技术背景和经验;
-
甚至预览都考虑到了……
-
支持UTF-8和GB2312编码,对中文英文的支持就更不用说了。
再来说说不足,大多数借鉴与传统的聊天室和在线IM而言:
- 窗口过大,且无法象Gablly那样拖曳变大变小;这点很致命。
- 拖曳窗口时会附带鼠标选中页面内容,看来需要优化处理这个细节;
- 没有声音;更没有开关;
- 没有保留聊天历史纪录的办法;Gabbly是支持RSS订阅,从某种程度上可以保持历史纪录;
- 没有传统聊天工具中以不同颜色(通常是红色)字体显示本人发出信息或接收到信息的区别方式;也没有自定义字体颜色的选择;

其实,在我跟VQQ的老大MSN聊天过程中,我总结了几句话,他备感兴趣,现在一并综合写出来,也跟对这方面感兴趣的朋友们探讨一下。
-
在线chat不同于web IM,它应该是介于BBS与Web IM之间的东西;毕竟没有注册帐号的繁琐过程;
-
它的未来发展可以结合博客、BSP和企业在线客服,进行大面积的运用;
-
交互性的细节做得是否到位,往往决定它的未来命运:比如,传统论坛里可以查看到发贴人的更多信息,包括他的主页、QQ甚至邮箱;而在QQ聊天室里,你也可以在弹出菜单中查看这个人的QQ信息。
-
chat中每个人来得容易去得也快,信息的真实性与虚拟性一定要结合得较好,如果一眼望去全是“游客1234”之类的一大串,估计你也没有继续聊下去的欲望。穿马甲应该成为最基本的必须的第一道程序。
-
如果可以选择填写性别并区别开来,也是增强粘性的办法之一,当然还可以选择填写blog。如果某人进了一会就走了,你永远找不到她,但她填写了blog地址,你打开了她的另一个附加信息之地,可以去留言评论,一样还有交互的可能性。
-
其它的,应该结合BBS和chat的细节认真琢磨,结合在线IM,可以定义状态,如离开、在线、私聊、忙碌等,以颜色不同的图标区别开来,就不会有往常聊天室乱哄哄的样子。
-
VIP:这个东西要根据用户特殊的需求来开发,做成升级的黄金版,可以出售;比如聊天记录的保留,比如信息聚合到web静态页面,比如添加管理员(可以踢人)等,还可以增加一些娱乐性强的东西。
但愿VQQ能够成为中国特色的web chat的佼佼者,关键要与gabbly、新浪、web QQ等东西区别开来,自己有特色,并且在推广思路上独辟蹊径,估计还是有很大发展空间。