網站建置的過程中一定會不斷的打開瀏覽器測試，先測試完常用的瀏覽器，然後再測另一個瀏覽器，就這樣測試、修改、測試、修改的循環，說實在也挺累人的，無奈瀏覽器種類跟版本又是出奇的多，話說白了，網站建置根本不是「人」能做的工作，所以我們一定需要一些幫助我們測試網頁在各瀏覽器呈現的工具，本次文章主要會介紹幾款免費與付費的跨瀏覽器測試工具，幫助網頁設計人員完成繁複且困難的測試工作。
... 繼續閱讀 ...
設計跨瀏覽器網頁經常要在不同瀏覽器版本之間進行微調，調整的地方不一定只有 CSS 樣式，我們有時候會為了避開一些瀏覽器在特定版本下的 JavaScript 臭蟲，也會需要針對不同的瀏覽器版本撰寫不同的程式碼來因應，在這篇文章裡我會介紹各瀏覽器 CSS Hack 技巧以及 IE 條件式註解，幫助各位更輕易的設計出跨瀏覽器網頁。
... 繼續閱讀 ...
自從上次發表【網站建置不是件簡單的事 @ 打造網站的步驟】之後收到許多網友熱烈的迴響，因此萌生撰寫系列文章的想法，為了要延續【網站建置不是件簡單的事】系列，我想對設計師來說最痛苦的事莫過於跨瀏覽器網頁設計，我們通常在設計好網頁後，會進入「跨瀏覽器相容性測試」的步驟，這時幾乎 100% 都會遇到網頁相容性的問題，同一份網頁在不同瀏覽器裡顯示時多少都會有些差異，接下來的文章就是分享一些我們經常使用的跨瀏覽器網頁設計技巧，礙於篇幅考量，我會依據不同主題拆成多篇文章撰寫。
... 繼續閱讀 ...
在筆者這十多年的工作歲月中，大部分的時間都與網站建置這件事糾纏不清，最早期剛接觸網頁時還是用HE5 (漢書) 或 Notepad 開始撰寫 HTML 開發網站，偶爾回想起來感覺當時寫網頁好辛苦，都沒有設計工具或開發工具可用，不過若換個角度想，其實當時才是最幸福的，你想想今日的網頁設計即便有那麼多好用的工具支援，但設計網頁的過程中有變簡單嗎？有太多網頁設計相關的問題需要被克服，像是跨瀏覽器相容性的問題、互動網頁的挑戰、伺服器端的程式開發、針對海量網頁要求的架構、AJAX、JSON、HTML5、CSS3、…，有太多東西要學了。
... 繼續閱讀 ...