HoNG's wEbdEsign

<c> 发起全国网站重构大赛

2010.02

cwsrc.org发起于2010年并举办第一届全国网站重构大赛, 致力于探索出一条科学合理、适合于中国网站与中国用户的前端代码结构、开发流程与思路, 促进全国前端开发工作者互相交流与学习, 提升前端开发的影响力.

<a href="http://cwsrc.org/">

<l> LIFANG 昉(Technical Support)

2009.11

<a href="http://lifangdesign.com/">

<a> 画圈 - 美术高考画室大全(SNS概念)

2009.09, hong17 (* hong17代表个人完成的第17个网站, 以此类推)

全国是一个大圈, 我们按省区划分为许多个小圈圈. 你究竟要去哪个"画圈"?

注: 概念只是阐述一下自己的想法

<a href="http://artdq.com/">

<b> 璧有瑕(SNS概念)

2009.08, hong16

网络上充诉着大量的虚假信息, 它们都像障眼法, 阻碍了我们做出正确地判断……说出不同的声音, 只评论商品的缺点, 与托儿做斗争, 帮助消费者全面了解商品!

<a href="http://biyouxia.com/">

<c> 传奇画室网站2009年版(XML网站)

2009.05, hong15

使用XML+XSLT技术开发, 模块化设计结构, 以信息架构为出发策划设计网站, 并在审美与商业中寻找最佳平衡点.

<a href="http://chuanqiart.com/">

<n> 发起 No IE Standards 行动(XML网站)

2009.04

这是一场解放Web开发者的行动. 将来所有浏览器都以统一的标准呈现页面, 开发者不再需要解决浏览器兼容问题, 更多地时间将投入创意和技巧....

<a href="http://no-ie-standards.org/">

<n> Web前端开发技术规范

2009.03

曾经效力于富基公司时制定, 并一直维护更新着它, 自己经常也会上去Copy写好的代码, 比如 /* baisc */.

补充: 虽然别人叫它"CSS Reset", 但接触CSS以来自己就这么用, 没人教过我, 不改称呼了保持"原生态"!

CSS Sprites 不慎翻译成了 CSS显灵板, 不知是否合适... [嗯, 至今我也想不起为什么会在脑子里出现这个名字]

有很多自创的CSS Hack技巧都在脑子里, 有时间整理整理...

<a href="http://design-hong.com/norms/norms.xml">

<i> 凤凰网(ifeng.com)首页 Web标准重构

2009.02

应用Web标准, 结构良好和富有语义的XHTML对网页进行重构并通过W3C Valid XHTML 1.0 Strict校验;

书写模块化、公共更高、代码更少、益于维护的CSS表现语言, 解决主流浏览器和向后兼容问题;

运用准则, 例如减少HTTP请求、CSS Sprites等技术, 进行Web前端性能优化——节省了39%最终用户响应时间(且是未汲及服务器端配置的情况下, 详细见《报告书》);

补充: 必须肯定一下, 原稿的前端代码和性能已经很好了, 只是仍有优化空间. 1995行的CSS减少到1017行, 几乎50%, 请问哪个开发效率高?

<a href="/ifeng.com/">Web标准重构版</a>

附: 2009年1月9日原版 报告书(Part 1)

<m> 美国欧咪伽健康产业集团

2008.10, hong14

精简XHTML与高重用率CSS, 提高开发效率便于修改; 数据库优化设计减小冗余信息、实现产品无级分类等, 精简但完善的后台管理用以网站维护.

<a href="http://mgomj.com">

附: 项目手册[11p]

<u> New York English International

2007.12, hong13

策划"纽约国际英语 New York English International"留学/教育机构公司网站.

<a href="http://uknny.com">

附: 项目手册[18p] 合同书 网站结构说明与策划

<b> 拓瑞网 BitTorrentWonder

2007.07, hong11

于2007年7月开发与设计, 是一个以BT影视发布/下载为主的娱乐性网站, 允许注册会员发布/上传, 分享资源, 发表影评、文章、问片等;

上线几个月后, 日IP接近1000, 在收入100美元后因工作原因, 停止更新...

<e> e-Magazine 花开de寂寞(电子杂志)

2007.05

截图: 0 1 2 3(flash) 4 5(flash) 6 7 8(flash) 9 10

下载: e-Magazine_ANGels_Q-Zone.exe(29.0 MB)