尖笔头 » CSS

大家都希望自己的网站特别又好看，其实自己设计的东西才是自己最喜欢的，网站也是，我相信大家对基本的代码是掌握的，但离成为一个优秀的网站设计师还有一段距离，不要紧，只要有了好的指引，好网站咱们自己也可以设计。Jacob Gube在自己的博客征求读者的意见，总结了16个优秀网站设计网站。可能大家对于外国人的东西不是很喜欢，但无可否认的是，他们有些东西确实值得咱们学习。

以下是这16个网站的简介，希望对大家有帮助：

1、The Best Designs

The Best Designs是一个现成查看高质量XHTML和Flash设计的优秀网站，该网站标记与每一个设计的关键字（例如用加粗、加色、或者是用更深的CSS），让读者更容易得到自己想搜索的东西。

2、CSS Remix

CSS Remix是一个（据他们自己的简介）Web 2.0网站最佳设计的弄潮儿。当然了，该网站也包括一些非Web 2.0的主题设计。CSS Remix的订阅读者超过14,000，在这里，一个设计师可以查阅其他设计师的设计作品，进行深度交流，是一个极品交流平台。

3、CSS Mania

CSS Mania是一个收集基于CSS页面设计的一个网站，收集好之后便进行定期更新。到目前为止，已经收集了10,000+位设计师的作品。可能由于收集的作品过多的缘故，作品质量参差不齐，被不少人抓住把柄。

4、screenfluent

screenfluent是一个介绍漂亮网页设计的网站，特别之处是以模态窗口提供预览，让读者直观体会效果。目前已收集7,000个精选设计，内涵丰富。

5、Screenalicio.us

Screenalicio.us已经有超过 9,800个设计提供参考，而且有给读者打分的功能，5分为满分，所以读者们也可以通过每一个设计的评分来选择性参看。

6、Open Source Web Design

Open Source Web Design一个共享社区，会员可以随时上传自己设计的代码分享给公众。公众下载代码不是无限量免费，1OSWD（不知道这个单位什么意思）的设计以下的下载是免费的。大家可以下载这个网站的设计代码，研究一下。

7、One Page Love

One Page Love是一个基本网页设计的展示馆，展示的内容包括：美丽的，创造性的网页网站和应用程序。类别包括商业、温和、新闻类等等等，包括综合也比较杂。

8、FullSingle

FullSingle与One Page Love一样，是关于单页面设计的网站，网站的每一个页面会出现最新优秀作品精选的简介，告诉你这些设计是关于什么，有什么好之类的。

9、One Page Folios

One Page Folios也是关于单网页设计的，是一个总结单一网页组合的网站设计和开发的网站，里头已有超过800组组合供于参考。

10、We Love WP

对于使用wordpress的blogger来说，这个网站是值得收藏的。We Love WP会分享一些顶级的wordpress外观设计，当然也共享一些漂亮的wordpress主题。

11、CSS Divine

CSS Divine 是一个基于CSS设计的天堂，CSS种量设计齐全，在右侧边栏有用各种颜色做成的Tag，点击就搜索基于你想得到的颜色的CSS设计。类别包括艺术，商业，清洁，及商业的。

12、Design Snack

Design Snack自标：你可以控制设计师的设计。像The Best Designs一样，这也是一个关于XHTML和Flash设计的优秀网站，在这个网站里，你可以以自定义的方式来显示各种设计，对某一个设计投票，或者以颜色为标签来浏览设计。

13、SF art & design portal

SF art & design portal 是一个关于门户网站设计的网站，独特、创新和艺术气质的设计方式是这个网站的特点。你可以按分类，样式，颜色，甚至国家浏览设计。

14、Design Shack

Design Shack是独家提供顶级基于CSS设计的网站，脱颖而出的作品是他们要找的。这个网站也提供教程和设计中的经验教训。

15、CSSloaf

别人收集了好东西，CSSloaf再收集一次，它收集了35个设计网站的好东西，所以大家没必要去别的地方看了。这个网站的特点就是特大展示图，使人一目了然。

