推荐： 蓝色理想论坛新开的WEB标准化专栏正在讨论设计革命之网站重构。

最新文章

为何使用表格排版是不明智的 [专题]
迄今为止，表格仍然主导着视觉丰富的网站的设计方式，但它却阻碍了一种更好的、更有亲和力的、更灵活的，而且功能更强大的网站设计方法。下面我们开始寻找这个问题滋生的源头，并学习创建过渡性的，甚或完全不需表格的排版方式。[2004.04.13]
Jeffrey Zeldman 谈 Web 标准 [新]
来自 Zeldman.com，A List Apart 和 Web Standard Project 为标准而战的武士 Jeffrey Zeldman 的访谈录。 Zeldman 谈到了标准的各种人为方面、标准的采用情况、为何 W3C 应该多倾听 Web 专业社群的呼声、以及一直被误认为 George Clooney，和其他浪漫的事。[2004.03.21]
Ryan Carver 访谈：重新打造 Lee Jeans 网站
几个月前，当 Lee Jeans 的 onetruefit.com 刚刚出现在人们的眼前，就立刻引起了我们的关注。我们对采用 Web 标准的众多技术站点已经司空见惯，但这第一个采用 Web 标准打造的时装网站还是让我们惊喜不已。[2004.03.12]
XHTML + CSS 好站推荐
符合 Web 标准的站点并非都是死板无味的。在艺术家看来，挣脱了表格的禁锢，让想象力借助 XHTML 和 CSS 赋予的魔力，自由自在，尽情挥洒。
原来网站竟然可以这样设计的！
用 CSS 实现的阴影效果 [ala]
“…假如有一种技术，用 CSS 对任意块级元素灵活地添加阴影，而且能随着内容的大小自动扩展，还要适用于大多数流行的浏览器，那该有多好！不信么？告诉您，只需写几行代码就能做到。”[2004.02.28] More...
用 Mozilla 调试网页
Mozilla 是个非常好的网页制作和 Web 开发工具，不但可以作为编辑器，而且还可以用作调试工具。本文将介绍 Mozilla 的几个很酷的特性，如 JavaScript 控制台、Cookie 管理、页面信息、JavaScript 调试器和 DOM 查看器等，可以用它迅速查出和排除网页和Web应用程序的错误。 [2004.02.27] More...
CSS 禅意花园主人 Dave Shea 访谈
也许你没听说过他的名字，但是，如果你是个认真的网站设计师，一定听说过 CSS Zen Garden (CSS 禅意花园) 这个站点。其构想很单纯 - 提供网页的源文件，人们可以用 CSS 将它设计成各式各样的风格并提交上来。它反映了时代的潮流，并立即吸引了顶尖平面设计师的注意力，激发了Web设计师学习掌握CSS的热情。为什么？看多了早期的标记语言大师们死板的设计，我们终于可以领略艺术家和平面设计师们用 CSS 所能达到的设计境界。[2004.02.25] More...

Mozilla

PNG 透明度演示 COOL!
你用Mozilla吗？请欣赏透明PNG 图片，演示。IE 免进。
一行补丁：Mozilla 1.6 版无法从“查看页面信息”对话框保存文件
Mozilla 1.6 [中文版] 无法从“查看页面信息”保存文件的补丁。 [2004.02.17]
Mozilla Firefox 0.8 预览版发布
Mozilla 基金会今天宣布发行它的下一代Web浏览器 Mozilla Firefox 的预览版。 Mozilla Firefox 0.8 代表了领先的 Internet 技术，将易用性、性能、稳定性和对标准的支持提高到一个新的高度。[2004.02.09] More...

Web 开发技术文章

