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

4 Like 1 留言 3520 瀏覽

鐵人賽 IT技術 DAY 2

新手前端日記系列第 2 篇

技術 [新手前端]從平面設計前進 HTML

由平面設計的角度開始去理解HTML的構成我最早開始做網頁是高中時期，當初還在播接，各校的BBS都還興盛，入口網站是奇摩、蕃薯藤，最大的網路社團是cityfam...

chibc ‧ 2012-10-10

1 Like 1 留言 5487 瀏覽

鐵人賽 IT技術 DAY 1

只是路過 HTML5 系列第 1 篇

技術 HTML5的相關網站介紹

過去的HTML，對視覺設計者和程式開發者而言，在網頁製作上較為困難和辛苦。 HTML5則是將內容和外觀明確的訂定出來。學習新技術之前，會先找一些資料，分享小...

iamya ‧ 2012-10-09

0 Like 0 留言 2648 瀏覽

鐵人賽 IT技術 DAY 7

Windows Metro style Apps using HTML5 系列第 8 篇

技術 Store App 的 Html Controls

http://ithelp.ithome.com.tw/ironman5/player/seanamph/tech/1 從 http://msdn.micros...

seanamph ‧ 2012-09-30

4 Like 3 留言 2330 瀏覽

鐵人賽 IT人生 DAY 1

That's my dream－Be an engineer 系列第 1 篇

技術歸零

大學過一半了，現在正精彩大三開始要做專題了暑假就斷斷續續看一些書了 Html Css JavaScript 說真的自己學真的很難但會很有成就感當初寫程式...

shihwei ‧ 2012-09-24

13 Like 4 留言 10751 瀏覽

達標好文技術可撐長時間運作的動態網頁技術 - 結案報告

經過半個月的時間，把上次分享的問題【可撐長時間運作的動態網頁技術？】做個總結。前文提到，因為網頁天生不是用來擺著長時間運作的。所以它的運作環境，包含瀏覽器、D...

wiseguy ‧ 2012-09-14

6 Like 12 留言 16666 瀏覽

技術可撐長時間運作的動態網頁技術？

已經有邦友在抱怨沒什麼新鮮事好聊了，以前這種『上網倦怠症』會由女王定期的話題來化解，不過不知道女王是否也受到『上網倦怠症』的荼毒而呈半退休狀態 ...因此野人獻...

wiseguy ‧ 2012-08-31

2 Like 1 留言 3545 瀏覽

鐵人賽 IT人生鐵人 DAY 18

九一每日隨想系列第 18 篇

技術九一每日隨想之十八：怎樣做網頁省時省力？

今天做網頁時照舊很快的把會議記錄word檔修一修，確認無誤後，就作成pdf檔，然後加個連結就完成了，簡簡單單、輕輕鬆鬆，幾分鐘搞定！想起以前開始學做網頁時，自...

yakelu ‧ 2011-10-25

1 Like 0 留言 3734 瀏覽

技術 jQuery與動態圖形按鈕

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

player ‧ 2011-10-14

12 Like 3 留言 5996 瀏覽

鐵人賽開發鐵人 DAY 30

HTML5試試看系列第 30 篇

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

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

fillano ‧ 2010-11-10

8 Like 0 留言 7191 瀏覽

鐵人賽開發鐵人 DAY 29

HTML5試試看系列第 29 篇

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

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

fillano ‧ 2010-11-09

5 Like 0 留言 7508 瀏覽

鐵人賽開發鐵人 DAY 28

HTML5試試看系列第 28 篇

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

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

fillano ‧ 2010-11-08

8 Like 2 留言 7993 瀏覽

鐵人賽開發鐵人 DAY 27

HTML5試試看系列第 27 篇

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

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

fillano ‧ 2010-11-07

7 Like 0 留言 8463 瀏覽

鐵人賽開發鐵人 DAY 26

HTML5試試看系列第 26 篇

技術 [HTML5試試看-26] GeoLocation

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

fillano ‧ 2010-11-06

8 Like 1 留言 12603 瀏覽

鐵人賽開發鐵人 DAY 25

HTML5試試看系列第 25 篇

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

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

fillano ‧ 2010-11-05

8 Like 0 留言 12646 瀏覽

鐵人賽開發鐵人 DAY 24

HTML5試試看系列第 24 篇

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

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

fillano ‧ 2010-11-04

7 Like 1 留言 9514 瀏覽

鐵人賽開發鐵人 DAY 23

HTML5試試看系列第 23 篇

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

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

fillano ‧ 2010-11-03

6 Like 0 留言 9473 瀏覽

鐵人賽開發鐵人 DAY 22

HTML5試試看系列第 22 篇

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

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

fillano ‧ 2010-11-02

9 Like 0 留言 5814 瀏覽

鐵人賽開發鐵人 DAY 21

HTML5試試看系列第 21 篇

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

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

fillano ‧ 2010-11-01

7 Like 0 留言 12615 瀏覽

鐵人賽開發鐵人 DAY 20

HTML5試試看系列第 20 篇

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

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

fillano ‧ 2010-10-31

8 Like 0 留言 6798 瀏覽

鐵人賽開發鐵人 DAY 19

HTML5試試看系列第 19 篇

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

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

fillano ‧ 2010-10-30

8 Like 0 留言 7838 瀏覽

鐵人賽開發鐵人 DAY 18

HTML5試試看系列第 18 篇

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

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

fillano ‧ 2010-10-29

6 Like 0 留言 6749 瀏覽

鐵人賽開發鐵人 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 留言 9334 瀏覽

鐵人賽開發鐵人 DAY 16

HTML5試試看系列第 16 篇

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

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

fillano ‧ 2010-10-27

7 Like 0 留言 15214 瀏覽

鐵人賽開發鐵人 DAY 15

HTML5試試看系列第 15 篇

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

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

fillano ‧ 2010-10-26

4 Like 0 留言 9377 瀏覽

鐵人賽開發鐵人 DAY 14

HTML5試試看系列第 14 篇

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

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

fillano ‧ 2010-10-25

4 Like 0 留言 9295 瀏覽

鐵人賽開發鐵人 DAY 13

HTML5試試看系列第 13 篇

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

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

fillano ‧ 2010-10-24

3 Like 0 留言 7124 瀏覽

鐵人賽開發鐵人 DAY 12

HTML5試試看系列第 12 篇

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

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

fillano ‧ 2010-10-23

4 Like 0 留言 8992 瀏覽

鐵人賽開發鐵人 DAY 11

HTML5試試看系列第 11 篇

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

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

fillano ‧ 2010-10-22

6 Like 11 留言 13031 瀏覽

鐵人賽開發鐵人 DAY 10

HTML5試試看系列第 10 篇

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

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

fillano ‧ 2010-10-21

5 Like 1 留言 12916 瀏覽

鐵人賽開發鐵人 DAY 9

HTML5試試看系列第 9 篇

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

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

fillano ‧ 2010-10-20