千万个美丽的未来，抵不上一个温暖的现在，每一个真实的现在，都是我们曾经幻想的未来！
May
23
对于WEB开发，很多人想到的是HTML或者CSS+DIV等技术。看来在2010年的WEB开发方面，还是这些技术占据重要位置。
2009即将结束，2010年的Web会是什么样，或者说，未来的Internet意味着什么，2010会是值得关注的一年。本文从5个方面展望 2010年的Web，包括HTML5，CSS3， 字体服务技术；浏览器；社会媒体；JavaScript框架；以及SAAS。
1.CSS3,HTML5以及字体服务
CSS3，HTML5，以及Typekit一类的字体服务，将给Web设计师带来更多自由。
CSS3的新功能会让Web内容的展示变得更容易，从多背景图，到更强大的选择器，到颜色渐变，到圆角，这一切都让原先复杂的工作变得简单。
HTML5虽然进展缓慢，但必将改变我们描述页面的方式，成为通往语义Web的重要阶梯，为Web带来真正的本地多媒体支持，并改善我们同Web内 容的沟通。
而Typekit一类的字体服务联同@font-face，将允许我们在Web页面上使用任何字体，设计师们不必再依赖CSS背景 图，JavaScript或Flash。
这意味着什么？
这些新技术将为Web世界带来新的美学体验，当然，也会引发新的滥用潮，那些蒙古大夫式的设计师将会大量使用各种花里胡哨的字体和渐变色，使他们的 页面变得难以访问，对专业的设计师而言，这些新功能会让他们的创意更吸引人。
2.Web的消费方式
浏览器领域重新繁荣，诸如GoogleChrome,Firefox,Safari,Opera一类的浏览器大行其道，用户如今拥有更广泛的选择， 厂商之间的竞争更加激烈。浏览器之战进入新的阶段，和过去不同，过去的浏览器之争是微软主导并最终将对手消灭，新的浏览器之争使IE身涉危境。
人们消费Web的方式也在改变，上网不再意味着坐在电脑桌前打开电脑，智能手机越来越普遍，电视可以上网，SP3之类的游戏机，上网 本，iPhone，Android设备都可以在一个相对小的屏幕上给用户带来上网体验。
浏览器本身也在改变，Google Chrome将WebKit引擎，将大部分CSS3和HTML5功能从苹果迁移到Windows，Google在未来几年的目标是争取到10%的市场份 额，这将撼动IE的统治地位，在德国，Mozilla Firefox已经在超过IE成为主导浏览器。
这些因素也将改变我们对Web设计以及可访问性的看法，你的站点是否有一个移动版本？它们在小屏幕上看上去如何？在一个很大的屏幕上看上去又如何？ 在Weibit引擎，或是Gecko引擎，或是Trident引擎上看上去是否一致？
人们对在不同设备上访问Web的观念也在改变，设计师们逐渐意识到，没必要在各种不同设备上输出相同的页面，也无需为不同的设备提供相同的用户体 验。
这意味着什么？
人们将发现Web在不同的浏览器上有不同的样子，诸如渐进式增强的Web技术越来越普遍，为不同Web用户提供不同的体验。同时，放弃对陈旧浏览器 的支持也逐渐为人接受，让用户将压力推向浏览器厂商而不是设计师。另外，人们会将注意力转向内容，功能，可访问性，并注重设计和创意。
3.社会媒体
没有人会否认，2009年是社会媒体极其重要的一年，比如，Twitter已经成为热门话题，它还会继续热门。诸如 Twitter，Facebook一类的平台的发展使Web逐渐成为社区导向的Web，毫无疑问，社会媒体会有大的变革且会实现盈利。
围绕着社会媒体的一个问题是，如何衡量它的价值并获得这份价值。1000个Twitter跟随者价值几何？他们是否将为此收费？在2010年，对这 类问题的解答将导致社会媒体的大变革。
伴随着这些变革，信息的实时获取将成为焦点，Google已经在讨论针对Twitter等平台进行实时搜索的问题。这些改变如何同现有的系统，尤其 是搜索引擎技术集成，将引发一些技术革新。
这意味着什么？
随着越来越多的人参与 Web 信息的创建，我们获取信息的方式将从过去的单一来源向更社区化的来源转变，假如我们要搜索修车行，我们会看到修车行 最新的Twitter或Facebook消息而不是那些过时的静态内容。
4.JavaScript
当CSS3和HTML5开始涉足JavaScript的地盘，JavaScript本身也向Flash逼宫。诸如jQuery一类的框架使富客户 端，异步与无缝用户体验变为现实，Web应用的开发变得更简单，并引发竞争和创新。
JavaScript已经可以帮我们实现过去只能靠Flash实现的东西，如交互式游戏，复杂的交互式数据可视化技术，也使那些富客户界 面，Flash式体验变得更具可访问性。
最近，已经10年没有升级的JavaScript也迎来了它的一次重要升级(中文)，一旦浏览器厂商们吸纳了这些标准，Web开发者们将拥有更强大 工具来创建Web应用。
这意味着什么？
随着CSS3和HTML5开始涉足一些JavaScript的功能（如复杂对象的选取，动态圆角，实时可编辑页面），JavaScript将趋向于 用来处理Web应用与客户端的程序逻辑。JavaScript的最新升级将使Web应用之间更容易相互操作（JavaScript的这次升级的一个主要目 标是实现JSON对象的安全细则）。
5.SaaS-软件即服务
SaaS（软件即服务）已 经不新鲜，象37Signals，GoogleEnterprise一类的SaaS越来越普遍。竞争会越来越激烈，引入门槛低，那些小厂商将有机会和大厂 商展开竞争，2010年，我们会看到这种竞争加剧并带来Web应用的创新。
这意味着什么？
SaaS商业模式会继续取代传统软件的位置，随着上网的人越来越多，人们需要的是基于Internet可以相互操作的系统。
2009即将结束，2010年的Web会是什么样，或者说，未来的Internet意味着什么，2010会是值得关注的一年。本文从5个方面展望 2010年的Web，包括HTML5，CSS3， 字体服务技术；浏览器；社会媒体；JavaScript框架；以及SAAS。
1.CSS3,HTML5以及字体服务
CSS3，HTML5，以及Typekit一类的字体服务，将给Web设计师带来更多自由。
CSS3的新功能会让Web内容的展示变得更容易，从多背景图，到更强大的选择器，到颜色渐变，到圆角，这一切都让原先复杂的工作变得简单。
HTML5虽然进展缓慢，但必将改变我们描述页面的方式，成为通往语义Web的重要阶梯，为Web带来真正的本地多媒体支持，并改善我们同Web内 容的沟通。
而Typekit一类的字体服务联同@font-face，将允许我们在Web页面上使用任何字体，设计师们不必再依赖CSS背景 图，JavaScript或Flash。
这意味着什么？
这些新技术将为Web世界带来新的美学体验，当然，也会引发新的滥用潮，那些蒙古大夫式的设计师将会大量使用各种花里胡哨的字体和渐变色，使他们的 页面变得难以访问，对专业的设计师而言，这些新功能会让他们的创意更吸引人。
2.Web的消费方式
浏览器领域重新繁荣，诸如GoogleChrome,Firefox,Safari,Opera一类的浏览器大行其道，用户如今拥有更广泛的选择， 厂商之间的竞争更加激烈。浏览器之战进入新的阶段，和过去不同，过去的浏览器之争是微软主导并最终将对手消灭，新的浏览器之争使IE身涉危境。
人们消费Web的方式也在改变，上网不再意味着坐在电脑桌前打开电脑，智能手机越来越普遍，电视可以上网，SP3之类的游戏机，上网 本，iPhone，Android设备都可以在一个相对小的屏幕上给用户带来上网体验。
浏览器本身也在改变，Google Chrome将WebKit引擎，将大部分CSS3和HTML5功能从苹果迁移到Windows，Google在未来几年的目标是争取到10%的市场份 额，这将撼动IE的统治地位，在德国，Mozilla Firefox已经在超过IE成为主导浏览器。
这些因素也将改变我们对Web设计以及可访问性的看法，你的站点是否有一个移动版本？它们在小屏幕上看上去如何？在一个很大的屏幕上看上去又如何？ 在Weibit引擎，或是Gecko引擎，或是Trident引擎上看上去是否一致？
人们对在不同设备上访问Web的观念也在改变，设计师们逐渐意识到，没必要在各种不同设备上输出相同的页面，也无需为不同的设备提供相同的用户体 验。
这意味着什么？
人们将发现Web在不同的浏览器上有不同的样子，诸如渐进式增强的Web技术越来越普遍，为不同Web用户提供不同的体验。同时，放弃对陈旧浏览器 的支持也逐渐为人接受，让用户将压力推向浏览器厂商而不是设计师。另外，人们会将注意力转向内容，功能，可访问性，并注重设计和创意。
3.社会媒体
没有人会否认，2009年是社会媒体极其重要的一年，比如，Twitter已经成为热门话题，它还会继续热门。诸如 Twitter，Facebook一类的平台的发展使Web逐渐成为社区导向的Web，毫无疑问，社会媒体会有大的变革且会实现盈利。
围绕着社会媒体的一个问题是，如何衡量它的价值并获得这份价值。1000个Twitter跟随者价值几何？他们是否将为此收费？在2010年，对这 类问题的解答将导致社会媒体的大变革。
伴随着这些变革，信息的实时获取将成为焦点，Google已经在讨论针对Twitter等平台进行实时搜索的问题。这些改变如何同现有的系统，尤其 是搜索引擎技术集成，将引发一些技术革新。
这意味着什么？
随着越来越多的人参与 Web 信息的创建，我们获取信息的方式将从过去的单一来源向更社区化的来源转变，假如我们要搜索修车行，我们会看到修车行 最新的Twitter或Facebook消息而不是那些过时的静态内容。
4.JavaScript
当CSS3和HTML5开始涉足JavaScript的地盘，JavaScript本身也向Flash逼宫。诸如jQuery一类的框架使富客户 端，异步与无缝用户体验变为现实，Web应用的开发变得更简单，并引发竞争和创新。
JavaScript已经可以帮我们实现过去只能靠Flash实现的东西，如交互式游戏，复杂的交互式数据可视化技术，也使那些富客户界 面，Flash式体验变得更具可访问性。
最近，已经10年没有升级的JavaScript也迎来了它的一次重要升级(中文)，一旦浏览器厂商们吸纳了这些标准，Web开发者们将拥有更强大 工具来创建Web应用。
这意味着什么？
随着CSS3和HTML5开始涉足一些JavaScript的功能（如复杂对象的选取，动态圆角，实时可编辑页面），JavaScript将趋向于 用来处理Web应用与客户端的程序逻辑。JavaScript的最新升级将使Web应用之间更容易相互操作（JavaScript的这次升级的一个主要目 标是实现JSON对象的安全细则）。
5.SaaS-软件即服务
SaaS（软件即服务）已 经不新鲜，象37Signals，GoogleEnterprise一类的SaaS越来越普遍。竞争会越来越激烈，引入门槛低，那些小厂商将有机会和大厂 商展开竞争，2010年，我们会看到这种竞争加剧并带来Web应用的创新。
这意味着什么？
SaaS商业模式会继续取代传统软件的位置，随着上网的人越来越多，人们需要的是基于Internet可以相互操作的系统。
May
22
如果你已经是一名优秀的Web开发人员，那请路过即可。如果你还是一个准备入行或刚入行的菜鸟，那本文倒值得一读。要成为一名优秀的Web开发人 员，没有捷径可走，本文就是为那些还在苦苦寻找学习目标的人编写的。
第一步：学好HTML
HTML（超文本标记语言）是网页的核心，因此你首先应该学好它，不要害怕，HTML很容易学习的，但也很容易误用，学懂容易要学精还得费点功夫， 但学好HTML是成为Web开发人员的基本条件。（注：随着HTML 5规范出炉日期 将近，了解HTML 5也将成为Web开发人员的必修课）
学习资源：
HTML Dog （http://htmldog.com/）
HTML入门指南 （http://www.w3.org/MarkUp/Guide/）
W3C HTML学习教程 （http://www.w3schools.com/html/）
第二步：学好服务器端脚本语言
服务器端脚本编程也是Web开发人员的基本功之一，你只需挑选一个服务器端脚本语言，然后学好它，目前流行的服务器脚本语言有：
PHP （http://php.net/）
Python （http://www.python.org/）
Ruby （http://www.ruby-lang.org/en/）
第三步：学好SQL
要构建动态页面就必须使用到数据库，但这么多数据库产品，该 如何是好呢？别担心，它们都会遵循标准的SQL原则，学习SQL的资源包括：
W3C SQL学习教程 （http://www.w3schools.com/SQl/default.asp）
MySQL主页 （http://www.mysql.com/）
SQL维基百科 （http://en.wikipedia.org/wiki/SQL）
第四步：学好CSS
涉及到网页外观时，就需要学习CSS了，它可以帮你把网页做得更美观。
学习资源：
HTML Dog （http://htmldog.com/）
CSS禅意花园 （http://www.csszengarden.com/） 已有中文版图书。
第五步：学好JavaScript
今天大部分Web开发人员都喜欢使用jQuery（http://jquery.com/）， 学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高你的技能。
学习资源：
webmonkey.com上的JavaScript学习资源 （http://www.webmonkey.com/tutorial/JavaScript_Tutorial）
W3C JavaScript学习教程 （http://www.w3schools.com/JS/default.asp）
第六步：学好正则表达式
虽然它并不像其它知识那么重要，但学习了正则表达式后，如果使用得当将会节省你很多时间，从验证到高亮显示它够能帮到你。
第七步：学习一点Unix和Linux的基本知识
这并不是必须的，但知道一点Linux命令不会伤害到你，或许你还不知道，大部分Web服务器都运行在Unix和Linux平台上，如果我是你，我 会去学习一些基本的Linux命令的。
第八步：了解Web服务器
你不必在这上面花太多精力，但对Apache的基本配置，.htaccess配置技巧有一些掌握的话，将来必定受益，而且这方面的知识学起来也相对 容易，不会花多长时间。
第九步：熟悉版本控制系统的用法
熟悉使用一种优秀的版本控制系统将很有用处，你在实际工作中就会发现精通一种版本控制系统是多么幸福。
第十步：学好Web框架
当你掌握了HTML，服务器端脚本语言，CSS和JavaScript后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多 时间，如果你使用PHP，可选的框架有CakePHP，CodeIgniter，Zend等，Python程序员喜欢使用Django和 webpy，Ruby程序员喜欢使用 RoR。
怎么样，从最简单的HTML到Web框架，内容还是不少吧，要想精通这里的每一样技术，都得下苦功夫才行。
原文：10 Steps to Becoming a Great Web Developer
第一步：学好HTML
HTML（超文本标记语言）是网页的核心，因此你首先应该学好它，不要害怕，HTML很容易学习的，但也很容易误用，学懂容易要学精还得费点功夫， 但学好HTML是成为Web开发人员的基本条件。（注：随着HTML 5规范出炉日期 将近，了解HTML 5也将成为Web开发人员的必修课）
学习资源：
HTML Dog （http://htmldog.com/）
HTML入门指南 （http://www.w3.org/MarkUp/Guide/）
W3C HTML学习教程 （http://www.w3schools.com/html/）
第二步：学好服务器端脚本语言
服务器端脚本编程也是Web开发人员的基本功之一，你只需挑选一个服务器端脚本语言，然后学好它，目前流行的服务器脚本语言有：
PHP （http://php.net/）
Python （http://www.python.org/）
Ruby （http://www.ruby-lang.org/en/）
第三步：学好SQL
要构建动态页面就必须使用到数据库，但这么多数据库产品，该 如何是好呢？别担心，它们都会遵循标准的SQL原则，学习SQL的资源包括：
W3C SQL学习教程 （http://www.w3schools.com/SQl/default.asp）
MySQL主页 （http://www.mysql.com/）
SQL维基百科 （http://en.wikipedia.org/wiki/SQL）
第四步：学好CSS
涉及到网页外观时，就需要学习CSS了，它可以帮你把网页做得更美观。
学习资源：
HTML Dog （http://htmldog.com/）
CSS禅意花园 （http://www.csszengarden.com/） 已有中文版图书。
第五步：学好JavaScript
今天大部分Web开发人员都喜欢使用jQuery（http://jquery.com/）， 学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高你的技能。
学习资源：
webmonkey.com上的JavaScript学习资源 （http://www.webmonkey.com/tutorial/JavaScript_Tutorial）
W3C JavaScript学习教程 （http://www.w3schools.com/JS/default.asp）
第六步：学好正则表达式
虽然它并不像其它知识那么重要，但学习了正则表达式后，如果使用得当将会节省你很多时间，从验证到高亮显示它够能帮到你。
第七步：学习一点Unix和Linux的基本知识
这并不是必须的，但知道一点Linux命令不会伤害到你，或许你还不知道，大部分Web服务器都运行在Unix和Linux平台上，如果我是你，我 会去学习一些基本的Linux命令的。
第八步：了解Web服务器
你不必在这上面花太多精力，但对Apache的基本配置，.htaccess配置技巧有一些掌握的话，将来必定受益，而且这方面的知识学起来也相对 容易，不会花多长时间。
第九步：熟悉版本控制系统的用法
熟悉使用一种优秀的版本控制系统将很有用处，你在实际工作中就会发现精通一种版本控制系统是多么幸福。
第十步：学好Web框架
当你掌握了HTML，服务器端脚本语言，CSS和JavaScript后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多 时间，如果你使用PHP，可选的框架有CakePHP，CodeIgniter，Zend等，Python程序员喜欢使用Django和 webpy，Ruby程序员喜欢使用 RoR。
怎么样，从最简单的HTML到Web框架，内容还是不少吧，要想精通这里的每一样技术，都得下苦功夫才行。
原文：10 Steps to Becoming a Great Web Developer
May
22
要成为一名优秀的Web开发者，并没有捷径可走，只能通过自己一步一步的努力去实现，但如果你拥有一些优秀的开发工具，则可以大大提高你的开发效 率。本文将从中挑选出十个最佳工具，供大家选择使用。
1、MySQL Format Date
网址：http://www.mysqlformatdate.com/
MySQL Format Date可以帮助开发者使用MySQL DATE_FORMAT函数来规范化自己的日期数值。开发者只需选择一个通用日期格式，然后对其进行修改来满足自己的需求。页面底部将自动生成MySQL DATE_FORMAT代码，开发者可以直接将它们拷贝粘贴到自己的代码中。
2、Script Src
网址：http://scriptsrc.net
为了及时发现自己所喜爱的Javascript代码库是否有最新版本，Web开发者可能需要不断定期在网络上搜索，这无疑会令人疲倦。 ScriptSrc.net则已经把jQuery、Mootools、Prototype和更多内容汇集到一个网页中，Web开发者只需要点击一下，就能 把相关最新版链接地址复制到自己浏览器的剪贴板中。
3、Em Chart
网址：http://aloestudios.com/tools/emchart/
我从来不喜欢在CSS文件中使用ems来定义文本尺寸，但有时候却又不得不使用它。这时Em Chart可以帮助你省时省力，它能够把ems转化为像素值。
4、Twitter API Explorer
网址：http://twitapi.com/explore/
如果你在自己创建的站点中使用了Twitter API，你一定会喜欢Twitter API Explorer网站，它可以让你通过Twitter API进行搜索。更绝的是，它可以生成立即可用的代码片段。你和你的客户能够实现即时获取。
5、Browser Sandbox
网址：http://spoon.net/browsers
毫无疑问，跨浏览器兼容性是Web开发者在日常工作中不得不面对的最大问题之一。Browser Sandbox让开发者可以从网络上运行任何Windows浏览器。唯一的缺点是，你必须使用Windows系统，该应用不能运行在苹果Mac和 GNU/Linux系统之上。
6、PHP Forms
网址：http://www.phpform.org/
Web表单是网站最重要的部分之一，但创建它们也是一件非常耗时的工作。不过，PHP Forms网站可以免费加速你的表单开发工作，它能够让你创建满足多数网站需求的高级表单。
7、.htaccess editor
网址：http://www.htaccesseditor.com/en.shtml
对任何网站来说，.htaccess文件是必用的。不过即使你还不知道怎么编写一个.htaccess文件，也不用感到担忧，该网站通过一个向导来 帮助你创建.htaccess文件。虽然它不支持非常高级的处理工作，但对于你创建的95%网站来说，它可以满足需要。
8、Smush it!
网址：http://developer.yahoo.com/yslow/smushit/
就信息表达来说，一个图片的价值可能胜过一千句话。但图片也以带宽杀手而闻名。通过使用Photoshop等软件，可以把图片优化以适应Web；但 是如果你没有这样的软件或不会使用它，Smush it也可以满足你的需要。这个在线工具的开发者是雅虎开发者网络，它可以在不降低图片质量的前提下降低图片大小。
9、CSS Compressor
网址：http://www.csscompressor.com/
假如一个网站拥有许多不同的页面布局，其CSS文件往往会变得非常庞大，并且占用大量服务器带宽。CSS Compressor可以通过移除注释、缩减和更多信息，来降低任何CSS文件的体积。另外，你还可以通过该工具配置压缩等级来满足自己的需要。
10、Test everything
该网站是你必须收藏的精品网站之一。从其名称可以看出，它能够让你测试许多事情，诸如XHTML和CSS标记、PageRank和反向链接等。
原文题目：10 must have resources for Web Developers 原文作者：Harsha M V
原文链接：http://variable3.com/blog/2010/05/10-must-have-resources-for-web-developers/
1、MySQL Format Date
网址：http://www.mysqlformatdate.com/
MySQL Format Date可以帮助开发者使用MySQL DATE_FORMAT函数来规范化自己的日期数值。开发者只需选择一个通用日期格式，然后对其进行修改来满足自己的需求。页面底部将自动生成MySQL DATE_FORMAT代码，开发者可以直接将它们拷贝粘贴到自己的代码中。
2、Script Src
网址：http://scriptsrc.net
为了及时发现自己所喜爱的Javascript代码库是否有最新版本，Web开发者可能需要不断定期在网络上搜索，这无疑会令人疲倦。 ScriptSrc.net则已经把jQuery、Mootools、Prototype和更多内容汇集到一个网页中，Web开发者只需要点击一下，就能 把相关最新版链接地址复制到自己浏览器的剪贴板中。
3、Em Chart
网址：http://aloestudios.com/tools/emchart/
我从来不喜欢在CSS文件中使用ems来定义文本尺寸，但有时候却又不得不使用它。这时Em Chart可以帮助你省时省力，它能够把ems转化为像素值。
4、Twitter API Explorer
网址：http://twitapi.com/explore/
如果你在自己创建的站点中使用了Twitter API，你一定会喜欢Twitter API Explorer网站，它可以让你通过Twitter API进行搜索。更绝的是，它可以生成立即可用的代码片段。你和你的客户能够实现即时获取。
5、Browser Sandbox
网址：http://spoon.net/browsers
毫无疑问，跨浏览器兼容性是Web开发者在日常工作中不得不面对的最大问题之一。Browser Sandbox让开发者可以从网络上运行任何Windows浏览器。唯一的缺点是，你必须使用Windows系统，该应用不能运行在苹果Mac和 GNU/Linux系统之上。
6、PHP Forms
网址：http://www.phpform.org/
Web表单是网站最重要的部分之一，但创建它们也是一件非常耗时的工作。不过，PHP Forms网站可以免费加速你的表单开发工作，它能够让你创建满足多数网站需求的高级表单。
7、.htaccess editor
网址：http://www.htaccesseditor.com/en.shtml
对任何网站来说，.htaccess文件是必用的。不过即使你还不知道怎么编写一个.htaccess文件，也不用感到担忧，该网站通过一个向导来 帮助你创建.htaccess文件。虽然它不支持非常高级的处理工作，但对于你创建的95%网站来说，它可以满足需要。
8、Smush it!
网址：http://developer.yahoo.com/yslow/smushit/
就信息表达来说，一个图片的价值可能胜过一千句话。但图片也以带宽杀手而闻名。通过使用Photoshop等软件，可以把图片优化以适应Web；但 是如果你没有这样的软件或不会使用它，Smush it也可以满足你的需要。这个在线工具的开发者是雅虎开发者网络，它可以在不降低图片质量的前提下降低图片大小。
9、CSS Compressor
网址：http://www.csscompressor.com/
假如一个网站拥有许多不同的页面布局，其CSS文件往往会变得非常庞大，并且占用大量服务器带宽。CSS Compressor可以通过移除注释、缩减和更多信息，来降低任何CSS文件的体积。另外，你还可以通过该工具配置压缩等级来满足自己的需要。
10、Test everything
该网站是你必须收藏的精品网站之一。从其名称可以看出，它能够让你测试许多事情，诸如XHTML和CSS标记、PageRank和反向链接等。
原文题目：10 must have resources for Web Developers 原文作者：Harsha M V
原文链接：http://variable3.com/blog/2010/05/10-must-have-resources-for-web-developers/
May
22
Google的使命是Web，在Google眼中，未来的一切应用都将Web化。一直以来，Google为Web开发与设计者推出了大量免费工具， 让他们更好地创建、维护、改善他们的Web站点，这些工具包含了开发、分析、维护、修补等等用途，本文将介绍15款这样的工具。
1. Google Chrome Developer Tools
这是Google Chrome中类似 Firefox Firebug以及Web Developer Toolbar的一个扩展，用于调试你的网页，包含一个DOM探测器，一个JavaScript调试台，可以设置执行断点和跟踪，一个类似YSlow的执 行分析器。
2. Webmaster Tools
一个对网站拥有者来说非常有用的程序，可以帮助你从各个角度改善自己的站点。可以发现站点中的恶意程序，发现搜索引擎爬虫遇到的错误，可以发现你的 HTML代码中需要改进的部分。还可以帮你发现你的站点中最热门的网页，并发现你站点中的错误链接。
3. Google Web Toolkit
Google Web Tootlkit （GWT）是一个Web开发基础框架，为开发者提供了一些基础类库，GWT同Google的其它产品，如 AdWords，FeedBurner，Google Ajax类库等紧密集成，这里有一个Google Docs教程。
4. Google Code Search
帮助开发者搜索代码，支持正则表达式搜索，或在一个高级搜索界面中，很直观地搜索那些可能会让你事半功倍的公共代码。
5.Page Speed
Google现在已经将网站加载速度算到搜索排名算法中，Page Speed可以帮助你分析你的网站性能，基于Google Web性能最佳实践。
6. Browser Size
该工具帮你分析，你的网页在不同浏览器，不同浏览尺寸下的显示状况，非常适合看看自己的网页在不滚动的情况下，在各种浏览尺寸下显示到哪里。
7. Google Ajax Libraries API
Google Ajax Libraries API包含多种流行的JavaScript库（目前有10种），并可以从Google高性能的CDN网络中加载，既节省了你的服务器带宽，同时，由于用户 可能已经在别的网站加载过这个库，因此可以显著加快这些库的加载速度。
8. Google Website Optimizer
接着这个工具，你可以对自己的网站进行 A/B 测试，并对网站进行优化。
9. Sites
顾名思义，Google Sites可以帮你创建一个托管的网站，可以将包括 YouTube，幻灯，Gmail日历，Google Gear小程序，Google Docs一类的应用集成其中。如果将站点设置为不公开，你可以将这个工具用于个人文档工具。
10. Speed Tracer
以可视化方式，帮你分析你的Web程序中各种元素的加载或运行速度与实践，这里有一些关于这个工具的用例。
11. Project Hosting
这是Google Code项目的一部分，可以帮你托管你的开源项目，Web开发与设计者还可以在这里找到大量现成的项目以供借鉴或套用。
12. Google App Engine
这是一个可用来托管自己的Web程序的地方，甚至可以使用自己的域名。这里有一个教程，讲解如何使用Google App Engine来创建一个留言本。Google App Engine中已经托管了大量的Web程序。
13. Google Chart Tools
Google Chart Tools可以帮助你将数据转化为图表，并嵌入自己的网页，这些图表还拥有交互功能，可以钻入，或通过鼠标盘旋获取详细信息，还可以实现动画图表。
14. Closure Tools
Closure Tools是Google Labs的一个开发套件，包含3个工具，闭包编译器（一个JavaScript优化器），闭包函数库（用于Ajax程序开发）以及一个用于动态生成 HTML的闭包模板。
15. Google Analytics
经典的Google流量分析统计工具。
1. Google Chrome Developer Tools
这是Google Chrome中类似 Firefox Firebug以及Web Developer Toolbar的一个扩展，用于调试你的网页，包含一个DOM探测器，一个JavaScript调试台，可以设置执行断点和跟踪，一个类似YSlow的执 行分析器。
2. Webmaster Tools
一个对网站拥有者来说非常有用的程序，可以帮助你从各个角度改善自己的站点。可以发现站点中的恶意程序，发现搜索引擎爬虫遇到的错误，可以发现你的 HTML代码中需要改进的部分。还可以帮你发现你的站点中最热门的网页，并发现你站点中的错误链接。
3. Google Web Toolkit
Google Web Tootlkit （GWT）是一个Web开发基础框架，为开发者提供了一些基础类库，GWT同Google的其它产品，如 AdWords，FeedBurner，Google Ajax类库等紧密集成，这里有一个Google Docs教程。
4. Google Code Search
帮助开发者搜索代码，支持正则表达式搜索，或在一个高级搜索界面中，很直观地搜索那些可能会让你事半功倍的公共代码。
5.Page Speed
Google现在已经将网站加载速度算到搜索排名算法中，Page Speed可以帮助你分析你的网站性能，基于Google Web性能最佳实践。
6. Browser Size
该工具帮你分析，你的网页在不同浏览器，不同浏览尺寸下的显示状况，非常适合看看自己的网页在不滚动的情况下，在各种浏览尺寸下显示到哪里。
7. Google Ajax Libraries API
Google Ajax Libraries API包含多种流行的JavaScript库（目前有10种），并可以从Google高性能的CDN网络中加载，既节省了你的服务器带宽，同时，由于用户 可能已经在别的网站加载过这个库，因此可以显著加快这些库的加载速度。
8. Google Website Optimizer
接着这个工具，你可以对自己的网站进行 A/B 测试，并对网站进行优化。
9. Sites
顾名思义，Google Sites可以帮你创建一个托管的网站，可以将包括 YouTube，幻灯，Gmail日历，Google Gear小程序，Google Docs一类的应用集成其中。如果将站点设置为不公开，你可以将这个工具用于个人文档工具。
10. Speed Tracer
以可视化方式，帮你分析你的Web程序中各种元素的加载或运行速度与实践，这里有一些关于这个工具的用例。
11. Project Hosting
这是Google Code项目的一部分，可以帮你托管你的开源项目，Web开发与设计者还可以在这里找到大量现成的项目以供借鉴或套用。
12. Google App Engine
这是一个可用来托管自己的Web程序的地方，甚至可以使用自己的域名。这里有一个教程，讲解如何使用Google App Engine来创建一个留言本。Google App Engine中已经托管了大量的Web程序。
13. Google Chart Tools
Google Chart Tools可以帮助你将数据转化为图表，并嵌入自己的网页，这些图表还拥有交互功能，可以钻入，或通过鼠标盘旋获取详细信息，还可以实现动画图表。
14. Closure Tools
Closure Tools是Google Labs的一个开发套件，包含3个工具，闭包编译器（一个JavaScript优化器），闭包函数库（用于Ajax程序开发）以及一个用于动态生成 HTML的闭包模板。
15. Google Analytics
经典的Google流量分析统计工具。
