iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 Like 0 留言 3793 瀏覽

技術 jQuery與動態圖形按鈕

CSS的部份 img.ButtonImage { border: 0; cursor: pointer; padding: 0; margin: 0; } Ja...

player ‧ 2011-10-14

12 Like 3 留言 6178 瀏覽

鐵人賽開發鐵人 DAY 30

HTML5試試看系列第 30 篇

技術 [HTML5試試看-30] 尾聲

粗枝大葉地把HTML5做了簡單的嘗試，最後還是講一些感想吧... 之前W3C跟微軟搞出了一段新聞，微軟的IE9 Preview6在W3C的測試中，似乎支援程度最...

fillano ‧ 2010-11-10

8 Like 0 留言 7408 瀏覽

鐵人賽開發鐵人 DAY 29

HTML5試試看系列第 29 篇

技術 [HTML5試試看-29] 綜合應用

今天實在不想再寫程式...所以還是介紹一下網路上可以找到的HTML5應用及資源吧。首先，前幾天在ZDNET上面看到一則新聞，根據某些「人士」分析，HTML5可...

fillano ‧ 2010-11-09

5 Like 0 留言 7738 瀏覽

鐵人賽開發鐵人 DAY 28

HTML5試試看系列第 28 篇

技術 [HTML5試試看-28] 多工 - SharedWorker

顧名思義，SharedWorker與Worker（DedicatedWorker）最大的不同，就是他可以同時為多個網頁服務。為了驗證，我先試著使用Worker...

fillano ‧ 2010-11-08

8 Like 2 留言 8278 瀏覽

鐵人賽開發鐵人 DAY 27

HTML5試試看系列第 27 篇

技術 [HTML5試試看-27] 多工 - WebWorkers

在瀏覽器中，Javascript雖然可以利用setTimeout或setInterval來達到非同步執行的效果，但是實際上所有的程式是共用一個event loo...

fillano ‧ 2010-11-07

7 Like 0 留言 8668 瀏覽

鐵人賽開發鐵人 DAY 26

HTML5試試看系列第 26 篇

技術 [HTML5試試看-26] GeoLocation

GeoLocation其實跟HTML5規格沒有那麼直接的關聯性，不過還是常常被擺在「泛」HTML5相關的API裡面。他的介面及功能並不複雜，不過關鍵還是瀏覽器有...

fillano ‧ 2010-11-06

8 Like 1 留言 12919 瀏覽

鐵人賽開發鐵人 DAY 25

HTML5試試看系列第 25 篇

技術 [HTML5試試看-25] 離線程式

HTML5引入了一個離線運作的機制，這個機制可以讓我們在離線的狀態下還也以使用設定好的網頁，並且在恢復連線時可以更新資料。這些只要在html標籤增加一個屬性，搭...

fillano ‧ 2010-11-05

8 Like 0 留言 12951 瀏覽

鐵人賽開發鐵人 DAY 24

HTML5試試看系列第 24 篇

技術 [HTML5試試看-24] 儲存 - Web SQL及其他資料庫

除了WebStorage(localStorage, sessionStorage)，儲存相關的API其實還有不少，包括Web SQL Database、Ind...

fillano ‧ 2010-11-04

7 Like 1 留言 9850 瀏覽

鐵人賽開發鐵人 DAY 23

HTML5試試看系列第 23 篇

技術 [HTML5試試看-23] 資料儲存 - Web Storage

Web Storage提供了sessionStorage以及localStorage兩種方式，讓我們可以在Client端保存各種資料。來試試看... 從規格上看...

fillano ‧ 2010-11-03

6 Like 0 留言 9768 瀏覽

鐵人賽開發鐵人 DAY 22

HTML5試試看系列第 22 篇

技術 [HTML5試試看-22] 溝通 - WebSocket Protocol

應該是考慮到雙向資料傳送及安全因素，所以...Websocket的溝通方式雖然還是類似http，但是過程比Server sent event複雜很多，獨立成為一...

fillano ‧ 2010-11-02

9 Like 0 留言 5954 瀏覽

鐵人賽開發鐵人 DAY 21

HTML5試試看系列第 21 篇

