先来看几个网站实例:

1.bakkenbaeck.no

2.greatcoffeeapp.com

3.lanu.fm

模糊背景的优势: 
1.简单又不失美观
2.突出和衬托主题内容
3.不夺取用户的目光焦点

模糊背景的图的尺寸:
考虑到现在主流浏览器的分辨率最高为2880×1800(Mac的Retina屏);
但本博主不建议使用如此高清的图片作为网页背景,因为一张2880×1800分辨率的图片,大小在1Mb以上;
大多数用户的显示器分辨率不会超过1920×1200,所以这个1900×1200分辨率的图片作为模糊背景图,完全合适;
如果仅仅考虑到中国用户的显示器分辨率,今天1680×1050的图片也足矣;
阅读全文 …

2012 年 11 月 15 日 吴成果, 吴技术

看了这么多漂亮的单页网站,是不是也蠢蠢欲动了?是否你想把自己的博客,或者企业网站也做成单页?
你必须在改变或者新建之前,看看下文:

1.必要的前端技术的支持
HTML5,CSS3,这是单页网站实现的技术前提;
提示:用Jquery可以让单页实现变的非常的简单(后文会提到更多的实现工具和技巧);
如果需要异步提交/加载数据,还需要Ajax技术的支持;

2.浏览器的支持;
如果访问网站的用户,50%以上用的是IE6/7,请谨慎考虑使用单页技术;

阅读全文 …

2012 年 10 月 30 日 吴成果, 吴技术

最近在研究HTML5的时候,发现了很多国外的网站,都运用了一种单页的展示技术,这些网站多数都设计的特别漂亮;
所以,今天独立开辟一个话题“单页网站”,来对这个新的网站表现形式说一下自己的看法;

今天第一篇,从色开始,一些非常漂亮的单页,可惜的是大多数都是老外的网站,国内的不多:
PS:请准备好Chrome/Firefox/Opera/Safari,如果你是用IE浏览,请自觉过滤掉这篇文章;

愤怒的小鸟

atomicduo.com

阅读全文 …

2012 年 10 月 26 日 吴成果, 吴技术