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

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

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

您可能感兴趣的相关文章

 

Two minute teacher test

这是来自挪威的一个教师招聘活动的网站,用于在线测试教师的技能是否达到了要求。使用了大量的 HTML5 和 CSS3 技术来实现交互效果,能够自适应屏幕,在移动设备上也能够完美呈现。

Air Jordan 2012

乔丹篮球鞋的宣传网站,使用了市场滚动(Parallax Scrolling)效果,带给你身临其境的数字体验。

The Expressive Web

来自 Adobe 的展示 HTML5 和 CSS3 特性的网站项目,以形象生动的例子演示了加入到现代Web中最有创造性和表现力的功能,另外还提供了众多具有视觉冲击力的HTML5和CSS3学习资源。

Babel The King

这是一本 iPad 和 Android 平板电脑的互动儿童书。该网站使用大量的动态效果,营造出强烈的立体感。

Folicuré México

来自墨西哥一个网站,旨在告知顾客有关脱发的原因和应采取的预防措施,以防止秃头。视觉外观使用的是一个经典的理发店布局。

Bernd kammerer photography

这是一个摄影师作品展示网站。响应式设计,因此完全兼容所有的屏幕尺寸。翻阅照片时,键盘和手势控制支持往后靠的操作体验。

MINI CROSSOVER. BIG POINT

日本的一个汽车展示网站,页面滚动的时候会有平滑的动画效果,充满吸引力。

The License Lab

手工制作的声波启示。选择制作音乐目录和独家商业许可。美国制造。

 

CaptainDash

CaptainDash 生产实时仪表板营销。智能数据,美丽的信息图表和炫酷的界面组成了新的商业智能的一部分。

 

Weyland Industries

Weyland 公司用于招商引资项目的网站。比较典型的水平滚动导航设计,界面设计带有浓郁的未来科技氛围。

您可能感兴趣的相关文章

 

本文链接:经典的 CSS Awards 获奖网站作品赏析《系列一》

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
8天前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML和CSS之旅
【9月更文挑战第32天】在这个数字化的时代,拥有一个个人博客不仅是展示自我的平台,也是技术交流的桥梁。本文将引导初学者理解并实现一个简单的个人博客网站的搭建,涵盖HTML的基础结构、CSS样式的美化技巧以及如何将两者结合来制作一个完整的网页。通过这篇文章,你将学会如何从零开始构建自己的网络空间,并在互联网世界留下你的足迹。
|
2月前
|
前端开发
导航新风尚:CSS梯形设计,让网站菜单不再单调!
导航新风尚:CSS梯形设计,让网站菜单不再单调!
|
9天前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML与CSS之旅
【9月更文挑战第31天】在这个数字时代,拥有一个个人博客网站是展示自我、分享知识和连接世界的重要方式。本文将引导你通过简单的HTML和CSS知识,一步步构建起你的在线空间。无论你是编程新手还是希望通过实践加深理解,这篇文章都将是你的理想指南。我们将探索基本概念,实现页面布局,并点缀以个性化样式,最终将静态页面转变为动态交互式网站。准备好了吗?让我们开始吧!
|
15天前
|
前端开发
网站变灰白css
本文介绍了如何通过CSS滤镜效果实现网站变为灰白色,具体方法是在HTML或BODY标签上应用`filter`属性,使用`progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)`和`-webkit-filter: grayscale(100%)`实现灰度效果。
26 0
|
2月前
|
前端开发
视觉充电:CSS动画特效,为网站带来动力与活力!(一键复制)
视觉充电:CSS动画特效,为网站带来动力与活力!(一键复制)
|
2月前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML、CSS与JavaScript之旅
在这个数字时代,拥有一个个性化的网络空间已成为许多人的梦想。本文将引导你了解如何从零开始,使用HTML、CSS和JavaScript创建属于自己的博客网站。我们将探索这些技术的基础概念,并通过实际代码示例展示如何将静态页面转变为动态交互式网站。无论你是编程新手还是希望扩展技能的开发者,这篇文章都将为你提供一条清晰的学习路径。【8月更文挑战第31天】
|
2月前
|
前端开发
视觉冲击:CSS实现相册图片的放大效果,让网站首页更震撼!
视觉冲击:CSS实现相册图片的放大效果,让网站首页更震撼!
|
4月前
|
数据库 数据安全/隐私保护 Python
Web实战丨基于django+html+css+js的电子商务网站
Web实战丨基于django+html+css+js的电子商务网站
67 3
|
4月前
|
前端开发 安全 数据安全/隐私保护
Web实战丨基于django+html+css+js的在线博客网站
Web实战丨基于django+html+css+js的在线博客网站
72 2
|
3月前
|
前端开发 SEO
css实用技巧——最佳可访问性隐藏(网站左上角的logo,用label替代表单提交按钮)
css实用技巧——最佳可访问性隐藏(网站左上角的logo,用label替代表单提交按钮)
31 0