怎样制作单页网站?国外优秀案例给你灵感


单页网站是提供给用户简约易用的体验的好方法。在一个单页面中展示你需要的所有内容可能是一个充满挑战性的过程,但很多设计师喜欢这个风格,并创作出很多惊人的单页网站...

      单页网站是提供给用户简约易用的体验的好方法。在一个单页面中展示你需要的所有内容可能是一个充满挑战性的过程,但很多设计师喜欢这个风格,并创作出很多惊人的单页网站作品。

  从用图片和文字构成的简单页面到惊人的视差滚动效果,有几种不同的方法来创建单页网站。怎样制作单页网站?下面这组国外优秀的单页网站案例将带给你灵感。

Mixio

11 Inspiring Single Page Websites

VTcreative

11 Inspiring Single Page Websites

Yellow Conference

11 Inspiring Single Page Websites

Black Creative

11 Inspiring Single Page Websites

CampaignLabs

11 Inspiring Single Page Websites

Heikopaiko

11 Inspiring Single Page Websites

Darren Wilson

11 Inspiring Single Page Websites

PageLanes

11 Inspiring Single Page Websites

The Kyoto Protocol Petition

11 Inspiring Single Page Websites

Drawtoclick

11 Inspiring Single Page Websites

Gabe Abadilla

标签:

相关资讯

三分钟HTML5画布(Canvas)动画教程

通常大部分Web程序员平时的工作只是开发一些常规的网站、信息化办公系统等。在他们的眼里,Web游戏动画开发程序员似乎神奇的多,Web游戏动画明显比普通的Web应用要灵活,

LESS-Middleware:Node.js 和 LESS 的完美搭配

LESS 是一个编写 CSS 的很好的方式 ,让你可以使用变量,嵌套规则,混入以及其它许多有用的功能,它可以帮助您更好地组织你的 CSS 代码。   最近我一直在研究 Node.j

JavaScript中的原型和继承

JavaScript中的原型和继承

请在此暂时忘记之前学到的面向对象的一切知识。这里只需要考虑赛车的情况。是的,就是赛车。 最近我正在观看 24 Hours of Le Mans ,这是法国流行的一项赛事。

简单做出HTML5翻页效果文字特效

之前在网上看到一款比较有新意的HTML5文字特效,文字效果是当鼠标滑过是出现翻开折叠的效果,类似书本翻页。于是我兴致勃勃的点开源码看了一下,发现其实实现也挺简单的,主

两种常用编程的比较 声明式和命令式

先统一一下概念,我们有两种编程方式:命令式和声明式。   我们可以像下面这样定义它们之间的不同: •命令式编程:命令“机器”如何去做事情(how),这样不管你想要的是

18个HTML5和JavaScript游戏引擎库

18个HTML5和JavaScript游戏引擎库

1) Best HTML5 and javascript game engine Library- Impactjs 2) Best HTML5 and javascript game engine Library - Craftyjs 3) Best HTML5 and javascript game engi

如何用程序解图片迷宫?

如何用程序解图片迷宫?

 英文原文:Representing and solving a maze given an image  译注:原文是 StackOverflow 上一个如何用程序读取迷宫图片并求解的问题,几位参与者热烈地讨论并给出了自己的

7款HTML5精美应用教程 让你立即爱上HTML5

7款HTML5精美应用教程 让你立即爱上HTML5

你喜欢HTML5吗?我想下面的这7个HTML5应用一定会让你爱上HTML5的,不信就一起来看看吧。1、HTML5/jQuery雷达动画图表 图表配置十分简单之前我们介绍过不少形形色色的HTML5图表

html标签的语义化之搜索引擎优化

为了使我们的网站更好的被搜索引擎抓取收录,更自然的获得更高的流量,网站标签的语义化就显得尤为重要。所谓标签语义化,就是指标签的含义。为了更好的理解标签的语义化,先看下面

HTML5体验改进的14条军规

来自公园《HTML5——用新方式创造更好的用户体验》线下活动中来自火速轻应用的技术总监胡敏东的分享。 1. fake 页 - 首屏加速目标:首屏 3s 以内 因为 71% 的用户期望移动页