许多非常聪明的人都说,那些没有从历史中吸取教训的人注定要重蹈覆辙。其他人说怀旧诱饵…咳咳……“回顾”得到了很多点击。他们都是对的,我认为看看过去的一些死的UI惯例可能既有趣又有教育意义。
记住他们为什么活着,以及他们为何以及为何死亡,这是很好的。它让我们深入了解最佳实践是如何诞生的,以及为什么它们是我们所拥有的“最佳”实践。它为我们构建网络的未来提供了背景。此外,该行业每年都会有新手,他们也应该了解这些东西。
我很高兴他们不必忍受我们遭受的痛苦,但他们应该知道我们遭受了什么。朋友,同胞,罗马人:我们来这里不是为了悼念这些UI惯例和浏览器功能,而是为了埋葬它们。
眨眼
嘘……嘘……没关系。没关系。它已经死了,它不会再伤害你了。
对于那些刚才没有内心反应的人来说,<blink>标签就是这样做的:眨眼。关闭和开启,那里,而不是那里。它几乎就像是为了伤害你的眼睛。在早期浏览器大战的高峰时期发明的标签是浏览器特定标签的早期例子,旨在让Netscape Navigator比当时新生的Internet Explorer更具优势。
我不是说这个决定杀死了Netscape Navigator,或者NN应该因此而死,但这正是我所说的。
(屏幕截图没有提供明显的原因。)
Flash菜单
我很害羞这个人。这是正确的,在开始时,我无法获得使用JavaScript构建的动画导航菜单(阅读:具有悬停状态的菜单)。或DHTML,因为它在Dreamweaver中调用。因此,我使用Macromedia Flash创建带有动画按钮的超级花哨菜单,并将它们嵌入到我制作的每个网站标题中。
我不是唯一一个。有一段时间,基于Flash的菜单模板本身就是一个家庭手工业。热门提示:从不,只需编辑文本文件即可创建无法更改的网站菜单。单独的维护成本是一个巨大的问题,搜索引擎从来没有抓住爬行Flash文件。
感谢上帝:悬停。
框架,原始AJAX
那是对的,孩子们。在我们使用JavaScript在渐进式Web应用程序中加载所有数据之前,浏览器完成了所有工作,并且可能仍然可以。你知道iframe吗?他们曾经有一个叫做“Frames”的大哥,这就是我们在Table出现之前用于基本布局的东西。
问题是,即使他们允许浏览器只更新页面的一部分而不是加载一个全新的(某种程度),他们也打破了几个基本的浏览器功能,包括:
- 后退和前进按钮;
- 浏览器历史记录一般;
- 将链接复制粘贴到网站中的特定页面更加困难;
- 重新加载一个网站肯定有点随机,通常只会带你回到“主页”,就像它一样。
最终,不推荐使用整个框架集功能,人们大多使用iframe来加载像YouTube视频这样的嵌入内容。
图像按钮
不久前,平面设计风靡全球,促使人们说出“等等……是一个按钮?我可以点击它吗?为什么你甚至会使用自定义光标?“在此之前,每个人都是关于那些看起来像3D的按钮。因为他们很花哨。看,它开始于90年代初期,我们只是不要质疑1980年到2005年之间发生的任何事情。它们只是在不同的时间。
当然,CSS3几乎杀死了基于图像的按钮。当文本被烘焙到图像中时,按钮是无法管理的,当它不是时,我们不得不使用一千个技巧来使它们甚至半响应。有人记得制作一个按钮是PNG的一部分,而右边的角落是一部分吗?或者按钮的每个角都有单独的PNG?
天啊,我们现在好了。
华盖
曾几何时,在每个人都开始说图像滑块很糟糕之前,HTML实际上有一个内置元素,可以让页面上的内容滑动。它被称为Marquee标签,人们在它真正死亡之前很久就讨厌它。它是在Internet Explorer中实现的,用于响应<blink>标记,并且对您的眼睛来说只是稍微不那么糟糕。
由于过于分散用户的注意力而被抛弃和弃用。
可在此处进行演示:https://www.quackit.com/html/codes/html_marquee_code.cfm
花式分隔符/页面分隔符
在我们开始进行适当的布局之前,人们需要一种方法来分解长文本以使它们不那么难以阅读。在<HR>元素觉得有点太简单了一些,所以当天的设计师使出,因为他们经常做对.gif文件。它们只是心中的横条,但只要它们是图像,就可以像你喜欢的那样花哨。
这是CSS / CSS3的另一个趋势。此外,当分隔符比文本在视觉上更令人兴奋时,这可能对用户来说有点冲突。
网站地图
站点地图曾经是导航的全部和最终结果。在网站拥有自己的搜索功能之前,您使用站点地图在任何给定站点上查找所需内容。这很简单:所有内容都在那里,你只需要滚动。
如今,许多网站太大或太小,无法将站点地图作为UI元素。它们通常仍由许多CMS自动生成,但它们用于帮助搜索引擎更快地抓取网站。对于中型网站,我认为这是一个可以回来的功能,它不会伤害任何人。
表格布局
啊,表格布局。一些人在笑话中嘲笑它,只有其他人悄悄地低语。推动网页设计前进的趋势,以及无法快速死亡的趋势。它结合了内联样式,相当多的混淆,以及1像素.GIF文件,它们以某种方式将布局结合在一起。
我从来没有真正得到那个部分。
它死了,因为CSS有浮动。虽然这是一个肮脏的黑客和一半,它实际上更好。我们只使用了这么长时间的表,因为浏览器(咳嗽 IE 咳嗽)很难赶上CSS支持,但他们最终到了那里。
奇怪的是,CSS网格就像是有表回来了,但这么多好。
是的,我不得不使用Wayback Machine。谷歌搜索表格布局会得到一大堆关于你不应该使用它们的文章。