Sunday, April 18, 2010
Web 开发与设计之 Google 兵器谱
http://www.cnbeta.com/articles/108909.htm
感谢锐商企业 CMS的投递
新闻来源:sixrevisions.com
Google 的使命是 Web，在 Google 眼中，未来的一切应用都将 Web 化，一直以来，Google 为 Web 开发与设计者推出了大量免费工具，让他们更好地创建，维护，改善他们的 Web 站点，这些工具包含了开发，分析，维护，修补等等用途，本文将介绍15款这样的工具。
这是 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 流量分析统计工具。
本文国际来源：Six Revisions The Top 15 Google Products for People Who Build Websites (原文作者 Jacob Gube)
中文编译来源：锐商企业CMS 网站内容管理系统 官方网站
Sunday, June 28, 2009
Web 开发与设计师速查手册大全
http://www.cnbeta.com/articles/87545.htm
http://www.cnbeta.com/articles/87989.htm
感谢COMSHARP CMS的投递
新闻来源:tripwiremagazine.com
Cheat Sheet 一词在中文中并没有很贴切的对译，大概是考试作弊条一类的东西，这要求 Cheat Sheet 必须短小精悍又覆盖广泛，作为 Web 开发与设计师，免不了在工作时查询大量资料，某个 Web 色值，某个 JavaScript 库的核心语法，这类资料如果攒齐了，怕有半间屋子那么多，如果用 Cheet Sheet 也许几十页纸就够了，本文收集了近百份用于 Web 开发与设计的 Cheet Sheet，你会发现他们非常实用。
一份完整的 CSS2 速查手册。预览 | 下载 （PDF）
Gosquared CSS help sheets
设计和结构都很整齐，漂亮。下载（PDF）
addedbytes CSS2 Cheat Sheet该速查手册只有一页纸，包含 CSS 2.1 全部选择器和属性，还包含一个盒子模型示例。下载（PDF | PNG）
Core css
将 CSS 的核心知识分成3部分，包含了 CSS 的方方面面。下载 （需免费注册）
CSS Shorthand Cheat Sheet一些不容易记住的 CSS 元素。下载 （PDF）
CSS2 – Quick Reference Guide – PDF 下载（PDF） XHTML 1.1 Cheat Sheet
XHTML 1.1 细则中涉及到的所有元素与属性。预览 | 下载
Gosquared html help sheets设计漂亮，结构精良的 HTML 速查。下载（PDF）
HTML Cheat Sheet一份 A4 纸大小的单页 HTML 速查表。下载 （PDF | PNG）
HTML Character Entities Cheat Sheet该表包含 HTML 4 字符标识，包括 ISO8859-1 (Latin-1) 中的字符。预览 | 下载
HTML Colors Cheat Sheet
该 HTML 颜色表包含 1050 种颜色。预览 | 下载（PDF）
RGB Hex Colour ChartRGB 16进制颜色表。包含216种 Web 安全色。下载 （PNG | PDF）
Scripting 速查手册 JavaScript Cheat Sheet包含 JavaScript 的 的方法与函数，正则表单时，以及 XMLHttpRequest 对象。下载（PNG | PDF）
JavaScript DOM CheatsheetJavaScript DOM 结构速查手册。下载（PDF）
jQuery 1.3 Cheat SheetjQuery 1.3 速查表。预览 | 下载（PDF）
mootools 1.2 cheat sheet另一个 JavaScript 库 MooTools 1.2 速查手册。下载（PDF）
Prototype 1.6.0.2 Cheat SheetJavaScript 库 Prototype 1.6.0.2 速查手册。下载（PDF）
Addison-Wesley’s JavaScript Reference CardJavaScript 参考手册。下载（PDF）
jQuery selectors对 jQuery 开发者来说，该速查手册不可或缺，详细列举了 jQuery 所有选择器。下载 （免费注册）
服务器端编程 PHP Cheat Sheet (V2)单页 PHP 参考手册，包含日期格式，正则表达式以及常用函数。下载 （PDF | PNG）
Php 4 Reference Card PHP4 参考速查手册。下载（PDF） 
PHP Cheat SheetPHP 比较操作速查手册。下载
XML (eXtensible Markup Language) in one page XML 单页速查手册。直接访问
XML Syntax Quick Reference XML 语法参考。下载（PDF） 
SEO 速查手册 The Web Developer’s SEO Cheat Sheet出自 SEO MOZ 的 SEO 速查手册，包括重要的 SEO HTML 标签，搜索引擎索引的限制，Title 标签语法建议等。下载（PDF）
本文资料来源：http://www.tripwiremagazine.com/tools/cheat-sheets/front-end-web-developers-toolbox.html
在Web 开发与设计师速查手册大全（上）中，介绍的主要是 Web 开发者常用速查手册，本文将着重介绍 Web 前端设计者常用速查手册。其中涉及颜色速查表以及 Adobe 众多设计工具的速查手册。
Color Codes
RGB Hex Colour Chart
这张 RGB 16进制颜色速查表刚好可以打印在整张 A4 纸上，包含216种所谓的 Web 安全色。下载（PNG | PDF ）
Color Reference Guide （配色表,下载 PDF ）
Web Safe Color Chart （Web 安全色,下载 GIF ）
HTML Colors Cheat Sheet (预览 | 下载 )
RGB Values for Macbeth Color Checker （Macbeth 色卡之 RGB 色值，预览 ）
Dreamweaver
DreamWeaver CS4 Keyboard Shortcuts (PC)
DW PC CS4 版快捷键速查手册，下载（PDF）
Illustrator
Adobe Illustrator CS4 Shortcuts (Mac – PC )
Adobe Illustrator CS4 快捷键速查表。下载（MAC PDF | PC PDF ）
Indesign
Adobe InDesign CS4 Keyboard Shortcuts (Mac – PC )
Adobe InDesign CS4 快捷键速查表，下载 （MAC PDF | PC PDF ）
Photoshop
Photoshop CS3 Keyboard Shortcut （hotoshop CS3 快捷键速查，下载 PDF ）
Photoshop CS4 Shortcut Cheatsheets （Photoshop CS4 快捷键速查，下载 MAC PDF | PC PDF ）
Brush Tool cheatsheetush Tool cheat sheet for Photoshop （Photoshop 笔刷速查手册，下载 PDF ）
Adobe Photoshop Quick Reference Guide （Photoshop 速查手册，下载 PDF ）
Black & White Cheatsheet For Photoshop （如何在 Photoshop 中处理黑白图,下载 PSD ）
Photoshop Quick reference card (Photoshop 快速参考，下载 PDF )
Photoshop Lasso Tool Cheat Sheet （Photoshop 套索选择工具速查，下载 PDF ）
Photoshop Toolbox Reference （Photoshop 工具箱参考手册，全部 Flash 格式教程，直接浏览 ）
Keys for using the Layers palette （层操作快捷键，直接浏览 ）
Flash
Flash CS4 Keyboard Shortcuts(PC and Mac )
Flash CS4 快捷键速查，下载 MAC PDF | PC PDF
ActionScript 3.0 Top Level Cheat Sheet
ActionScript 3.0 高阶速查手册，下载 PDF
本文来源：http://www.tripwiremagazine.com/tools/design/40-must-have-cheat-sheets-for-effective-web-designers.html
