HTML5 on G. T. Wang

reveal.js：用網頁製作簡報的 HTML5 架構

Thu, 22 Oct 2015 10:34:23 +0800

reveal.js 是一個使用網頁製作簡報的 HTML5 架構，讓您隨時隨地上網即可播放簡報。

製作簡報大家通常都會使用 Office 的 PowerPoint，而現在您有另外一種選擇，就是使用網頁來製作簡報，reveal.js 是一個專門用來製作高品質網頁簡報的 HTML5 架構，使用它來製作的簡報非常漂亮，功能也很強大，品質不會輸 PowerPoint，而且完全免費，

HTML5 的日期輸入功能教學

Thu, 18 Sep 2014 10:56:05 +0800

HTML5 中提供了一項新的日期輸入功能，可以提供使用者一個很方便選擇日期的介面，開發者也可以不必再依靠 jQuery 等 JavaScript 來實作這樣的功能。

在網頁中若要讓使用者輸入日期，傳統上的做法都是使用 jQuery 或是類似的 JavaScript 工具，另外寫一個日期選擇功能，而現在 HTML5 提供了一項原生的日期輸入功能，讓開發者可以不用再使用額外的工具就可以達到同樣的功能。

WebRTC 入門教學（一）：多媒體影像串流擷取

Wed, 17 Sep 2014 11:17:55 +0800

這裡介紹如何使用 WebRTC 在網頁中擷取本地端的多媒體影像串流，包含聲音與影像。

在過去有許多的網頁應用程式都有即時溝通（real time communication，簡稱 RTC）的需求，也就是遠端視訊聊天的功能，例如早先的 Google Talk 的視訊聊天、Facebook 聊天與後來發展的 Google Hangouts 等，這些都是用來讓人及時溝通的工具，但是在以前若要使用這樣的功能都要另外下載與安裝一些外掛程式，而安裝這些外掛的程序通常都很麻煩，甚至容易出問題，而最重要的問題是使用者可能一開始就不想安裝它了。

WebRTC 入門教學（二）：以 RTCPeerConnection 建立 Peer-to-peer 連線

Wed, 17 Sep 2014 11:07:20 +0800

上一篇文章中我們已經可以使用 MediaStream 擷取本地端的多媒體串流，現在我們要利用 RTCPeerConnection 建立連線，準備將串流傳送出去。

ICE 架構

在建立連線之前，我們要先討論一下，peer-to-peer 連線建立上的問題，理論上來說只要電腦都有連上網路，就可以透過網路建立一條連線直接溝通，不過很多時候因為 NAT 或是防火牆等問題，會讓您無法直接建立這樣的連線，這時候可以使用 ICE 的架構來幫助我們建立一個 peer-to-peer 的連線。

HTML5 的 Server-Sent Events 串流使用教學

Sat, 12 Apr 2014 14:28:57 +0800

Server-Sent Events 是一個已經被 W3C 納入 HTML5 標準的 API，它可以讓伺服器透過一般的 HTTP 協定主動更新瀏覽器的資料。

傳統的網頁架構下，如果瀏覽器要持續接收來自於伺服器端的新資料時，通常都是透過 Polling、Long-Polling 或 Streaming 等方式來達成，而後來出現的 WebSocket 徹底解決了這個問題，不過除此之外，在 HTML5 標準中還有一個 Server-Sent Events 也可以處理這類型的問題。

使用 Node.js 與 Socket.IO 建立即時性（Realtime）網頁應用程式 App

Thu, 06 Mar 2014 15:33:33 +0800

這裡介紹如何使用 Node.js 與 Socket.IO 建立一個即時性（realtime）的網頁應用程式 App，讓瀏覽器與伺服器之間具備雙向溝通的能力。

Socket.IO 是一個用於建立即時性通訊網頁應用程式（realtime web applications）的跨平台 JavaScript 函式庫，可以消除不同平台上傳輸方式的差異性，讓開發者更容易發展即時性的網頁應用程式。

HTML5 Please：提供各種 HTML5 與 CSS 語法在瀏覽器相容性問題上的使用建議

Fri, 20 Dec 2013 13:43:37 +0800

HTML5 Please 整理了各種新的 HTML5 與 CSS 語法在各種瀏覽器上的相容性狀況，並提供使用上的建議。

在開發網頁的應用程式時，開發者所撰寫的 HTML5 或 CSS 程式碼通常都要面對許多不同瀏覽器的相容性問題，而 HTML5 Please 是一個可以查詢各種 HTML5 與 CSS 的語法在各種瀏覽器中被支援的狀況，並且建議你是否應該使用，你可以依據哪一些瀏覽器支援哪一些語法來選擇要使用的語法。