N9之前写过这篇教学文章,以前博客被和谐了,现在的又遇到工作需要,不得不再重新提一下;
当然,我把文章标题换了,《图片保存的艺术》改成了《Web图片保存的艺术》;
图片是如何拍摄,如何设计的,不在本文的讨论范围,这里我只说一下基于对Web浏览的需要的JPG图片压缩;

话不多,原图地址在这里

大家可以看到,原图的属性(来源500px,摄影师:Daniel Bosma);

这么一张这么漂亮的图片,我很像通过网站分享给大家,我也想通过手机App分享给大家;
388kb的文件大小,电信的3G信号,用了2秒+,如果用户是移动的GPRS信号,那我只能说抱歉了,下载的等待时间将会超过8秒;

阅读全文 …

2013 年 4 月 8 日 吴成果, 吴技术

老规矩,先放图和链接,大家先饱眼福:

人人网-时间轴介绍页

波特兰设计周

阅读全文 …

2013 年 2 月 5 日 吴成果, 吴技术

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

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

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

阅读全文 …

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

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

响应式Web,也称之为自适应Web;
当然就是可以根据客户端浏览设备的屏幕分辨率,自动调整排版的Web页面;

做了个简单的页面:
测试地址(请使用移动设备测试) http://www.54575.com/mobile/flexwrap/index.html

本人HTC G7手机截图(竖屏+横屏):

阅读全文 …

2012 年 7 月 13 日 吴成果, 吴技术

第一式(橙色背景,Windows8风格布局)

第一式(暗红色背景,Windows8风格布局)

第二式(博客风格,浅灰色背景,半Windows8风格)

不知道哪个更好呢?

2012 年 5 月 4 日 吴成果, 吴技术