做網站時除了撰寫的工具以外，幫忙debug的工具也很重要，今日記錄了部分主流瀏覽器的除錯工具，內容如有誤還請指正，謝謝。
各家瀏覽器支援度不一，也因為如此，瀏覽器開發者們貼心的為網站開發者設計了檢查工具，並且幾乎支援隨改隨見結果、檢測網路速度、甚至Console除錯等等，真是糾感心～。
閱讀全文
除蟲幫手們
回覆
標籤彙整: html
HTML的二三事(5)-SEO衝衝衝
雖然SEO不是簡簡單單一篇就可以說完，但能在開始製作時就注意一些小細節，增加被搜尋的機會，有何不可呢？
閱讀全文
開始動手前(3)-作個不迷路的孩子
版面規劃中，清楚明白的連結絕對是重點中的重點。一個網站就算再怎麼好看，但使用者找不到正確路徑的話，網頁被關掉就會是必然的結果（哭哭）。閱聽網站少了觀眾，而電子商務網站少的可是訂單！這怎麼可以呢～（講到這裡客戶應該會挫著等了）
要怎麼解救迷途的孩子們呢？我認為有些事項必須要注意：
閱讀全文
開始動手前(2)-版面草圖
在確認客戶需求之後，我會先畫出架構確認有哪些頁面要做，利用x-mind拉一拉填一填，頂多換換格子顏色，裡面加上註解，很快就可以完成列印。但代誌不是這樣就給他結束溜～上呈老闆，對方卻只瞄了一眼說：「這格子跟漸層好醜再去畫一次！」只好摸著鼻子回坐位打開AI⋯只能說，選擇軟體得先從認識你的老闆做起（誤）
閱讀全文
開始動手前(1)-網頁設計是甚麼？
在真正動手做網站前，我想記錄並釐清一些觀念，或許不是相當完善，也希望訪客們能給予指教。
網頁設計設計是什麼？跟平面設計有什麼不同？
對我而言，兩者最大的不同大概有以下三點：
閱讀全文
作個網站吧！序(2013/10/30更新)
接觸網站開發的時間說長不長，說短也不短，
從原本的不務正業到最近才算得上是真正朝向網站開發前進。
從手刻html、css（還常常寫錯…現在好像也差不多:P）
到現在學習Sass等新技術的一步步走過來。
（甚麼？還有javascript！Orz）
日新月異的開發資訊與技術總是令我眼花繚亂，
在囫圇吞棗的當下也思考著是否該整理自己手邊的資訊，幫助自己不重蹈覆轍以及…蹲馬步！
閱讀全文
button & input
很久以前似乎有為這問題困擾過，於是打算作個筆記記錄一下。
閱讀全文
css hide text
在設計按鈕/連結想隱藏文字的時候，一般來說只要用text-indent:-9999px;把字拋出去就可，
但在舊版瀏覽器上實際測試，按鈕上會出現一個很小很小的點點，看來似乎無法作用。
拜Google大神後找到以下幾種方式：
閱讀全文