只有 90 年代的 Web 开发人员记得这一点

作者:糖果
发布时间:2024-08-25 05:08:52 (1月前)
来源:posts/only-90s-developers/

> 你有没有把 a< blink >塞进< marquee >标签？皮克斯在今天获得了所有的赞誉，但在 90 年代，这是计算机动画的一项重大壮举。通过结合这两个标签，你就是一个开拓者。一个能够进行伟大创新的人。一个所有其他人都可以向往的人。
您是 1990 年代的 Web 开发人员。
有了这种状态，你就知道自己很牛逼了。你带来了许多最可怕的技术创新，从那时起我们就再也没有接近复制过。
放下jQuery，远离非关系型数据库：我们有更重要的事情要谈。

#### 1x1.gif
1x1.gif 应该赢得他妈的格莱美奖。或者普利策奖。或者进步最快，三年级体育课什么的。这是自链表以来计算机科学中最重要的成就。这不是我们应得的未来，而是我们需要的未来（直到盒子模型把它搞砸了）。
如果您不熟悉不起眼的 1x1.gif 技巧，请看这里：
看不到吗？在这里，增强：
1x1.gif — 或spacer.gif 或transparent.gif — 只是一像素一像素的透明GIF。就像当今最具未来感的 CSS 框架，但文件大小只有十亿分之一，1x1.gif 完全针对响应式 Web进行了优化 。不过，您必须使用这些高级属性才能发挥其强大功能：

<IMG SRC="/1x1.gif" WIDTH=150 HEIGHT=250>
通过这样做，您可以将元素定位在页面上的任何位置。将此与语义适当的容器相结合，您可以做一些令人惊奇的事情：
>     < TABLE >
      < TR >
        < TD ><IMG SRC="1x1.gif" WIDTH=300>
        < TD ><FONT SIZE=42>Hello welcome to my <MARQUEE>Internet Web Home</MARQUEE></FONT>
      < /TR >
      < TR >
        < TD BGCOLOR=RED ><IMG SRC="/cgi/webcounter.cgi">
      < /TR >
    < /TABLE >

1x1.gif 让您可以毫不费力地将元素推送到页面各处。直到今天，它还是垂直居中元素的唯一方法。

####     
> 图像对您来说太高级了吗？HTML For Dummies<IMG> 直到第四章才涵盖标签？好吧，你很幸运： 标签在这里！
您可能会对自己说，“我自己，我对 HTML 实体编码了如指掌。这个卑鄙的帅哥到底在搞什么鬼？”
亲爱的相当有吸引力的读者，答案是当今的年轻人几乎没有足够尊重的创新：堆叠的 . 就像 1x1.gif 技巧一样，您可以任意缩放 ；对于您可能面临的任何需求：

PLEASE SIGN  < BR >
          MY GUESTBOOK BELOW:
    < HR >< HR >
如果我 在 90 年代写了多少次，我就有足够的钱来支付 AOL 每月的超额账单。

#### 虚线下划线，边框效果
在 HTML 的黄金时代即将结束时，CSS 出现了，它预示着一个内容与样式分离的世界，从那时起我们一直在应对这场灾难。
我们使用 CSS 做的第一件事就是用它来停止给链接加下划线。一夜之间，整个互联网变成了一种媒体的污泥，文本看起来像链接，链接看起来像文本。你不知道点击哪里，但无论如何这都无关紧要，因为我们开发了光标效果（直到你的鼠标后面有十二个火球，你才活了下来）。
这是对先进技术的如此引人注目的使用，以至于我们最初使用 CSS 的目的实际上就是它。我什至有index.shtml来自 2000 年的（该死的 SSI）文件的证据：
    < style type="text/css" >
    < !--
    a:hover {text-decoration: none; color: #000000}
    -- >
    < /style >
就是这样。这就是这个文件的全部——当然是内联——CSS。确保当您悬停链接时，删除下划线并将其涂成黑色。由此，整个交互式网站诞生了。

#### DHTML
 一旦我们拥有从链接中删除下划线的技术，我们就决定将它与alert ("Welcome to my website!")在页面加载时显示消息的能力结合起来。CSS 和 JavaScript 联手形成了恐怖技术：DHTML。
DHTML 代表“分布式 HTML”，是我们 Web 开发工具中的最后一根羽毛。它将经得起时间的考验，确保我们可以让雪花从页面顶部落下，或者构建一个手风琴菜单动画图像映射，或者构建您自己的自定义，< marquee >除了使用< div >.
DHTML 帮助 Web 开发从业余消遣转变为成熟的职业。像动态驱动器这样的网站意味着你不必为你面临的问题思考创造性的解决方案，你只需复制和粘贴这 50 行代码块，一切都会得到修复。实际上，DHTML 是当时的 Twitter Bootstrap。

#### 像素字体
电脑屏幕不大。我的意思是，它们很大，因为 CRT 太糟糕了，但它们没有高分辨率。因此，利用这些像素的最佳方法是以微小的六点字体书写所有内容。
沿着这些思路，当 Web 开发人员看到这些简单的字体并意识到它们是由像素组成时，他们渴望成为插画家。你开始在闪屏上看到这些等距像素插图的奇怪尝试，这些尝试是由开发人员做出的，他们的时间和金钱可能更适合投资于 .com IPO 而不是安装 Photoshop。

#### 纽扣
我注意到今天的人们不喜欢 Internet Explorer。我只能相信他们讨厌 Internet Explorer，因为它已经从最纯粹的形式 Internet Explorer 4.0 演变而来。
Internet Explorer 4.0 是浏览器的完美化身。它有活动桌面。它有频道。它有他妈的 Channels，这是最酷的技术，从未被市场采用，甚至一点点都没有。总的来说，IE4 非常好，以至于无论您喜欢与否，都要把它安装在您的 PC 上。
当您是完全理解完美的重要性的精英群体中的一员时，您会自然而然地告诉遇到的每个人，只有您一个人拥有做出这些艰难决定所必需的庄严。诸如访问者应该使用什么浏览器之类的决定。
因此，我们自豪地在我们的网站上展示了数十个 88x31 像素的按钮：
这些无处不在。这有点像展示在军官制服上的丝带：它们讲述了这个人为了达到今天的地位而进行的所有战斗的故事。换句话说，您是哪个编辑器（显然是 FrontPage '98）、哪个 Web 服务器（GeoCities，你这个白痴），以及您是哪个网络圈的一部分（无论哪个列出了您的站点最高，哪个都不是）。

我怀念过去的美好时光。今天，我们在 JavaScript 之上的抽象之上有抽象，所有事物。狗屎甚至不知道如何正确计算数学。想想看，我们能走到今天，真是太神奇了。
所以自豪地举起酒杯，帮我们一个忙： 在你的下一个拉取请求中粘贴大量的s，只是为了和你的团队一起玩。

1 条回复

动动手指，沙发就是你的了！

登录后才能参与评论