16、eduStyle

看于edu就知道这个网站是专门为教育机构而存在的，它专注于为高等教育网站的设计，展示最好的的设计。

如果你对优秀的CSS资源网站感兴趣，这里有《7个最好的网上CSS资源》。

本文由Sonny整理。

浏览器大比拼

Sonny — Sat, 12 Apr 2008 04:39:39 +0000

我在用好多个浏览器，你呢？一个？两个？还是三个？如果你还是觉得每个浏览器都是一样的，那就不对了，如果你有兴趣，你可以多装几个，不同核心的几个，而不只是以IE为核心的遨游，TT这些。多个浏览器对于我们弄博客的人来说，是必须的，因为当然改掉一部分代码后，我们必须测试好才算完成，这就需要多个不同的浏览器。下面是我电脑装的浏览器：

图可能不够大，全屏截图可以看这里

现在，就看看这些浏览器究竟有什么不一样。

1、IE系列

细心的朋友会看到，我电脑里有很多个IE版本，从IE3到IE6，自己还独立装着一个IE8，这是怎么做到的？XP默认的是IE6，当然我们升至更高版本时，例如IE7、IE8，IE6自然就会消失，但是现在更多人用的浏览器是IE6，所以不能少的，所有就出现了一个叫Multiple-Ie的软件包，安装后会集成IE3至6所有版本，好吧，现在看看各版本的能力。

首先是IE3，很明显是它并没正确的中文字符编码，所以尖笔头显示得不知所谓。

图可能不够大，全屏截图可以看这里

然后是IE4，能正常显示了，但不断提示经常出错，不过一直点“忽略”的话也可以继续看尖笔头，还有就是它还不是很支持高级的CSS。

图可能不够大，全屏截图可以看这里

从IE5开始可以正常显示，不过还是有出错。

图可能不够大，全屏截图可以看这里

后出来的IE7与IE8就不说了，感觉上IE是最低级的浏览器，因为没办法，自己太牛逼了，不按常规出牌，可以认真留意一下那些为分栏而建的虚线，在其他浏览器不会出现浅色的虚线，如果你对IE3—IE6套装感兴趣，你可以通过这里下载Multiple-Ie。

2、以IE核心为浏览器系列

就是说现在许多浏览器都是在IE的的基础上包装然后弄成更好用的浏览器，如遨游（Maxthon），腾讯TT，还有很多很多大家可能听都没听过的，下面以一款叫极速的浏览器为例，说说它们大致的包装方案：

图可能不够大，全屏截图可以看这里

一般为IE核心的浏览器，都在IE崩溃之后相继崩溃，也就是说它们得靠IE吃饭，但它们有更强大的功能，如一般的标签式打开，广告拦截功能，TT的鼠标手势，还有像上图极速模仿Opera的快速启动页面之类。但是好像这个极速浏览器，它其实速度跟IE一样，而且显示效果都是一样，没有实质的过人之处。

为了更好的说明显示效果，以下以《这里是广东，这里有饮料》为例，声明一下，这篇文章的排版是很失败的，导致不同核心的浏览器显示效果很不一样，后来改过来了，但还可以看出不同。

在极速和IE6里这篇文章的局部显示是一样的，这样：

图可能不够大，全屏截图可以看这里

3、Firefox和以Firefox为核心的浏览器

火狐是最强大的，我总是这样想，它能安装的插件用非常丰富来形容也形容不过来，当然也越来越普及了。所以基于它的浏览器出现了不少，如超轻量级浏览器K-Meleon，还就是已经绝版的netscape-navigator（网景），可以看看它们的显示效果，网景稍微有一点不同：

图可能不够大，全屏截图可以看这里

说说netscape-navigator（网景），前段时间已经宣布不再开发新版本的浏览器了，所以netscape-navigator-9是终极版了，网景小时候是有自己的核心的，后来确实闹得不行，就基于火狐，最后还是不行，令人惋惜。