技術 [HTML5試試看-21] 溝通 - WebSocket

如果要跟伺服器做雙向溝通，就需要使用到WebSocket。與EventSource類似，WebSocket在瀏覽器端的使用是非常簡單的。先來研究一下WebSo...

fillano ‧ 2010-11-01

7 Like 0 留言 12852 瀏覽

鐵人賽開發鐵人 DAY 20

HTML5試試看系列第 20 篇

技術 [HTML5試試看-20] 溝通 - server sent event

server sent event基本上是由伺服器端單向送出資料的溝通機制，類似server push。這是一個與http相容的方法，只需要伺服器端送出特定的h...

fillano ‧ 2010-10-31

8 Like 0 留言 6962 瀏覽

鐵人賽開發鐵人 DAY 19

HTML5試試看系列第 19 篇

技術 [HTML5試試看-19] 溝通 - channel message

根據規格書的解釋，channel messaging與cross-document messaging的差別在於，他提供了一個全雙工的溝通管道，所以理論上不同的...

fillano ‧ 2010-10-30

8 Like 0 留言 8168 瀏覽

鐵人賽開發鐵人 DAY 18

HTML5試試看系列第 18 篇

技術 [HTML5試試看-18] 溝通 - cross document message

HTML5為了在不同情境下使用，設計了幾種溝通的方式，包含文件之間溝通的cross-document messaging、channel messaging，還...

fillano ‧ 2010-10-29

6 Like 0 留言 6982 瀏覽

鐵人賽開發鐵人 DAY 17

HTML5試試看系列第 17 篇

技術 [HTML5試試看-17] 互動機制 - drag and drop 與 File API

HTML5的drag and drop機制，不僅可以接收從其他應用軟體拖曳過來的資料，他其實還可以讀取檔案。讀取檔案，靠的是File API。還是先看一下Fi...

fillano ‧ 2010-10-28

9 Like 1 留言 9570 瀏覽

鐵人賽開發鐵人 DAY 16

HTML5試試看系列第 16 篇

技術 [HTML5試試看-16] 互動機制 - drag and drop(續)

HTML5的Drag and Drop中，最有意思的是跟使用者的系統整合！所以在瀏覽器可以接收從其他應用軟體拖拉進來的各種東西。如果要接收從作業系統來的拖拉事...

fillano ‧ 2010-10-27

7 Like 0 留言 15643 瀏覽

鐵人賽開發鐵人 DAY 15

HTML5試試看系列第 15 篇

技術 [HTML5試試看-15] 互動機制 - drag and drop

過去在網頁裡面實現drag and drop是很麻煩的，需要配合CSS、onmousedown、onmouseup、setInterval()等，來做出元件拖曳...

fillano ‧ 2010-10-26

4 Like 0 留言 9756 瀏覽

鐵人賽開發鐵人 DAY 14

HTML5試試看系列第 14 篇

技術 [HTML5試試看-14] 表單驗證

HTML5制定了一組通用的屬性及方法，利用這些特性就可以做表單驗證。除了通用的表單元素，一些特殊的表單元素還會內建預設的驗證邏輯。今天先來看一下表單驗證機制怎麼...

fillano ‧ 2010-10-25

4 Like 0 留言 9448 瀏覽

鐵人賽開發鐵人 DAY 13

HTML5試試看系列第 13 篇

技術 [HTML5試試看-13] 新的表單元素

HTML5規格，在表單的部份增加了五個標籤，包含datalist, keygen, output, progress及meter。另外，input標籤也新增了許...

fillano ‧ 2010-10-24

3 Like 0 留言 7323 瀏覽

鐵人賽開發鐵人 DAY 12

HTML5試試看系列第 12 篇

技術 [HTML5試試看-12] 互動元素

嗯嗯，html5提供了details, summary, menu, command這四個標籤，作為使用者互動的UI元件。details可以再點選後提供更詳細資...

fillano ‧ 2010-10-23

4 Like 0 留言 9211 瀏覽

鐵人賽開發鐵人 DAY 11

HTML5試試看系列第 11 篇

技術 [HTML5試試看-11] canvas 與 3d context

