摘要：几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。LivePipeLivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。LivePipe 首页与 阅读全文

摘要：我们每天使用的工具与服务中，至少有一款来自 Google，不管是搜索，还是电子邮件，还是在线文档或是其它（虽然它们中的大部分在长城的另一边）。这么多产品，功能，快捷键很不容易记住，本文搜集了11款备受欢迎的 Google 产品的速查手册，可以帮助你更好地使用这些工具与服务。Gmail Shortcuts (Gmail 快捷键)Google Reader Keyboard Shortcuts （Google Reader 快捷键）Google Calculator Cheat Sheet （Google 计算器命令速查表）Keyboard shortcuts for Google Present 阅读全文

摘要：移动时代，是任何 Web 设计与开发者都不能忽视的一个时代，总有一天，你设计的东西将被显示在两种屏幕上，桌面大屏幕和移动小屏幕，如何让同一个网站同时适应完全不同的两种尺寸的屏幕，这是一个很久以来都没有完美解决方案的问题，直到有了 CSS3。CSS3 的 Media Queries在 CSS2 时代，如果你曾经为你的网站设计过打印版 CSS，就会明白 CSS3 Media Queries 的作用，不过，CSS3 的 Media Queries 比 CSS2 的 Media Type 更实用，事实上，CSS2 的 Media Type 并不曾被多少设备所支持过。CSS3 的 Media Queri 阅读全文

摘要：URL 设计是 Web 设计中常被忽视的东西，事实上 URL 非常重要，这不仅是一个网页唯一的路径，还涉及到你的站点是否干净，友好。本文讲述 URL 这个司空见惯的 Web 元素中包含的大量不应为忽视的知识，准则与最佳实践。需要注意的是 W3C 建议使用 URI 取代 URL 一说。关于 URL 的一些准则首先是与 URL 有关的一些准则。一个 URL 必须唯一地，永久地代表一个在线对象URL 的最基本的使命是唯一地代表 Internet 上的一个对象，URL 必须和 Internet 上的对象一对一匹配。然而现实中，这很难实现，我们经常可以通过多个 URL 到达同一个页面，比如， http: 阅读全文

摘要：世界上最好用的工具是锤子，因为上面一个按纽都没有，很多工具没人使用不是因为功能不好，而是功能太多。CMS 是网站内容管理系统，它的作用是帮助网站所有者自主创作站点内容，并对这些内容进行组织。目前，全球大约有数千家 CMS 供应商，他们的目标市场各不相同，比如 Vignette 的客户包括 Cathy Pacific 和 2004年雅典奥运会，而 Microsoft Share Point 这样的轻量级系统几乎可以应用到任何小规模的组织。除了商业 CMS ，近年来如雨后春笋般冒出来的开源 CMS 也让人目不暇接，开源 CMS 最大的特点是功能丰富，既然开源，人人都愿意将自己心目中理想的功能加进去 阅读全文

摘要：Technorati 评选出最受关注的100个博客，这100个博客分别使用什么Blog/CMS系统创建？CMS Wire 通过分析每个博客的页面代码，并询问部分博客主，最终得到以下清单：WordPress - 34 Movable Type - 16 Custom CMS - 11 Blogsmith/Weblogs - 8 Gawker CMS - 8 TypePad - 7 Blogger/Blogspot - 6 Drupal - 5 Plone - 1 Scoop - 1 Expression Engine - 1 Community Server - 1 City Desk (Fog 阅读全文

摘要：Wordpress 是一个博客程序，但很多人希望它成为真正的 CMS，Wordpress 的默认主题是标准的博客风格，一个博客日志列表，加一个堆满各种链接的侧条，Wordpress 的杂志主题可以改变这种情形，以下3个最好的 Wordpress 杂志主题。Mimbo 2.2Mimbo 可以帮助你创建非常出色的重点文章区，分类目录区，这些都可以通过很少的一点代码实现。Mimbo 完全免费，也是这3个 Wordpress 杂志主题中唯一免费的。RevolutionRevolution 是一个顶尖的 Wordpress 杂志主题，支持 Widget，支持定制，非常适合在线杂志，在线报纸以及其它想把 阅读全文

摘要：CSS 3 + HTML 5 是未来的 Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本文介绍了 5 个 CSS3 技巧，可以帮你实现未来的 Web，不过，这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web 设计社区，或者不会有客户向你投诉的场合。1. 圆角效果CSS3 新功能中最常用的一项是圆角效果，标准 HTML 方块对象是90度方角的，CSS3 可以帮你实现圆角。-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; 甚至单个角也可以实现圆角，不过 阅读全文

摘要：第一篇随笔曾介绍过 10 个基于 JavaScript 的 WYSIWYG（所见即所得） 编辑器，这些 Web 编辑器可以在线编辑和处理富 Web 内容，包括格式文本，表格，图片，媒体，链接等等，非常适合集成到 CMS 网站内容管理系统中使用。本文又搜集了 22 个 Web 在线编辑器，它们基本代表了当前 Web 编辑器的现状。1. TinyMCE免费，开源，轻量，基于 JavaScript，高度可定制，跨平台。2. FCKEditor免费，开源，用户量庞大，有良好的社区支持。3. YUI Editor属于 Yahoo! YUI 的一部分，能输出纯净 XHTML 代码。4. NicEdit简单 阅读全文

摘要：支持 CSS3 和 HTML5 的浏览器越来越多，甚至包括最新版的 IE，当然，所谓支持仅仅是部分支持，因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。需要指出的是，即使同一个浏览器的同一个版本，在 Mac 和 Windows 两个平台，它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome， Safari， Firefox， Opera， IE 5 大浏览器，在 Mac 和 Windows 两个平台，对 CSS3 和 HTML5 各种功能的详 阅读全文

摘要：作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力 的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳，这是第二部分。Kaleido为你的代码创建视觉化标识。来自麻省理工。Sketchpad一个强大的在线图像编辑器。难能可贵的是，这是基于 HTML5 的。Unicode code converter虽然界面有些乱，但这个工具能把一段文字转换成各种编码形式。Grid System Generator另一个网格设计生成器。ud.com namecheck （强 阅读全文

摘要：作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在，这是第一部分。LaunchList站点发布前的工作清单，预设了28个需要检查的事项，也可以自定义。同类工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。Pencil Project: Sketching and Prototyping wit 阅读全文

摘要：在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似 Office的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器，它们有的是基于 jQuery 框架，有点则不是。MarkitUp - jQueryOfficial Website | Demo功能不是很多，但很轻量，很灵活。打包后只有6.5K大小。jWYSIWYG - jQueryOfficial Website | Demo非常基本的编辑器，简单为本。打包后只有7K。Lightw 阅读全文