互联网与文化zachholman.com
只有 90 年代网页开发者才记得这些
Only 90s Web Developers Remember This
2014 — 2024，它一次次回到首页
黑点是上首页（≥ 50 分）的那次投稿，空心点是没冲上去的投稿，点越大分数越高。
导读
这是 Zach Holman 的一篇怀旧博客，盘点了 90 年代网页开发中常见、如今几乎消失的做法：用 1x1 spacer GIF 和表格排版、DHTML、WYSIWYG 生成的嵌套表格等。评论里老开发者们补充了自己的启蒙经历，也争论表格布局和现代 CSS/前端框架的得失。
为什么经久不衰：它记录了 Web 从手工 HTML 走向现代前端抽象之前的“原始”年代，既唤起怀旧，也让人反思今天前端是否过度复杂。
HN 评论精选
表格布局其实能解决动态垂直居中，CSS 至今仍缺这种能力。
文章说 1x1.gif 是唯一能轻松把元素推到页面各处、至今唯一能垂直居中的方法，这不对：用表格一直可以动态垂直居中。这是 CSS 至今仍不能动态做到的（除非用表格模拟，那又违背 CSS 初衷且不向后兼容）。表格被骂得那么惨，但布局 div 和列表也不语义，我惊讶这问题还没解决。不过我不在乎了，转回应用开发后生活轻松 100 倍。
nikatwork查看英文原文
> 1x1.gif let you push elements all around the page effortlessly. To this day it is the only way to vertically center elements. False, dynamic vertical centering has always been possible with tables: <table><tr> <td valign="middle">dynamically vertically centered</td> <td><img src="1x1.gif" height="2000" width="1"></td> </tr></table> This is something CSS still can't seem to do dynamically except with table-emulation, which, you know, kind of defeats the whole fucking purpose of CSS (and isn't backwards compatible anyway). Seeing how much people decry tables as the antizalgochrist (guess what zealots: layout divs and lists also aren't semantic) I'm surprised this hasn't been fixed yet. But I don't care anymore since I moved back to app dev and my life got 100x less painful. Here's something else CSS still can't do AFAIK: <table width="80%"><!-- dynamic --><tr> <td width="300">fixed"</td> <td width="*">dynamic</td> </tr><table>
90 年代 WYSIWYG 生成的嵌套表格和 spacer GIF 代码让新手震惊，但也练出了人。
我第一份软件开工作是在 90 年代给一家想转型应用开发的小 ISP 写 PHP。面试时我演示了一个记录收藏的 CRUD 应用，入职后老板说改用 PHP，要我尽快出活。他有一些用 WYSIWYG（可能是 Dreamweaver）生成的 HTML 页面，我往里加 PHP。打开登录页 HTML，记得有 20 页代码那么长（也许夸张，已选择性遗忘），嵌套表格套嵌套表格，满是 spacer GIF 和 ，我当时想：这他妈什么鬼。但我搞定了，还说服他简化编辑器生成的东西，修 bug、做功能。
rufus_foreman查看英文原文
My first software dev job was in the 90's writing PHP for a mom and pop ISP that was trying to get into app development. It was originally supposed to be Perl, the job interview was something like: Me: demos CRUD app for keeping track of my record collection, hosted on a free site Owner: You wrote this? Me: Yeah. Owner: This is in Perl? Me: Yeah. So I got hired. The day I got there, he told me they were going to use PHP instead of Perl. Sure, cool, whatever. He told me that I had to start being productive in the first couple weeks or he would have to let me go, couldn't afford to keep people that weren't working out. I was down with that. He had some HTML pages that he had created in a WYSIWYG editor, I think it was Dreamweaver, and I was going to add some PHP scripting to those pages. How hard could that be? So I get to work and open these HTML files and I don't even remember exactly, I think like the login page HTML was 20 pages of code long, maybe I'm exaggerating, I've blocked most of it out of my memory but I seem to remember nested tables inside of nested tables inside of nested tables with spacer GIFs and s all over the place and I remember looking at it and thinking: What. The. Actual. Fuck. But I did it! I managed to get the guy to take a look at what the editor he was using actually created and get him to simplify some things, I fixed a few bugs and was working on features and he came in around noon and told me you know what I said about being productive in the first few weeks? Forget about that, we're good. The week before I was doing manual labor in a factory. It was like going from the 1800s to the 2000s over a weekend. I made $9 an hour, less than I was making stacking boxes on pallets, but of course totally worth it in the long run. Good times.
怀念手工 XHTML 时代，批评现代前端过度工程，但承认应用场景可用框架。
我恰好在两个时代之间学 HTML：在 、1px spacer 和表格之后，在层层抽象之前。那时人们在意良构 XHTML 和 W3C Valid XHTML 徽章，还有“安装 Firefox”按钮。现在一切新旧都丑，只是方式不同。我仍用 XHTML5，能决定时避免前端框架和 Web 字体。给还没发现 Ctrl+F 的人做搜索栏只需 30 行简单 JS，在慢机器上 1 秒过滤 200 项，无需缓存、minifier 和 bundler；禁用 JS 页面仍可读；HTML 小错能被发现。做真正 Web 应用时我开始喜欢 Svelte，但至少会考虑直接操作 DOM。
jraph查看英文原文
> I miss the good ol’ days. Today we have abstractions on top of abstractions on top of JavaScript, of all things It seems I learnt HTML just between these two eras. After the , 1px spacers and tables, and before the piles of abstractions. People cared about doing well formed XHTML and having those W3C Valid XHTML badges, and also those "install Firefox" buttons. This was short so today everything looks ugly to me, old and new, in different ways. I still use (polyglot) XHTML5 (HTML5 if I don't control everything being input) and avoid frontend frameworks and web fonts when I get to decide. This is a world where implementing a search bar for people who haven't discovered CTRL+F yet takes 30 lines of dumb Javascript and filters 200 items in 1 second on a slow computer without any caching trick and that does not require minifiers and bundlers. Which does not actually sound impressive, or shouldn't anyway. A world where when you disable Javascript, the page is still perfectly readable. A world where a silly mistake in the HTML markup is noticed. To build an actual web application where it does not makes much sense to have the content as a web page, I started liking Svelte but I'll still at least consider doing things by manipulating the DOM directly before deciding.
怀念切图加表格布局和可直接查看源码复制，批评现代 Web 源码不可读。
哇，把我带回去了。那些东西每天用。当然还有表格布局。别忘了切图，把切片塞进表格。记得 Photoshop 有“导出切片”功能。太棒了。当然今天 Web 最大问题之一：不能直接查看源码复制粘贴，要追 CSS 文件、JS 库，或无法右键保存图片因为不是单纯图片。黄金时代。
dmje查看英文原文
Wow. That took me back. All those things, every day. And table layouts of course. And let's not forget slicing images, and slapping those into tables too. If I remember rightly, Photoshop had an "export to slices" thing built in. Amazing. Loved it. And of course one of the biggest issues with today's web: you can't just view source and copy paste. You're in the land of chasing back up CSS files, js libraries, or finding yourself unable to steal an image because it's not just an image you can right click on any more. Golden times.
历次讨论
同类还值得读
如今电脑上几乎所有操作在感知上都比 1983 年更慢（2017）
Almost everything on computers is perceptually slower than it was in 1983 (2017)
2017 年的推文串认为，尽管计算机硬件比 1983 年快得多，日常操作的感知速度却常常更慢：启动、界面响应和网络应用被层层抽象、动画、后台检查与网络依赖拖累。
互联网与文化上首页 5 次 · 2017–2020twitter.com网站肥胖危机
The Website Obesity Crisis
Maciej Cegłowski（idlewords）的经典演讲文稿《网站肥胖症危机》，批评现代网页越来越臃肿：动辄数 MB 的 JavaScript、追踪脚本和广告，把本可以轻…
互联网与文化上首页 5 次 · 2016–2021idlewords.com编辑精选亚马逊那本标价 23,698,655.93 美元的苍蝇书
Amazon’s $23,698,655.93 book about flies
博文讲的是亚马逊上一本关于果蝇的二手书被标到 23,698,655.93 美元。
互联网与文化上首页 5 次 · 2011–2022michaeleisen.org浏览器 User-Agent 字符串的历史
History of the browser user-agent string (2008)
2008 年的经典文章用戏谑的“创世纪”口吻，讲述浏览器 User-Agent 字符串如何从简单的标识演变成层层叠加的伪装：浏览器为了绕过按 UA 分发的网站检测，纷纷把自己伪装…
互联网与文化上首页 5 次 · 2012–2022webaim.org编辑精选最后的问题——艾萨克·阿西莫夫
The Last Question - Isaac Asimov
阿西莫夫最著名的短篇科幻小说《最后的问题》的在线全文。
互联网与文化上首页 5 次 · 2009–2019multivax.com编辑精选