Canvas的設計，不是只可以使用2d context，還可以使用3d或其他。目前比較有支援而且應該慢慢會成為標準的是WebGL。不過我不熟悉GL，所以只能做A...

fillano ‧ 2010-10-22

6 Like 11 留言 13293 瀏覽

鐵人賽開發鐵人 DAY 10

HTML5試試看系列第 10 篇

技術 [HTML5試試看-10] canvas 與 2d context(續)

今天還是繼續昨天的主題，測試一下canvas 2d context。除了一些基本屬性及狀態的管理，大致上測試一下繪圖、變形、文字跟影像這四個部份的功能。所以，...

fillano ‧ 2010-10-21

5 Like 1 留言 13564 瀏覽

鐵人賽開發鐵人 DAY 9

HTML5試試看系列第 9 篇

技術 [HTML5試試看-9] canvas 與 2d context

Canvas其實只是一個畫布，要怎樣畫上去，靠的是context...今天先來介紹一下2d context，不過2d context是一個獨立的規格，東西非常多...

fillano ‧ 2010-10-20

5 Like 1 留言 11221 瀏覽

鐵人賽開發鐵人 DAY 8

HTML5試試看系列第 8 篇

技術 [HTML5試試看-8] video媒體播放

嗚嗚，今天好忙，晚上十點才開始寫，就盡量吧。幸好video也是media elements，所以操作方式跟audio一模一樣。先看一下最簡單的video標籤怎...

fillano ‧ 2010-10-19

8 Like 2 留言 39451 瀏覽

鐵人賽開發鐵人 DAY 7

HTML5試試看系列第 7 篇

技術 [HTML5試試看-7] audio媒體播放

今天看了一下audio標籤，發現他繼承了一個特別的介面，專門用來控制媒體：[Media elements](http://www.w3.org/TR/html5...

fillano ‧ 2010-10-18

6 Like 1 留言 6459 瀏覽

鐵人賽開發鐵人 DAY 6

HTML5試試看系列第 6 篇

技術 [HTML5試試看-6] 新的內容組織方法

HTML5定義了很多「語意」（semantic）標籤，這些東西在網頁外觀上上並沒有直接作用，但是在內容組織上會有很大幫助，也可以協助「機器」更有效地利用內容。...

fillano ‧ 2010-10-17

6 Like 0 留言 8919 瀏覽

鐵人賽開發鐵人 DAY 5

HTML5試試看系列第 5 篇

技術 [HTML5試試看-5] HTML文件結構今昔

HTML5把一些標籤變簡單了，文件結構大體不變，只少了一些東西。 HTML的演進歷史可以簡化成： SGML是個用來定義像html這類標記(markup)語言的...

fillano ‧ 2010-10-16

9 Like 3 留言 8667 瀏覽

鐵人賽開發鐵人 DAY 4

HTML5試試看系列第 4 篇

技術 [HTML5試試看-4] 偵測HTML5支援及可能替代方案

HTML5雖然各瀏覽器還在如火如荼加緊腳步支援，但是...規格還有可能變動，而各家瀏覽器對於標準的支援可能也還不一致。另外...舊的瀏覽器當然也不支援。面對這樣...

fillano ‧ 2010-10-15

9 Like 3 留言 6866 瀏覽

鐵人賽開發鐵人 DAY 3

HTML5試試看系列第 3 篇

技術 [HTML5試試看-3] 站在DOM的肩膀上

如果單純只是寫個網頁，其實只需要了解HTML標籤跟文件結構就可以應付自如，不過HTML5的目標既然是網站應用程式平台，那了解API的基礎多少還是需要的。 DOM...

fillano ‧ 2010-10-14

2 Like 1 留言 8408 瀏覽

鐵人賽技術鐵人 DAY 15

回應鐵人賽的文章變鐵人系列第 15 篇

技術 [Reply] 在 Linux 上轉 html 檔成 pdf

swdsyu 在淺談Ruby產生PDF的套件-Prawn 一文裡，提及用ruby產生pdf檔的議題，在此介紹個linux上的現成轉html成pdf的工具。...

逮丸逮丸 ‧ 2010-10-14