这50个CSS网站是由WebDesignerWall评选出来的,很具参考价值。我们在欣赏的同时,也能从中吸取很多灵感,也能从它们的源代码中学习更高级的CSS技术。今年,越来越多的设计师开始使用超大的背景图片技术和一些JavaScript框架(如jQuery及MooTools)来提高用户体验。还有一些设计师将Flash和CSS混合使用。

您还可以参考以下CSS相关资源:

精选15个国外CSS框架
推荐20个让你学习并精通CSS的网站
20+漂亮的网站分类存档设计赏析(下)
20+漂亮的网站分类存档设计赏析(上)
推荐80个使用超大背景图片的网站设计

Let It Bleed

巨大而醒目的图片使得这个网站鹤立鸡群。

Vermont Coffee Works

很好的混合使用了Flash和CSS。

Digital Mash

Good

很好的视觉和内容聚焦设计。

Wilson Miner

DrupalCon, DC

Future of Web Apps – Miami 2009

完美的将超大字体与破旧风格效果混合在了一起。

Housing Works

在首页使用了很漂亮的超大背景图。超大背景的网页设计最近比较热门。

Future of Web Design – NYC 2008

另一个超大背景图设计的实例。

Tennessee – Fall

我不得不承认,Tennessee的网站的确是一个相当棒的系列设计——秋天、春天、夏天和冬天。

Tennessee – Spring

Tennessee – Summer

Tennessee – Winter

Five Runs

Branded07

Cappuccino

具有非常好的可用性的且很有组织性的网站。

LightCMS

LightCMS公司的一些铅笔/速写效果,网站上仍然能体现他们公司的感觉。

The First Twenty

非常漂亮的单页设计。

YouLove.Us

非常完美的使用CSS和JavaScript(jQuery)

Luke Larsen

Luke Larsen的水族馆主题很好的证明如何使用好jQuery的Scrollto 插件.

Design Disease

波浪和各种圆形让这个网站变得很生动有趣。

Adaptd

虽然设计风格让我想起了ISO50 (Scott Hansen),但它仍然值得推荐。

Jason Santa Maria

Electricurrent

这个网站证明了如何使用超大背景图片来展现摄影作品。

Training by Collective Idea

MacAllan Ridge

很好的视觉设计,简单的导航!棒极了!

Pikaboo

组合了CSS、JavaScript和Flash的非常酷的设计。

Mochi Ads

Volll

Fling Media

eWedding

Viget

Viget很好的在他们的系列博客中保持了他们的品牌形象——Inspire, Advance, Engage, and Extend.

Viget – Inspire

Viget – Advance

Viget – Engage

Viget – Extend

August

使用了Flash可扩展背景图片的惊人设计(调整浏览器的尺寸可看到扩展后的背景图)

Car Freaks

这个博客会经常更换他们的首页背景图片来保持新鲜感。

Go To China

这个一个使用高清晰度照片作为网站背景图的完美实例。在调整浏览器大小后网站的背景图也会随之扩展。(使用JavaScript CSS实现)

Jesus Christ

Billy Hughes

Free People

FreePeople 是我一直很喜欢的设计(喜欢它的拼贴风格)

Mouse to Minx

复古…性感…

Dara’s Garden

Design Sponge

剪贴薄设计风格与网站的内容很好的结合。

Ma.tt

The Lippincott

Hot Meteor

喜欢它的复古字体。

Fortyseven Media

The Old State

很少能找到这样漂亮的黑白主题。

