iT邦幫忙

html5相關文章
共有 296 則文章
鐵人賽 IT技術 DAY 9
只是路過 HTML5 系列 第 9

技術 HTML Audio/Video Properties(3)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 9
且戰且走HTML5 系列 第 9

技術 且戰且走HTML5(9) 應用的主軸:Canvas

Canvas是HTML5中很熱門的技術,目前已經有非常多的應用。接下來就會以Canvas做主角,逐漸發展出應用。先來簡單了解一下Canvas是什麼。 其實Fir...

鐵人賽 IT技術 DAY 8
且戰且走HTML5 系列 第 8

技術 且戰且走HTML5(8) Socket.IO的架構與連線管理機制

其實Socket.IO的文件並不完整,雖然不需要完整的說明就可以使用,但是要清楚他的功能跟架構的話,大概要直接追蹤原始碼。 打開socket.io目錄中的pac...

鐵人賽 IT技術 DAY 8
只是路過 HTML5 系列 第 8

技術 HTML Audio/Video Properties(2)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 7
且戰且走HTML5 系列 第 7

技術 且戰且走HTML5(7) 進階的Chat應用

管理連線、利用Storage來存放變數其實也是Socket.IO內建的功能。另外,也稍微追蹤一下原始碼,看看要怎麼做出更複雜的功能。 管理連線主要有兩個部分。S...

鐵人賽 IT技術 DAY 7
只是路過 HTML5 系列 第 7

技術 HTML Audio/Video Properties(1)

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 6
只是路過 HTML5 系列 第 6

技術 HTML Audio/Video Methods

參考: http://www.w3schools.com/tags/ref_av_dom.asp HTML5 DOM 為<audio> 和<v...

鐵人賽 IT技術 DAY 6
且戰且走HTML5 系列 第 6

技術 且戰且走HTML5(6) 多人協同運作

觀察一下目前有哪些有趣的多人協同運作的應用,並且稍微考慮一下想在鐵人賽中實作應用的範圍與技術的困難度。 今天是週日,輕鬆一點,來稍微思考一下多人協同運作的應用,...

鐵人賽 IT技術 DAY 5
且戰且走HTML5 系列 第 5

技術 且戰且走HTML5(5) 更深入Socket.IO

除了使用簡單,Socket.IO更內建了一些Chat必須的邏輯,可以減少一些開發的工作。 如果一個Chat只能支援一個聊天室,那功能就太簡單了。今天來看一下,要...

鐵人賽 IT技術 DAY 5
只是路過 HTML5 系列 第 5

技術 HTML5的Video標籤(3)

介紹在<video>裡可以放置的特性(Attributes)- control preload loop muted control 指定是否顯示控...

鐵人賽 IT技術 DAY 4
只是路過 HTML5 系列 第 4

技術 HTML5的Video標籤(2)

audio和video都是Media Elements- 介紹在<video>裡可以放置的特性(Attributes)- src autoplay...

鐵人賽 IT技術 DAY 4
且戰且走HTML5 系列 第 4

技術 且戰且走HTML5(4) 基本的Chat應用

大致上了解了Socket.IO的使用方式,接下來就來試試看,怎樣用它做出簡單的Chat功能。 基本的Chat應用,在伺服器端其實跟單純的Echo差不多。只是原本...

鐵人賽 IT技術 DAY 3
且戰且走HTML5 系列 第 3

達標好文 技術 且戰且走HTML5(3) 使用Socket.io

WebSocket必須要有伺服器端的支援才能運作,所以來看看Node.js最多人使用的Socket.IO怎麼使用。 Socket.IO是Node.js上最早的W...

鐵人賽 IT技術 DAY 3
只是路過 HTML5 系列 第 3

技術 HTML5的Video標籤(1)

應該要先講HTML5的結構 > < 但剛好最近在研究Video標籤。 今天分享筆記: 影片檔是什麼? 編譯解碼器是什麼? 簡單使用&lt...

鐵人賽 IT技術 DAY 2
且戰且走HTML5 系列 第 2

達標好文 技術 且戰且走HTML5(2) 應用主軸:WebSocket

WebSocket是瀏覽器與伺服器交換資料的方式之一,與HTTP最大的不同是,他是一個持續的雙向的連線,所以沒有重新連線,重新傳送檔頭等多餘的負荷,反應更即時。...

鐵人賽 IT技術 DAY 1
只是路過 HTML5 系列 第 1

技術 HTML5的相關網站介紹

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

鐵人賽 IT技術 DAY 1
且戰且走HTML5 系列 第 1

達標好文 技術 且戰且走HTML5(1) 前言:為何且戰且走

HTML5有許多規格已經即將成為穩定的標準,不過還有很多有趣的東西還沒有進入這個階段,而這些功能其實對於實作一個Web應用來說,其實也非常關鍵。 除了已經大致穩...

技術 Mac Pow + Html5 應用

由於在學習RoR的時候使用了一個好東西 Pow 這陣子要拿來單純測試Html5 卻一直出現Not Found 這篇文章記錄一下解決問題的過程 雖然在Mac上We...

技術 分享大小事-(系列文)4.企業佈署與應用技術MDOP與防毒防駭的FEP(含消費端免費MSE)

在這一篇、免費的好康當然放在前面跟您分享咯! 網路既然比馬路危險、當然安全防護不可少,台灣微軟Kevin在會中推薦大家可以安心的使用Microsoft Secu...

技術 分享大小事-(系列文)3.Windows7 與行動裝置/ Windows7平板電腦發表藍圖

Windows 7 家族的新夥伴已經漸次露出來了~! 您關心Windows 7 平板電腦的發展進度與藍圖嗎? 記得第一篇在聽完了台灣微軟副總經理 葉怡君(Cat...

技術 分享大小事-(系列文)2.IE9繁體中文正式版 發表上市與介紹

前一篇分享過Windows 7 SP1的新功能與介紹之後,這一篇就來看剛剛火熱上市的IE9咯!IE9新功能是啥? 這一個Session一開始、Jeff就「明確的...

技術 分享不分大小事-鐵人賽31/30MS Tech.Days Tw分享9:IE9Beta Night Party熱歌勁舞同歡

我想最近最受囑目的iT界大事莫過於Microsoft Tech.Days 2010 Taiwan這件事了!今天開始熊會陸陸續續分享參加的實際過程、跟大家一起分享...

鐵人賽 IT人生鐵人 DAY 30

技術 分享不分大小事-30/30 MS Tech.Days 2010 Taiwan 分享8:WP-7&Silverlight

話說「地球是圓的」、「科技是神奇的」…咦?熊在講啥? 喔~!是說時間很快到了30這個敏感數字、還記得30天前我是使用「分享不分大小事-2010鐵人賽1/30 年...

鐵人賽 IT人生鐵人 DAY 28

技術 分享不分大小事-鐵人賽28/30 MS Tech.Days 2010 Taiwan 分享8:連接未來的 ASP.NET

我想最近最受囑目的iT界大事莫過於Microsoft Tech.Days 2010 Taiwan這件事了!今天開始熊會陸陸續續分享參加的實際過程、跟大家一起分享...

技術 分享不分大小事-台灣熊看IE9Beta

Internet Explorer 9 應該是這一陣子最火紅的話題之一了!由前一陣子的露出…然後消聲一段時間、最近隨著微軟在舊金山以「Beauty of the...

技術 xhtml標準委員會將在今年底停止運作,資源轉向html5

http://www.w3.org/News/2009#item119 來自W3C的新聞稿。 [2009-7-2] 今天總經理宣佈XHTML工作小組charte...