CSS 锦囊
在使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。 [2004.02.08]
101件 Mozilla 浏览器能而 IE 不能做的事
Mozilla [中文版] 浏览器被 PC World 杂志评为2003年最佳浏览器，这并非徒有虚名。本文列出了 101 件在 Mozilla 浏览器 (版本 1.2) 上能做到，但 IE (版本 6.0) 上做不到的事。其实，Mozilla 的最新版本的功能比作者这里所提到的更为强大，无论是普通用户或Web开发者都应该看看这片文章。 [2004.02.01]
Google 网站品质指南
在网上可以找到许多关于网站推广和搜索引擎优化的技巧，但是很少有关注网站内容和质量的。请看 Google 为网管们提的建议：你的网页是为用户制作的，不是为搜索引擎写的。避免采用那些目的是提高搜索排名的花招。老实而又高明的做法就是为你的网站做到了全心全意地投入... [2004.01.31]
XML与数据库
本文对怎样使用XML和数据库进行了总体回顾，描述了以数据为中心和以文档文中心的文档之间的差异如何影响其在数据库中的应用，将XML和关系型数据库的一起使用的常见用法，以及什么是原生XML数据库和何时使用它。[2004.01.23]
弹性设计 [ala]
既不是流动的，也不是固定的 - 弹性设计 (通过CSS) 结合了两者的长处。如果能处理好，就能很好地增进网站的亲和力，充分利用容易忽略的屏幕和浏览器能力，启迪你的创意灵感。[2004.01.28]
深入亲和力 [专题]
即使你不是个 HTML 专家也别紧张。就算你的网站只是自己的网志 (weblog) ，而且打从你选好样板后就没再碰过它们，也别太担心。在这里我不是要你彻底地重新设计你的网站，诅咒你那些嵌套表格，并且把一切转换成 XHTML 与 CSS。只是在跟你聊聊你已有的基础，并利用一些简单而重要的改变让它更好。

实用工具

ColorMatch Remix 网页调色板
网页制作配色利器！本调色板借用了许多 ColorMatch 5k 的代码，改进了浏览器兼容性，由于使用了更好的滑块控件，现在可以在 Mozilla 中使用，而且应该可以在 Opera 中运行。 此外还增加了三种颜色，使自动产生的颜色数达到九种，并且可以将您选的颜色输出为 Photoshop 的颜色表。
XML pretty [XML 整容工具]
将XML文件重新格式化，得到漂亮的格式，可以选择缩进一个、两个字符或一个制表位。

CSS 网页布局[P.I.E 专题]

IE 浮动模型的 Bug
如果用表格布局，Internet Explorer 的表现和别的浏览器并无二致。但是如果用 CSS 来定位时， IE 表现得相当怪异。其中之一就是他对浮动的处理方式。[2004.01.30]
三栏复合布局演示
三个分栏的复合布局演示。[2004.02.06]
顺序排列的分栏
就是它！三个高度总是相同的分栏，中间栏先出现在源文件中，两端是任何高度的顶栏和底栏， 所有栏目的颜色都不同，而且边界都是一样长的。在所有现代浏览器中的效果非常一致。 仅限于固定宽度。[2004.01.18]
浮动模型问题
揭示了各种浏览器究竟是如何处理浮动的
绝对定位的臭虫
当嵌套使用绝对定位的区块会出现什么？
自由伸展的三栏式版面
实现带有页首和页尾的流动全尺寸三栏式版面，各自都有不同的背景。
依原始码顺序排列的栏段
谁说不能实现依原始码顺序排列的三个栏段？请看例子。

关于本站 About onestab.net

本站关注采用 Web 标准进行网站设计和开发技术，宗旨是：

如果您的站点是采用 Web 标准设计的，即采用 XHTML 描述内容、用 CSS 控制外观、标记语义清晰、不采用表格布局、代码通过了 W3C 验证，恭喜您！

本站文章全部为手工打造，没有使用任何 WYSIWYG 工具，不使用表格布局(Why? 请看为何使用表格排版是不明智的)。 为获得最佳的浏览效果，请使用符合Web标准的浏览器 (如 Mozilla )浏览。
本站访问者来源前三位：Google | baidu | blueidea。