2008年国外50个最佳CSS设计欣赏的更多相关文章

  1. 2016 年 50 个最佳的轻量级 JavaScript 框架和库

    作者:IT程序狮链接:https://zhuanlan.zhihu.com/p/24598210来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 回顾今年已发布的 JS ...

  2. 最强数据集50个最佳机器学习公共数据,可以帮你验证idea!

    1.  寻找数据集の奥义 根据CMU的说法,寻找一个好用的数据集需要注意一下几点: 数据集不混乱,否则要花费大量时间来清理数据. 数据集不应包含太多行或列,否则会难以使用. 数据越干净越好,清理大型数 ...

  3. SQL 2008 R2下载 升级R2 SP1或者SQL 2008从10.50.1600升级10.5.2500

    SQL Server 2008 R2 中英文 开发版/企业版/标准版 链接地址 一. 简体中文 1. SQL Server 2008 R2 Developer (x86, x64, ia64) - D ...

  4. 2013年度最新最佳CSS网页设计实例

    CSS在网页设计中扮演着举足轻重的角色,尤其是CSS3和HTML5的出现,让我们更加相信CSS能给我们带来无限的遐想和强有力的视觉冲击.今天我要给大家推荐几个最新CSS佳作,虽然本人没有设计头脑,但还 ...

  5. SQL 2008升级SQL 2008 R2完全教程或者10.00.1600升级10.50.1600

    http://blog.csdn.net/feng19821209/article/details/8571571 SQL 2008升级SQL 2008 R2完全教程或者10.00.1600升级10. ...

  6. SQL 2008升级SQL 2008 R2完全教程或者10.00.4000升级10.50.1600

    今天将由于需要就将我的SQL 2008升级到SQL 2008 R2. 说到为什么要升级是因为,从另一台机器上备份了一个数据库,到我的机器上还原的时候提示“System.Data.SqlClient.S ...

  7. 关注经典:CSS Awards 获奖网站作品赏析《第一季》

    每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品.这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站.这些鼓舞人心的网站作品代表了网页设计的最高水平,相信 ...

  8. 一个经验丰富的网站建设程序员的CSS资料

    没有就不能活的 53 个 CSS 技术 对新手实用的 20 个 CSS 建议 快速编写更好 CSS 代码的 5 种方法 50+ 个 CSS 创意案例和教程 101 个 CSS 小贴士.教程和范例 CS ...

  9. HTML和xhtml,CSS

    索引: 初学者入门书籍 高级进阶书籍 W3C官方手册 网站架构 移动平台网站开发 视频资源 开发工具 初学者入门书籍: 中文电子书    深入浅出html pdf中文版 魅丽的网页设计 JAVA WE ...

随机推荐

  1. 本地JAR包打入本地mvn仓库

    新建目录my-lib,将jar包移动到目录中,添加pom文件(用alipay测试) <project xmlns="http://maven.apache.org/POM/4.0.0& ...

  2. hexo next主题深度优化(一),加入pjax功能。

    文章目录 背景: 进入正题 pjax初体验--instantclick 真正的pjax 第一步 第二步 第三步 第四步 专门基于hexo next主题的pjax(将丢失的js效果重现) 将下面讲到的提 ...

  3. 3. 初识jmeter及JDK安装

    jmeter 介绍 Apache JMeter™应用程序是开源软件,100%纯Java应用程序,旨在加载测试功能行为和测量性能.它最初是为测试Web应用程序而设计的,但后来扩展到其他测试功能. Jme ...

  4. RZ、NRZ、NRZI、曼彻斯特编码

    Frm: http://blog.sina.com.cn/s/blog_78e87ba10102wj9g.html 在数字电路中,组成一连串信息的基元就是0和1,无论是在CPU.DSP.MCU甚至是个 ...

  5. Bagging vs Boosting vs Stacking

    原文地址:https://www.jianshu.com/p/9dacdc88d3ec Bagging 用于减小方差. 使用训练数据的不同随机子集(大小常等于训练数据,采用不放回的方式进行抽取)来训练 ...

  6. 7年Java后端被淘汰,一路北漂辛酸史。。。

    作者:春天花会开foryou oschina.net/question/3465562_2281392 今天分享一位同行的经历: 本人Java开发6年半不到7年的样子. 英语专业,临毕业跟着隔壁专业去 ...

  7. (数据科学学习手札57)用ggplotly()美化ggplot2图像

    一.简介 经常利用Python进行数据可视化的朋友一定用过或听说过plotly这样的神器,我在(数据科学学习手札43)Plotly基础内容介绍中也曾做过非常详细的介绍,其渲染出的图像以浏览器为载体,非 ...

  8. 《代码大全2》读书笔记 Week2

    <代码大全2>第四.五章 第四章“关键的‘构建’决策”主要有以下三要点:1.每种编程语言都有优点和缺点,程序员应根据需要选择编程语言,尽量选择熟悉的语言以提高生产效率.作为一种表达工具,编 ...

  9. 编写Storm程序

  10. linux 下格式化命令小记

    mkfs.ext4 /dev/sda1    # 格式化为ext4分区mkfs.ext3 /dev/sda1    # 格式化为ext3分区mkfs.ext2 /dev/sda1    # 格式化为e ...