最近用了一個很簡易的繪製圖表(Chart)的工具，完全是以 DHTML / CSS 完成所有圖表繪製工作，是個完全 Client-side 的套件，而且支援 Gecko-Browsers, IE 4, 5, 6, 7, 8, Opera 5, 6 and 7+ 等各式瀏覽器，如果你的圖表並不複雜，建議可以考慮用這套進行圖表繪製，可以省去你不少時間。
... 繼續閱讀 ...
還記得我之前寫的一篇【如何顯示固定寬度的 Label, 超過會顯示 ...】文章嗎？當時寫說此效果只在 IE 有效，不過最近發現了一篇文章說明如何透過 jQuery Ellipsis plugin 幫你也在 Firefox 也出現“...”符號喔!!
... 繼續閱讀 ...
在很久以前我們都是用 Table 在排版的，我相信現在還是有不少人還是在用 Table 進行排版而非現在較為流行的 CSS 排版，使用 Table 排版最大的好處就是版面在各瀏覽器中顯示比較不會亂掉。但最大的缺點就是版面調整不像 CSS layout 那麼方便，而且網頁出現的時間比較長，版面的問題應該無解，但表格顯示的速度卻可以利用 table-layout 屬性的設定達到目標。
... 繼續閱讀 ...
使用 CSS Sprites 技巧可以有效減少 HTTP Request 的數量並且加速網頁載入與顯示的速度。簡單的來說，CSS Sprites 就是將頁面中會用到的背景圖檔全部集中放在一個圖片檔中，並利用 CSS 的 background-image 與 background-position 屬性將欲顯示的背景圖部分露出，對瀏覽器來說，如果整頁的背景圖原本有 30 張就會有 30 個 HTTP Request，但全部合在一張圖片後就只需要一個 HTTP Request 而已，還可以透過 HTTP Cache 技巧將圖片快取在瀏覽器中。
... 繼續閱讀 ...
我個人有習慣收集一些網路上別人整理的速查表，因為程式開發的細節真的太多了，要能全部背起來不太可能，也沒什麼意義，甚至於有人說程式設計就是一件查詢、複製、貼上的工作而已。對我來說，寫程式首重觀念與經驗，有了完整而正確的觀念，就算記不得要怎麼寫，查詢一下就馬上能寫了；而有了經驗，對於一些難解的 Bug 自然能夠迅速解開。
... 繼續閱讀 ...
由於我們公司有提供電子報發送平台的服務，目前也有不少客戶利用我們的平台發送與管理電子報，有些客戶僅僅發送 E-DM 都是提供整張圖片發送出去，所以比較沒有版型壞掉的問題，但有些客戶發的是有許多內容的電子報，這樣的電子報若是經過網頁設計師精心設計過的話，恐怕是會失望大過於成就感的。
... 繼續閱讀 ...
我想大家都知道何謂頁籤(Tab)頁面，不過你知道網路上大家都怎麼使用頁籤嗎？最近看到一則 30+ Animated Tab-Based Interface and Accordion Scripts 文章，裡面介紹了 30 多種頁籤介面，每一個頁籤介面都有原始碼可以下載，也都有提供預覽(Preview)頁面可供線上測試，多看看別人的創意，自己也會想出不少新點子。
... 繼續閱讀 ...
Firebug 應該是所有開發人員必備的工具了，這是一個 Firefox 的外掛程式，它提供一大堆跟 Web 開發相關的工具，可以幫助你編輯、修改網頁的 DOM 物件，對 JavaScript 除錯，可以查看任何一個元素的 CSS, HTML 設定，還可以分析網頁下載的效能，甚至於還可以自己寫程式擴充 Firebug 的功能，功能多到很難一下學會所有功能。
... 繼續閱讀 ...