「前端從來都不會死」 - 原創連載 pixel to pixel 篇章 前端從來都不會死，我們比任何時候都更欣賞、更需要pixel to pixel 的前端工程師 早年間，前端是從「切圖boy 們」 手中拿PhotoShop 文件，這些PhotoShop 文件裡面的設計都被按區域分割好，例如Header，Nav，Body 和Footer。 （那也還是一個沒有五花八門Hero 的年代，一個Carousel 搭配設計圖就已經異常酷炫） 前端拿到分割好的PhotoShop 文件，裡面有區域，有子區域，有層級，前端可以依照自己的需求導出所需assets，再依照標註的數值，尺寸，背景去把頁面搭出來。 色值要前端自己提取，圖片要做Web 優化，背景要學會cover，jpg 和png 的差別，色域，大小，前端都要熟記於心。 在那個沒有grid 和flexbox 的年代，居中一個不知道尺寸的div 能讓前端抓狂。 那時候流行一句話是，一個好的前端應當是把設計1:1 還原在頁面上，故有pixel to pixel 的說法。 聽起來很簡單是吧，可君知否，那可是一個Chrome 瀏覽器市場佔有率只有10% 的年代，那可是一個有Webkit(Chrome), Gecko(Firefox) 和Presto(Opera) 等多家不同渲染引擎瀏覽器的年代。 那個年代，還有一個混世大魔王，它臭名昭著，它不可一世，它傲視群雄，它咱爸咱媽都在用，它的渲染引擎是Trident，它叫IE，Internet Explorer。 這意味著，前端的主要敵人是各個瀏覽器。注意，這些瀏覽器在不同的系統裡(Win or Mac）渲染出的效果也不同。 再注意，大魔王IE，它特麼每一個版本都不同。 所以，前端為了能在各個瀏覽器實現pixel to pixel，要寫很多規則，要反覆測試，要每天草泥馬IE 一萬次。 最終，前端不得不為了IE 的市佔率妥協，還要讓用IE6 的咱爸咱媽們感受到酷炫的頁面，君可知前端要付出多大努力？ 下一章：響應式設計的到來
正在載入線程內容
正在從 X 取得原始推文，整理成清爽的閱讀畫面。
通常只需幾秒鐘，請稍候。