最近html5一再被提及，原因是火紅的Apple對於原本支援的flash，改採放棄不支援的方案，並轉而支持html5的發展。其中的原因之一是效能的考量，當然還會有更多不為人知的策略考量，不過這不是本文的重點。接下來google也同樣加入了html5的陣容，因此在經過長久時間都未再更動的html，開始有了更新的規範與使用方法，因此簡單了解一下html的發展，也許可以了解其間的差別。 閱讀全文
關於文檔類型 Doctype 的認識與幾個基本屬性比較
DOCTYPE是document type(文檔類型)的縮寫，在web設計中用來說明你用的XHTML/HTML是什麼版本。要建立符合標準的網頁，DOCTYPE聲明是必不可少的關鍵部分。
Doctype 很容易會影響Layout上的表現，很多設計師為了方便直接地把Doctype刪除。可是這樣子是不能通過W3C的檢測。可是用上Doctype又做不到想要的東西。 閱讀全文
實現乾淨代碼的10個原則
環保是目前時下流行的議題，網站設計也需要環保。不是回收，而是簡潔，對於設計上有偏執的設計師，讓CSS與網頁代碼如同Apple追求的設計風格一樣簡潔。簡潔似乎已經是時下的王道，網站設計也需要簡潔。今天要來談談關於CSS以及html搭配使用時，應該要注意的一些簡單原則，目的就是要讓你的網站更簡潔。 閱讀全文
如何讓CSS更加簡潔的方法
致力於讓你的CSS檔案優化是設計師一個重要的課題。
DIV+CSS的設計是一種習慣的養成，設計師在逐漸養成撰寫html的過程中，會養成不一樣的css布局習慣，如果在一開始沒有發覺部分錯誤習慣可能導致網站效能、SEO排名以及不同瀏覽器的支援性問題，將來可能會面臨需要大幅度修改的窘境。 閱讀全文
SEO工具系列：WooRank SEO分析工具
架設網站的朋友，很多人都很重視 SEO 的重要，因此想知道自己的網站在各項數據的表現情形，這時候WooRank 是一款很常好用的網站分析工具。針對訪客、內容、搜尋引擎最佳化（SEO）以及網域名稱等來為網站評分，並提供詳細的改善建議，幫網站站長們節省時間，改善後的網站能夠在搜尋引擎裡取得更好的搜尋排名，甚至是 PR 值。 閱讀全文
SEO工具系列：檢查網站連結存活狀態的檢測工具Xenu
網站內的連結是不是都存活，點擊後是否有頁面存在，若出現網頁不存在的訊息，我們可以簡稱網站的死連結。不管是自行架設的網站或是使用無名小棧、痞客邦等部落格，養成一個好習慣就是去經常檢查網站內的連結是不是都存活，因為這對於網站的SEO是有幫助的。 閱讀全文