本站为 Web 开发技术站点，目的是推动 Web 标准化，展示最新设计技术，包括CSS, XHTML, HTML, XML ...，介绍国外优秀网页制作和设计站点精品文章 http://www.onestab.net/ zh-CN http://www.onestab.net/seybold/index.html 迄今为止，表格仍然主导着视觉丰富的网站的设计方式，但它却阻碍了一种更好的、更有亲和力的、更灵活的，而且功能更强大的网站设计方法。下面我们开始寻找这个问题滋生的源头，并学习创建过渡性的，甚或完全不需表格的排版方式。 jjgod Tue, 13 Apr 2004 16:30:38 GMT http://www.onestab.net/a/interview_jz.html 来自 Zeldman.com，A List Apart 和 Web Standard Project 为标准而战的武士 Jeffrey Zeldman 的访谈录。 Zeldman 谈到了标准的各种人为方面、标准的采用情况、为何 W3C 应该多倾听 Web 专业社群的呼声、以及一直被误认为 George Clooney，和其他浪漫的事。 onestab Sun, 21 Mar 2004 03:49:38 GMT http://www.onestab.net/a/interview_rcarver.html 几个月前，当 Lee Jeans 的 onetruefit.com 刚刚出现在人们的眼前，就立刻引起了我们的关注。我们对采用 Web 标准的众多技术站点已经司空见惯，但这第一个采用 Web 标准打造的时装网站还是让我们惊喜不已。 onestab Fri, 12 Mar 2004 16:08:39 GMT http://www.onestab.net/csssites.html 符合 Web 标准的站点并非都是死板无味的。在艺术家看来，挣脱了表格的禁锢，让想象力借助 XHTML 和 CSS 赋予的魔力，自由自在，尽情挥洒。原来网站竟然可以这样设计的！ onestab Thu, 04 Mar 2004 07:56:37 GMT http://www.onestab.net/a/ala/cssdropshadows.html “…假如有一种技术，用 CSS 对任意块级元素灵活地添加阴影，而且能随着内容的大小自动扩展，还要适用于大多数流行的浏览器，那该有多好！不信么？告诉您，只需写几行代码就能做到。” onestab Sun, 29 Feb 2004 11:34:45 GMT http://www.onestab.net/a/mozdev.html Mozilla 是个非常好的网页制作和 Web 开发工具，不但可以作为编辑器，而且还可以用作调试除错工具。本文将介绍 Mozilla 的几个很酷的特性，如 JavaScript 控制台、Cookie 管理、页面信息、JavaScript 调试器和 DOM 查看器等，可以用它迅速查出和排除网页和Web应用程序的错误。 onestab Sat, 28 Feb 2004 11:06:49 GMT http://www.onestab.net/a/interview_daveshea.html 也许你没听说过他的名字，但是，如果你是个认真的网站设计师，一定听说过 CSS Zen Garden (CSS 禅意花园) 这个站点。其构想很单纯 - 提供网页的源文件，人们可以用 CSS 将它设计成各式各样的风格并提交上来。它反映了时代的潮流，并立即吸引了顶尖平面设计师的注意力，激发了Web设计师学习掌握CSS的热情。为什么？看多了早期的标记语言大师们死板的设计，我们终于可以领略艺术家和平面设计师们用 CSS 所能达到的设计境界。 onestab Wed, 25 Feb 2004 14:24:03 GMT http://www.onestab.net/a/csscribsheet.html 在使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。 onestab Fri, 27 Feb 2004 15:17:18 GMT http://www.onestab.net/a/mozilla101.html Mozilla 浏览器被 PC World 杂志评为2003年最佳浏览器，这并非徒有虚名。本文列出了 101 件在 Mozilla 浏览器 (版本 1.2) 上能做到，但 IE (版本 6.0) 上做不到的事。其实，Mozilla 的最新版本的功能比作者这里所提到的更为强大，无论是普通用户或Web开发者都应该看看这片文章。 [2004.02.01] onestab Fri, 06 Feb 2004 06:33:47 GMT http://www.onestab.net/a/googleguidelines.html 在网上可以找到许多关于网站推广和搜索引擎优化的技巧，但是很少有关注网站内容和质量的。请看 Google 为网管们提的建议：你的网页是为用户制作的，不是为搜索引擎写的。避免采用那些目的是提高搜索排名的花招。老实而又高明的做法就是为你的网站做到了全心全意地投入... onestab Fri, 27 Feb 2004 15:13:52 GMT http://www.onestab.net/x/XMLAndDatabases_zh.html 本文对怎样使用XML和数据库进行了总体回顾，描述了以数据为中心和以文档文中心的文档之间的差异如何影响其在数据库中的应用，将XML和关系型数据库的一起使用的常见用法，以及什么是原生XML数据库和何时使用它。 onestab Fri, 20 Feb 2004 09:21:01 GMT http://www.onestab.net/a/ala/elastic.html 既不是流动的，也不是固定的 - 弹性设计 (通过CSS) 结合了两者的长处。如果能处理好，就能很好地增进网站的亲和力，充分利用容易忽略的屏幕和浏览器能力，启迪你的创意灵感。 onestab Sat, 28 Feb 2004 17:11:38 GMT http://www.onestab.net/dia/index.html 即使你不是个 HTML 专家也别紧张。就算你的网站只是自己的网志 (weblog) ，而且打从你选好样板后就没再碰过它们，也别太担心。在这里我不是要你彻底地重新设计你的网站，诅咒你那些嵌套表格，并且把一切转换成 XHTML 与 CSS。只是在跟你聊聊你已有的基础，并利用一些简单而重要的改变让它更好。 onestab Sat, 07 Feb 2004 15:45:02 GMT http://www.onestab.net/colormatch/index.html 网页制作配色利器！本调色板借用了许多 ColorMatch 5k 的代码，改进了浏览器兼容性，由于使用了更好的滑块控件，现在可以在 Mozilla 中使用，而且应该可以在 Opera 中运行。 此外还增加了三种颜色，使自动产生的颜色数达到九种，并且可以将您选的颜色输出为 Photoshop 的颜色表。 onestab Sun, 25 Jan 2004 18:11:32 GMT http://www.onestab.net/pretty/index.php 将XML文件重新格式化，得到漂亮的格式，可以选择缩进一个、两个字符或一个制表位。 onestab Mon, 26 Jan 2004 19:19:39 GMT http://www.onestab.net/a/pie/articles/float-bugs-1.html 如果用表格布局，Internet Explorer 的表现和别的浏览器并无二致。但是如果用 CSS 来定位时， IE 表现得相当怪异。其中之一就是他对浮动的处理方式。[2004.01.30] onestab Fri, 30 Jan 2004 17:19:35 GMT http://www.onestab.net/a/pie/3colcomplex.html 三栏复合布局演示 onestab Fri, 06 Feb 2004 16:42:27 GMT http://www.onestab.net/a/pie/ordered-borders-center.html 就是它！三个高度总是相同的分栏，中间栏先出现在源文件中，两端是任何高度的顶栏和底栏，所有栏目的颜色都不同，而且边界都是一样长的。在所有现代浏览器中的效果非常一致。仅限于固定宽度。 onestab Sat, 17 Jan 2004 22:50:38 GMT http://www.onestab.net/a/pie/floatmodel.html 揭示了各种浏览器究竟是如何处理浮动的 onestab Fri, 06 Feb 2004 06:14:43 GMT http://www.onestab.net/a/pie/posbugs.html 当嵌套使用绝对定位的区块会出现什么？ onestab Fri, 06 Feb 2004 06:14:42 GMT http://www.onestab.net/a/pie/thr.col.stretch.html 实现带有页首和页尾的流动全尺寸三栏式版面，各自都有不同的背景。 onestab Fri, 06 Feb 2004 06:14:44 GMT http://www.onestab.net/a/pie/ordered-floats.html 谁说不能实现依原始码顺序排列的三个栏段？请看例子。 onestab Fri, 06 Feb 2004 06:14:41 GMT