4、Opera

很简洁，很干净，自创的快速启动窗体，成为别人模仿的对象，打开速度比较快，而且可以直接以IE为外部程序打开网页，对于一些只能以IE打开的网站，Opera没有问题，所以也是一款全能的浏览器。

图可能不够大，全屏截图可以看这里

5、Safri

苹果产品，固然很有特色，是我最喜欢的一款浏览器，渲染速度全球最快，如果打开一个网页需要10秒钟，在前九秒你可能发现Safri毫无反应，但在最后一秒全页面都显示出来，使人有种惊艳的感觉。以前不用它因为它没有中文版而且不支持中文输入，现在新版本，这些都不再是问题了。喜欢Safri是因为它可以把页面显示得特别比，而且无比动感，如果你想尝试一下Safri的特色，你也可以通过这里下载。

图可能不够大，全屏截图可以看这里

总结就是，模仿IE难成大器，对于IE来说，真的应了那句话：一直被模仿，但从未被超越。所以有的人放弃模仿，独创核心。Firefox最强大，Safri最好玩。一台电脑装不同核心的浏览器是很有必要的，这是出于安全考虑，IE令一部分人很讨厌，人们就喜欢攻击它，它的不安全不是因为它有很多漏洞。从今天开始，玩转浏览器。

7个最好的CSS资源

Sonny — Tue, 15 Jan 2008 06:11:33 +0000

无论你用Wordpress还是Z-blog还是其他的博客后台，只要你在做网站，CSS(什么是CSS？)你不得不面对，如何令你的网站风格漂亮，当靠别人是不够的。如何你想学CSS但不知道在哪学，那么很好，今天向大家推荐7个网上最优秀的CSS资源。

1、CSS2 Specification 这是CSS的官方指南，当然你在上面看东西可能会觉得很枯燥，不过不要紧，CSS它说了算，所以真的有心学好，这会是一个很好的选择。

2、The CSS Shark’s CSS Tutorial 对于基本的CSS，这个网站就平易近人得多了，如果你拒绝枯燥，这会是一个很好的选择，而且这个网站还有些使人更易接受的指引。

3、The Noodle Incident’s CSS Panic Guide 当你发现你的CSS有错误时，这是一个非常实用的资源，这个网站非常详细地列出CSS的会出现问题的类别，只要你对号入座，你会找到解决问题的办法，因此你不需CSS的出错而做恶梦了。

4、101 CSS Tips, Tutorials and Examples 它的名字告诉你了，上面有101（当然是不止这么少了）条CSS信息。只要你需要的，你可以在这个网站找到你想要的信息。

5、Design Rant 如果你觉得你不值得浪费时间学习CSS，你可以上这个网站，一位优秀的网页设计师会告诉你你是错的。

6、Fisticuff Design Co. 在这个网站你可以看到许多优秀的实例，会使你完全明白CSS是多么的强大。

7、CSS Zen Garden 这是一个开放的CSS社区，旨在分享设计师如果利用CSS做出令人叹服的效果，即使你不做网页，你上去看看也会留下深刻的印象。

本文由尖笔头编译查看原文

尖笔头 » CSS

20个优秀网站助你征服CSS

1. A List Apart CSS Topics

2. CSS Help Pile

3. CSS Basics

4. Holy CSS Zeldman!

5. Eric Meyer: CSS

6. 456 Berea Street – CSS category

7. /* Position Is Everything */

8. HTML Dog CSS Tutorials

9. Learn CSS Positioning in Ten Steps

10. Andy Budd CSS/Web Standards Links

11. W3CSchools CSS Tutorial

12. css Zen Garden

13. CSS at MaxDesign

14. CSSeasy.com

15. CSS-Discuss

16. Web Design from Scratch: CSS

17.CSS-Tricks

18.CSS on Delicious

19. SitePoint CSS Reference

20. CSSDog

相关东东

16个优秀网站教你网站设计

相关东东

浏览器大比拼

相关东东

7个最好的CSS资源

相关东东