分类文章存档: Web前端

7条大型网站设计和维护的关键技巧[译文]

原文出处:7 Crucial Tips for Designing and Maintaining a Large Site | Nettuts+

译者:alswl

* * * * * * * * * * * 以下为译文 * * * * * * * * * * * * *

项目范围和规模各不相同,他们带来的挑战各不相同一样。作为一个独立的网页设计师,我最大的职责就是负责FlashDen。随着成千上万的活动用户聊天,上传和购物,网站处理着大额的金钱和巨大的流量。

设计,重构,维护和开发团队的工作给了我一些能使事情变得更容易的用用的见解和技巧。而且,就在昨天,我们开始了对网站最大的一次重构,着看上去是一次很好的机会来记录我最有用的7个秘诀。 阅读全文 »

IE XML 缓存问题

明天开始上交毕业设计初稿,其中有一节是遇到的问题和解决办法。我把平时在BooguNote 中的琐碎片段整理出来,便有了此文。

PS:之前已经有过3篇相关毕设的文章:

CakePHP的全局变量

FMS的80端口占用

SWFObject 一款JavaScript的Flash检测与插入模块

—- 正文开始 —-

问题背景

系统要实现一个操作,即每次向同一个url 请求一个GET方法获取一个xml文件,这个xml文件记录着聊天数据并且是即时生成的。当用FireFox或者Chrome请求时候都能获得正确的数据,而IE则常常出现无法获取实时的XML数据。

而如果在地址栏中填入 http://localhost/AzaAjaxChat/src/Chat/getXml?messageId=41 这个原始的XML文件地址,就可以获取正确的XML文件。并且在下次IE 的 HTTPRequest请求时候就正常了。看来问题出在IE自身的缓存上面。 阅读全文 »

SWFObject 一款JavaScript的Flash检测与插入模块

今天开始AzaAjaxChat的视频聊天模块,拖FMS的福,实现起来很轻松,不过后来在JavaScript和Flash的交互上遇到了问题。

Flash在各个浏览器中的实现始终是个麻烦的事情,什么Object Embed~,似乎没有什么标准的格式,一般都要做一些浏览器Hack,我对这些深痛恶绝,在泡了一下午前端相关的论坛后,偶然发现一款JavaScript交互的神器。

SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块

SWFObject是一个用于在HTML中方面插入Adobe Flash媒体资源(*.swf文件)的独立、敏捷的JavaScript模块。该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。此外,它能够避免您的 HTML、XHTML中出现object、embed等非标准标签,从而符合更加标准。
(即:通过text/html应答页面, 而非application/xhtml+xml)

官方在Google Project Host中,下载的代码包中有一个简单的Example,也包含了SWFObject的源码,感兴趣的同学可以研究一下。

相关链接:

swfobject – Project Hosting on Google Code

SWFObject中文的帮助文档

如果你也像我这样为Flash发愁,不妨试试这个小巧的js~

界面设计利器-Balsamiq Mockups

在最近的一次项目进行过程中,我体会到UI前期Demo设计的重要性,为此付出了惨痛的代价,痛定思痛,我决定以后一定要通过一个完整的页面对界面进行描述,这里隆重介绍Mockups。

之前很多次接触过Balsamiq Mockups 这款界面设计利器(delicious最早收藏是在09年5月),也曾经试用过Demo版本,因为我本身是后台码代码的,所以用到UI设计的机会并不多,也没有特意去申请Mockups的许可证。

介绍

阅读全文 »

flower shop 汉化

死党的女朋友的一门网页设计课需要作品,向我求援。我看了一下他们的课件,没有什么动态语言,静态的Html页面即可。

99款高质量免费(X)HTML/CSS模板-DIV+CSS模版下载 | 彬Go看到很多款极佳的网页设计,反复删选后,决定选用一款Flower Shop的作品。

原始预览:http://csscreme.com/freetemplates/flower_shop/
原始下载:http://csscreme.com/tpsaveas.php?tp=flower_shop.zip

阅读全文 »