很多非常聰明的人都說過，不從歷史中吸取教訓(xùn)的人注定要重蹈覆轍。還有人說懷舊誘餌，回顧得到了很多點擊，個人認(rèn)為回顧一下過去一些過時的UI慣例可能既有趣又有教育意義。

記住他們曾經(jīng)存在的原因，他們是如何死的以及為什么死的很好。它讓我們深入了解最佳實踐是如何產(chǎn)生的，以及為什么它們是我們擁有的“最佳”實踐，它為我們構(gòu)建web的未來提供了環(huán)境。此外，這個行業(yè)每年都有新人加入，他們也應(yīng)該知道一些這方面的知識。

對于那些現(xiàn)在還沒有本能反應(yīng)的人來說，標(biāo)簽就能做到這一點：blink。斷斷續(xù)續(xù)，一會兒在那兒，一會兒不在那兒，就好像它是為了傷害你的眼睛而設(shè)計的。這個標(biāo)簽是在早期瀏覽器大戰(zhàn)的高潮時期發(fā)明的，是瀏覽器專用標(biāo)簽的早期例子，目的是讓Netscape Navigator比當(dāng)時剛剛興起的Internet Explorer更有優(yōu)勢。


Flash菜單


在開始時，無法用JavaScript構(gòu)建動畫導(dǎo)航菜單（即具有懸停狀態(tài)的菜單），或者在Dreamweaver中稱為DHTML，所以用Macromedia Flash創(chuàng)建了帶有動畫按鈕的超炫菜單，并將它們嵌入到制作的每個網(wǎng)站標(biāo)題中。


有一段時間，基于flash的菜單模板是一個獨立的家庭手工業(yè)，熱點提示：永遠，永遠不要做一個你不能通過編輯文本文件來改變的網(wǎng)站菜單。光是維護成本就令人頭痛不已，搜索引擎也從未掌握在Flash文件中爬行的竅門。

盤旋

框架，最初的AJAX

是的，在我們使用JavaScript在漸進式web應(yīng)用程序中加載所有數(shù)據(jù)之前，所有的工作都是由瀏覽器完成的，想必現(xiàn)在仍然可以。你知道iframes嗎？他們曾經(jīng)有一個“老大哥”，叫做“框架”，在表格出現(xiàn)之前，我們用它來做基本的布局。

問題是，即使他們允許瀏覽器只更新部分頁面，而不是加載一個全新的頁面（某種程度上），他們也破壞了幾個基本的瀏覽器功能，包括：

后退和前進按鈕；

一般瀏覽器歷史；

將鏈接復(fù)制粘貼到網(wǎng)站的特定頁面更加困難；

重新加載一個網(wǎng)站肯定有點隨機，通常只會帶你回到“主頁”，因為它是。

最終整個框架集功能被棄用，人們主要使用iframe來加載嵌入內(nèi)容，比如YouTube視頻。


圖像按鈕


不久前，平面設(shè)計風(fēng)靡全球，促使人們說，“等等……那是一個按鈕嗎？”我可以點擊它嗎？為什么要使用自定義游標(biāo)呢？“在那之前，所有人都在關(guān)注那些看起來像3d的按鈕，因為它們很漂亮。聽著，它始于90年代初，我們對1980年至2005年間發(fā)生的任何事情都不提出質(zhì)疑，只是時間不同。

當(dāng)然，CSS3幾乎關(guān)閉了基于圖像的按鈕，當(dāng)文本被嵌入到圖像中時，按鈕是不可能管理的，而當(dāng)它不管理時，我們不得不使用上千種技巧使它們甚至是半響應(yīng)的。有人記得做過一個按鈕嗎？一個部分是loooooong PNG，另一個部分是右邊的角？或者在按鈕的每個角落都有一個單獨的PNG？


選框

曾幾何時，在所有人都開始說圖像滑塊不好之前，HTML實際上有一個內(nèi)置的元素來讓東西在頁面上滑動。它被稱為大帳篷標(biāo)簽，在它真正死去之前很久，人們就討厭它了。它是在Internet Explorer中實現(xiàn)的，以響應(yīng)標(biāo)記，而且對您的眼睛的危害也只是稍微好一點。


它被拋棄了，并因過于分散用戶的注意力而遭到唾棄。


分隔符分隔器/頁面


在我們開始做正確的布局之前，人們需要一種方法來分解長頁的文本，使它們看起來不那么別扭，對于某些人來說，


元素感覺太平淡了，所以當(dāng)時的設(shè)計師們就像他們經(jīng)常做的那樣，將注意力轉(zhuǎn)向了. gif。它們在本質(zhì)上只是單杠，但只要它們是圖像，它們就可以是你喜歡的任意想象。


這是CSS/CSS3的另一個趨勢，此外，當(dāng)分隔符在視覺上比文本更令人興奮時，可能會給用戶帶來一些沖突。


站點地圖曾經(jīng)是導(dǎo)航的全部和最終部分，在網(wǎng)站擁有自己的搜索功能之前，您可以使用站點地圖來查找任何給定站點上所需的內(nèi)容。很簡單：所有的內(nèi)容都在那里，你只需要滾動。

現(xiàn)在，很多站點都太大或太小，以至于不需要站點地圖作為UI元素。它們通常仍然由許多CMS自動生成，但它們用于幫助搜索引擎更快地搜索站點。對于中等規(guī)模的網(wǎng)站，這是一個可以恢復(fù)的功能，它不會傷害任何人。

表布局

表布局一些人在笑話中嘲笑它，而另一些人則只是在低聲細語中引用它。這是推動網(wǎng)頁設(shè)計向前發(fā)展的趨勢，也是一個不能很快消亡的趨勢。它結(jié)合了內(nèi)聯(lián)樣式、相當(dāng)多的混亂以及1像素的.gif文件，這些文件以某種方式將布局組合在一起。


它的死亡是因為CSS有浮動，雖然這是一個骯臟的一個半，它實際上是更好的。我們使用表的時間之所以如此之長，是因為瀏覽器（咳咳）跟不上CSS支持的速度，但它們最終做到了這一點。

奇怪的是，CSS網(wǎng)格就像有表格一樣，但是好多了。