猫灿先生博客,简约即美
标签归类 » 相册网站

Photo Gallery重新整合上线

2013 年 03 月 04 日 上午 2:47

Photo Gallery

最近一段时间网站都有在进步,外观上未作大调整,主要是功能上的优化完善,提升整站的响应速度。由于网站托管在美国,本来就有一定的速度限制,如果不精简冗余的code,执行起来会更耗时。因此重写了主站和各个子站的模板,全部从XHTML1.0标准升到HTML5,而且通过W3C的认证,这个过程也学习了很多新知识。HTML严格来讲不是编程语言,仅是一种标记语言,构建网站的大框架,其中的具体功能则需要像PHP这样的面向对象网络编程,与数据库进行交互得以实现。现在主流的HTML4还是1999年互联网泡沫时代前的技术,十多年过去网络技术迅猛发展,新的技术标准也随之应运而生,就是正在开发中的HTML5。HTML5增加了更多标签,力求做到功能强大又易于操作,少依赖第三方插件如Adobe Flash,可以看看一个地址定位的示例,纯HTML5打造,具体来讲有以下几个开发标准:

  • New features should be based on HTML, CSS, DOM, and JavaScript
  • Reduce the need for external plugins (like Flash)
  • Better error handling
  • More markup to replace scripting
  • HTML5 should be device independent
  • The development process should be visible to the public

既然HTML5还未官方正式发布,不是所有浏览器都能支持这个新技术的全部特性,当前支持最好的是Chrome,因为谷歌是新标准核心开发成员之一。我曾经在博客里讲过,Chrome是当前性能最优的浏览器,IE虽暂时凭借装机量依然市场占有第一,但已逐步被Chrome和Firefox取代,至于什么所谓的360浏览器之类,都是在别人的核心上面加点皮毛。采用新技术如jquery编写的网站,在Chrome中有着极好的表现。所以大部分的Web Developers很鼓励访问者使用Chrome,对IE的不足勉强做个补丁支持一下。针对移动用户,则大多是Safari使用者,而且限于屏幕尺寸,网站需要重新设计。我们以前提到过,对于Wordpress博客可以用WP-Touch这类的插件判断来访者是否使用移动设备,切换为另一套适合移动设备的template,用不同的设备查看Bamboo Talk!就可以理解区别在哪里以及为什么要做这些改进。至于网站如何优化提速,包括像script应该放在文档的什么位置这样既简单却无统一答案的问题,Google开始着力于解决这些疑问,具体的内容本文不多述,请查看Web Performance Best Practices

好了,要说重点了~就是原来的Photo Gallery和喵星看图整合了,成为全新的Photo Gallery,作为我的网络相册展示。对于网络相册的管理实行站内组合站外(包括百度相册Picasa,分别对应国内国外访问者),站外相册更全面,站内相册主要是精选,而且图片也不托管在本地,而是采用外链,这点谷歌的Picasa做得非常好。虽然Picasa网站在国内不能访问,但是图像外链却是可用的,正好可以用来托管图库。主题基于iphoto重新设计,javascript进行了打包,结合多说社会化评论模块,整体界面精简同时功能齐全、强大。主页采取Pinterest布局,建议还是用Chrome访问会比较流畅。不在于访问量多少,就是帮我管理好值得收藏的照片。不追求站点的高排名,高Page Rank,只要这个开发和使用的过程是让我感到愉悦的,我想就可以了。

前往访问新版Photo Gallery

-->
Bamboo Talk! is Mr. Maocan's private blog. Hope you enjoy your every visit here!