iammic 一直想試試號稱是 Flash 殺手的 HTML 5，今天特地寫了一個簡單的彈球程式，但比較可惜的 是 iammic 寫的 HTML5 彈球程式在 IE8 跑不起來，或許換成支援更多 HTML5 特性的 IE9 會好很 多，iammic 就沒去多測，程式在 Firefox 4 與 Chrome 11 則都跑得蠻順暢的，程式主要利用 HTML5 中的 Canvas Element 特性撰寫而成。
- 6月 05 週日 201119:42
HTML5 彈球程式
- 8月 08 週日 201012:35
Check 上傳檔案大小
上傳檔案到網站，Check 檔案大小，有下列幾種作法：1.上傳檔案後由 Server 端程式進行確認，但這種方法不是很有效率2.使用 Javascript 進行確認，但在測試過程中使用的 IE8.0 需要透過 ActiveX 元件取得檔案大小，這種方法並不方便，至於 Firefox 可以使用 File API 中的 FileSize(新版中改為HTML 5 標準屬性 size，FileSize 已經被 Deprecated )。https://developer.mozilla.org/en/DOM/File下列程式在 Firefox 3.6 與 Chrome 5.0 測試 OK，IE8 則不支持<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Check File Size</title>
</head>
<script type="text/javascript">}}</script>
<body>
<form action="#" method="post" enctype="multipart/form-data" onsubmit="return check();">
<input type="file" name="file1" id="file1" />
<input type="submit" />
</form>
</body>
</html>
- 7月 17 週六 201014:43
JQuery AutoComplete
以下連結是一個相當好用的 Autocomplete (JQuery Plugin)http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
在這邊將撰寫一個簡單的郵遞區號範例程式，程式中只會包含台北市郵遞區號，如果需要完
整郵遞區號內容，可至郵局下載，下載連結如下
- 4月 23 週五 201013:44
JQuery Tools Overlay 範例(5-1)
Overlay 特效是一個很常見的效果，各大網站也經常使用該方式顯示圖片，下列整理了一下JQuery Tools 提供的 Overlay 功能。
UI 效果：(瀏覽器 Firefox 3.6 效果圖 )
- 4月 08 週四 201009:50
JQuery Tools Scrollable 範例(4-1)
今天來整理一下 JQuery Tools Scrollable，他是一個滑動效果的 JQuery Tools UI 。UI 效果：(使用瀏覽器 Firefox 3.5 )
程式碼：
- 3月 30 週二 201010:43
JQuery Tools Tip 範例(3-1)
如果你覺得瀏覽器中的Tip太過陽春，可以建議你試試JQuery Tools Tip，他提供相當多種類的 Tip 效果可以使用且功能強大。
UI效果：
- 3月 28 週日 201014:20
JQuery Tools Tabs 範例(2-1)
JQuery Tools 在網站上提供非常詳細的文件與Demo可供參考，可以非常簡易的按照文件中的指南進行開發動作，在這邊會將指南上的某些範例整理成檔案，提供方便使用的範例檔
案，而這次介紹的是Tabs，這個UI提供可切換的內容，方便使用者將不同主題內容分別置於
其中。
- 3月 26 週五 201015:51
JQuery Tools 簡介(1)
JQuery Tools 是一個好用的JQuery UI工具，使用 JQuery Lib 撰寫而成，他提供了 Tabs、ToolTip、Overlay、Expose、Scrollable、FlashEmbed等特效，不需要自己 浪費時間在撰寫這些UI功能上，也可加快自己的開發效率。 JQuery Tools 網站 http://flowplayer.org/tools/index.html1