加载中...

设计与开发之间本有一线界限，但当时代步入又一个十年，这个线变得更加模糊甚至感觉不到它的存在。使用PS设计网页版面，足矣？或许五年前是吧！现在的互联网用户要求越来越多。没有内涵的华丽很快就会被丢弃。如果你追求华而不实的设计，那么相信你很快会被时代遗弃。2011年不再属于单纯的华丽而是注重功能。新的一年或者未来十年的设计趋势是响应设计（responsive design）、持续联系（constant connection）和虚拟现实（virtual reality）。

经过这段时间国内（百度，淘宝，新浪）及国外（Facebook，Youtube，Yahoo）各大公司的集中自曝，我们可以从中总结出2010 Web前端技术的一些趋势。总的来说，随着后端技术（存储，并发，分布式）的成熟，各大公司已经把重点从后端架构调整/建设转移至前端（TTI时间，快速发布，带宽利用率）。但作为明星技术的HTML5/CSS3，都未正式成为各公司的考虑重心，虽有所尝试，但在关键功能上，均未成为主力。这也W3C对当前HTML5/CSS3标准现状的表述：“不适宜用作生产环境”一致。

基本概念

简单实用的Google Code

第一步：进入http://code.google.com/

用户行为数据的收集

用户一般的购物流程：搜索了什么，看了哪些产品的详细介绍，最终购买了什么产品,都会被亚马逊记录下来。其他用户历史购买行为也在这里派上了用处，成为有利相关推荐。因为用户做购物决策的时候，也想知道其他人都看了什么，买了什么。

原文地址：http://www.tgideas.com/?p=887

第1章   引言

1.1 改版目的

为了配合DNF第五章新版本上线，并改善DNF官网的用户体验和功能，DNF开始了新的官网改版行动。

本次改版主要优化了页面结构布局，增加一些新功能和新板块，提高页面加载速度，改善用户的细节操作体验，为用户带来新的视觉感受。

更加华丽的介绍，请参见http://games.enet.com.cn/article/A1120100126050.html

1.2 官网主要调整

本次官网改版，主要有以下四个方面的调整。

首页增加赛事信息板块：随着DNF赛事的日益增多，为了方便玩家了解查询当年的各项比赛事宜，在官网显著位置添加了赛事信息板块。

首页增强游戏资料板块：为了新手用户更快的了解游戏，增加了游戏资料板块内的分类，增加了各种快速通道链接。

“你如何为成千上万的用户和页面提供CSS？” 这是Nicole Sullivan在她的在丹佛的Web Directions North 大会上的幻灯片中尝试回答的问题。得益于 面向对象的CSS (OOCSS) ，这个想法从社区收集到了大量的反馈。

OOCSS显然已经不仅仅是一个工具了，它还是一种思考的方式。根据这个观念可以有很多优势，主要来说有：

• 它可以让你写更快的、可维护的、基于标准的前端代码。
• 它在CSS中预先加入了一些必须的元素，这样即便是初学者也可以参与写出漂亮的网站。

OOCSS 基于两个主要原理：

1. 分离结构和表现；
2. 分离容器和内容。

建议花些时间看一看 面向对象的CSS的幻灯。总共有64页，绝对值得一看。

GIF

GIF是一种调色板型（palette type）（或者说是索引型）的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题（译者注：想简单地了解一下gif的历史,请点这里）,所以你在创建gif图片的时候不会再有被抓进监狱的危险。（想要了解更多关于gif的历史,请点击这里.）

GIF是一种无损压缩的格式，这意味着当你修改并且保存了图片的时候,它的质量不会有任何损耗。

GIF格式也支持动画.在黑暗的web1.0时代，它导致了大量多余的昙花一现的“新”图片（blinking “new” images），循环的@符号（rotating @ signs），birds dropping，a email以及其他一些让人厌烦的东西的出现。在更加文明的web2.0时代，在等待一个更新页面的ajax请求的时候，我们仍然会看到 “loading”动画，但是也有一些比较讨人喜欢的东西,人们喜欢把它们放在自己的网络上。不管怎么说，如果你有需要，就可以使用动画支持。

GIF也支持透明度，透明度的值是一种布尔类型数据。GIF图片里的一个象素