最近用了一個很簡易的繪製圖表(Chart)的工具，完全是以 DHTML / CSS 完成所有圖表繪製工作，是個完全 Client-side 的套件，而且支援 Gecko-Browsers, IE 4, 5, 6, 7, 8, Opera 5, 6 and 7+ 等各式瀏覽器，如果你的圖表並不複雜，建議可以考慮用這套進行圖表繪製，可以省去你不少時間。
... 繼續閱讀 ...
此文章由 will 發表於 2009/7/14 下午 03:33:58
永久連結 | 評論 (2) | 此文章的RSS |
分類: JavaScript | Web | CSS
標籤: javascript, chart
還記得我之前寫的一篇【如何顯示固定寬度的 Label, 超過會顯示 ...】文章嗎？當時寫說此效果只在 IE 有效，不過最近發現了一篇文章說明如何透過 jQuery Ellipsis plugin 幫你也在 Firefox 也出現“...”符號喔!!
此文章由 will 發表於 2009/4/21 下午 09:24:27
分類: Web | JavaScript | CSS
標籤: jquery, css, text-overflow, ellipsis
在很久以前我們都是用 Table 在排版的，我相信現在還是有不少人還是在用 Table 進行排版而非現在較為流行的 CSS 排版，使用 Table 排版最大的好處就是版面在各瀏覽器中顯示比較不會亂掉。但最大的缺點就是版面調整不像 CSS layout 那麼方便，而且網頁出現的時間比較長，版面的問題應該無解，但表格顯示的速度卻可以利用 table-layout 屬性的設定達到目標。
此文章由 will 發表於 2009/4/20 下午 08:00:28
永久連結 | 評論 (0) | 此文章的RSS |
分類: CSS | Web
標籤: css, table-layout
使用 CSS Sprites 技巧可以有效減少 HTTP Request 的數量並且加速網頁載入與顯示的速度。簡單的來說，CSS Sprites 就是將頁面中會用到的背景圖檔全部集中放在一個圖片檔中，並利用 CSS 的 background-image 與 background-position 屬性將欲顯示的背景圖部分露出，對瀏覽器來說，如果整頁的背景圖原本有 30 張就會有 30 個 HTTP Request，但全部合在一張圖片後就只需要一個 HTTP Request 而已，還可以透過 HTTP Cache 技巧將圖片快取在瀏覽器中。
此文章由 will 發表於 2008/12/13 下午 01:09:46
永久連結 | 評論 (1) | 此文章的RSS |
標籤: 網頁設計, css sprites, css, http
我個人有習慣收集一些網路上別人整理的速查表，因為程式開發的細節真的太多了，要能全部背起來不太可能，也沒什麼意義，甚至於有人說程式設計就是一件查詢、複製、貼上的工作而已。對我來說，寫程式首重觀念與經驗，有了完整而正確的觀念，就算記不得要怎麼寫，查詢一下就馬上能寫了；而有了經驗，對於一些難解的 Bug 自然能夠迅速解開。
此文章由 will 發表於 2008/11/27 下午 03:23:08
永久連結 | 評論 (4) | 此文章的RSS |
分類: .Net | ASP.NET | C# | CSS | JavaScript | LINQ | PHP | Security | SQL Server | Subversion | VBA | Visual Basic | Visual Studio | Web
標籤: .net, cheat sheets, asp, asp.net, javascript, visual studio, c#, linq, sql server, css, html, xml, rgb, php, security, reqular expression
由於我們公司有提供電子報發送平台的服務，目前也有不少客戶利用我們的平台發送與管理電子報，有些客戶僅僅發送 E-DM 都是提供整張圖片發送出去，所以比較沒有版型壞掉的問題，但有些客戶發的是有許多內容的電子報，這樣的電子報若是經過網頁設計師精心設計過的話，恐怕是會失望大過於成就感的。
此文章由 will 發表於 2008/11/14 下午 03:51:57
標籤: gmail, 電子報, css, outlook, email
我想大家都知道何謂頁籤(Tab)頁面，不過你知道網路上大家都怎麼使用頁籤嗎？最近看到一則 30+ Animated Tab-Based Interface and Accordion Scripts 文章，裡面介紹了 30 多種頁籤介面，每一個頁籤介面都有原始碼可以下載，也都有提供預覽(Preview)頁面可供線上測試，多看看別人的創意，自己也會想出不少新點子。
此文章由 will 發表於 2008/10/28 下午 11:56:05
分類: CSS | JavaScript | Web
標籤: tab, ajax
Firebug 應該是所有開發人員必備的工具了，這是一個 Firefox 的外掛程式，它提供一大堆跟 Web 開發相關的工具，可以幫助你編輯、修改網頁的 DOM 物件，對 JavaScript 除錯，可以查看任何一個元素的 CSS, HTML 設定，還可以分析網頁下載的效能，甚至於還可以自己寫程式擴充 Firebug 的功能，功能多到很難一下學會所有功能。
此文章由 will 發表於 2008/9/8 下午 01:30:56
分類: CSS | JavaScript | Web | 介紹好用工具
標籤: firebug
jQuery 是我最常用的 JavaScript Library，而且外掛程式超多，有空的人是可以多上去看看有什麼新玩意，保證有許多驚喜！我大約是在一年前得知有 jQuery Cycle Plugin 這個 jQuery 外掛套件吧，當時為了找一個可以「跨瀏覽器」的廣告輪播套件找了好久，也試用了好幾套，不過大部分廣告輪播或跑馬燈的 JavaScript Library 都不盡理想，最後才選擇用 jQuery Cycle Plugin 來做為跑馬燈/廣告輪播的撰寫工具。
此文章由 will 發表於 2008/8/18 下午 03:01:00
永久連結 | 評論 (18) | 此文章的RSS |
標籤: jquery
IE 5.5 / 6 只要遇到有使用「透明背景」設定的 PNG 圖片，就會發生問題，原本應該要透明的部分都會變成灰色的，而這個小瑕疵一直到 IE 7 才做出修正，不過現在還有很多人還在使用 IE 6 瀏覽器，像我 Blog 的訪客當中，就還有 49.5 % 的使用者是使用 IE 6 的版本，是所有瀏覽器中所佔的百分比最多的。
此文章由 will 發表於 2008/7/20 上午 09:01:00
分類: ASP.NET | CSS | JavaScript | Web
標籤: ie, png, css, javascript, 網頁設計
我們偶爾會需要建置「簡體中文」的網站，但由於居住在台灣的人大多沒使用簡體中文的習慣，所以在建置簡體中文網站時常常不知道要如何設定中、英文文字的字型。
此文章由 will 發表於 2008/7/11 上午 09:53:10
分類: ASP.NET | CSS | Web
標籤: css
基本上，網頁遇到「中文字」超過一行時都可以正常的斷字，只是若是英文字寫了一大串沒有空白的字，就會導致網頁版型被撐開，如下圖例就是因為網址過長而導致網頁被撐版，進而影響頁面的呈現。
此文章由 will 發表於 2008/6/21 上午 10:00:59
分類: ASP.NET | CSS | JavaScript | Tips | Web
標籤: css, javascript, firefox, ie, mozilla, wordwrap
此文章由 will 發表於 2008/5/15 下午 05:34:10
標籤: google, web
我們在套版的時候，常常會遇到那種「文字寬度固定」的版型，我們通常的作法都是用 Substring 將長篇的文字擷取一部份起來顯示，但問題是「中文字的寬度常常無法估計」，但客戶又要求寬度一定要跟設計師設計的一模一樣，文字太多的時候不能超出版面，以免破壞美美的版面。
此文章由 will 發表於 2008/3/5 上午 12:07:00
永久連結 | 評論 (3) | 此文章的RSS |
分類: C# | CSS | Tips | Web
標籤: css, text-overflow, ellipsis
我們建置網站完成後，接下來就是將網站上線了，但當發現網站有問題要修改的時候，可能會遇到一個問題，就是當我們修改 JavaScript 或 CSS 的時候，預設的情況下 *.js 或 *.css 這類靜態網頁通常會被 Browser 快取(Cache)起來，除非你先主動清除這些快取資料，或人工將頁面重新整理才能讀到新的資料。但這個「人工手動」的動作客戶可無法接受！因為大部分網友不會知道需要做這個「重新整理」的步驟，看到的可能是錯誤的畫面、或 JavaScript 的問題。
此文章由 will 發表於 2008/2/3 下午 03:41:00
標籤: asp.net, css, javascript, cache, browser, url
我之前曾經發生過一件事，就是明明載入了 CSS 檔，但是所有的樣式都無法套用，怎麼改都沒用，只要把 CSS 複製到原本網頁的 <head> 中就可以運作了，除錯了很久才發現，原來 *.css 檔的檔案編碼必須跟網頁(*.htm, *.aspx)的編碼一致，瀏覽器才會正確的辨識，且不止 *.css 也包括 *.js 與其他動態載入的文字格式的檔案都需要有相同的編碼。
此文章由 will 發表於 2008/1/4 上午 12:19:00
分類: CSS | Web | 心得分享
標籤: css, html, encoding, utf-8, big5
1. 首先，必須先抓到該 HTML 標籤在畫面中「左上角」的位置。
此文章由 will 發表於 2007/12/10 下午 01:32:00
分類: JavaScript | CSS | Web
標籤: html, javascript, css
我們在輸入日期欄位時，常常用 The Coolest DHTML Calendar 這個套件來增加輸入日期的易用度，但是自從 2005 年 3 月 7 日以後，就一直停在 v1.0 版沒有更新，導致一些錯誤都沒有修正，尤其是常見的定位問題，因為 IE 7 變的比較符合 W3C 的標準了，所以在 CSS Positioning 的部分跟 IE 6 不相容，也造成了 The Coolest DHTML Calendar 這個套件的 Popup Calendar 的部分定位常常會跑掉！
此文章由 will 發表於 2007/12/3 上午 12:25:00
分類: JavaScript | CSS
標籤: jscalendar, ie7, css positioning, javascript