HTML5火力展示!九個讓你驚奇的HTML5應用

筆者在近日寫了數篇文章談論HTML5在影片播放的優勢、以及其對於Flash所產生的威脅,但對於大多數的讀者來講仍然感受不到 HTML5的威力,在這一篇文章中,筆者將介紹十個精選的HTML5應用,請各位讀者一同體驗HTML5的魅力!
評論
評論

筆者在近日寫了數篇文章談論 HTML5 在影片播放的優勢、以及其對於 Flash 所產生的威脅 ,但對於大多數的讀者來講仍然感受不到 HTML5 的威力,在這一篇文章中,筆者將介紹十個精選的 HTML5 應用,請各位讀者一同體驗 HTML5 的魅力!

瀏覽器需求

目前 IE 的 HTML5 支援仍然相當有限,無論是 6/7/8 均只提供了有限的 HTML5 及 CSS3 支援。而對於其他的瀏覽器而言,各家目前的實做進度不一,因此若是讀者有興趣試玩以下介紹的網站,還請安裝 Google Chrome 或是 Mozilla Firefox 等對新的網頁標準支援較佳的瀏覽器,並且根據網站上的建議瀏覽器進行瀏覽,這樣才能確保得到完整的效果。

Sketchpad

Sketchpad 是一個完全建構在 HTML5 的 canvas 功能上的線上繪圖軟體,雖然與一般桌面上的 Photoshop 等繪圖軟體還具備一定程度的差異,但是與使用 Flash 的 Photoshop 線上版比起來,執行時明顯順暢很多。

另外值得注意的一點是,在最後儲存的時候也是使用 canvas 中的 toDataUrl() 函式,即時的將畫面在瀏覽器即時轉換成為一般可以下載的 png 檔。

CanvasPaint

CanvasPaint 同樣也是透過 HTML5 的 canvas 功能所設計的繪圖軟體,但比較不同的是整個繪圖軟體的功能、介面都是模仿 Windows 系列中所內建的小畫家軟體,十分的復古!

Tetris

俄羅斯方塊相信是許多人年輕的回憶,而 Tetris 便是透過 HTML5 在 Web 上重現這個經典的遊戲。就如同我們以往在遊戲機上所玩的操作一般,透過左右鍵移動方塊,上鍵變換方塊方向,下鍵來讓方塊快速的移動到底。

Sticky Notes

Sticky Notes 讓使用者能夠在這個網頁上建立新的便條紙筆記、移動這些便條紙,有趣的是,這個網站同時使用了 HTML5 的 localStorage 功能,也就是當你關閉視窗後,在下次開啟時會自動的還原顯示上次關閉時所紀錄的筆記。

Calendar

同樣類似 Sticky Notes 的概念,Calendar 透過了 HTML5 的本機儲存功能提供了一個瀏覽器介面的行事曆軟體。

Things

Things 是一套在 Mac/iPhone 上相當熱門的時間管理軟體,介面設計優雅、功能強大,而在近日他們也推出了 HTML5 的 Demo 版,雖然只是一個實驗性質的測試版,但未來他們將考慮將 Things 移植到網頁上讓更多使用者能夠使用。

Super Mario Kart Online

Super Mario Kart Online 試圖在 HTML5 上重現家用遊戲主機的經典名作、馬力歐賽車,透過 canvas 的幫助,Super Mario Kart Online 重現了簡單的模擬 3D 跑道,而使用者可以透過上下左右來操作、移動賽車。

雖然目前這個只是一個略顯粗糙的 Demo,但仍然讓人相當期待是否在未來會有完整的版本呈現。

Bespin

Bespin 是由開發 Firefox 的 Mozilla 所推出的一項網路服務,將一般程式師的軟體開發工具透過 HTML5 的技術來在瀏覽器上實現。除了提供一般程式開發中常見的 syntax highlight 之外,也支援了 Mercurial 這套版本控制系統的整合。另外,也有支援多人協作程式碼,讓多位開發者能夠在 Bespin 上編輯同一份程式碼。

Guacamole

在眾多 HTML5 的運用中,最重量級的應用莫過於現在要介紹的 Guacamole 了。Guacamole 是一套透過 HTML5 及 Canvas 來實做的 VNC 軟體,所謂的 VNC 便是遠端桌面的概念,讓我們能夠透過網路來操作另外一台電腦。而一般的 VNC 軟體都得透過安裝桌面的程式才能進行操作,但透過 Guacamole 我們只需要使用支援 HTML5 的瀏覽器並連上網站就可以操作遠端的電腦了!

結論

在看過以上這些 HTML5 的應用之後,相信各位讀者對於 HTML5 的威力應該可以親身感受,就讓我們一起期待這個網頁新標準會為市場帶來什麼更多有趣的應用!


AWS Dev Day 開發者大會來了!業界大神集結線上開講,開發你的技術潛能

2021 AWS Dev Day 開發者大會將於 10 月 8 日線上舉行。
評論
Photo Credit:AWS
評論

2021 AWS Dev Day 開發者大會將於 10 月 8 日線上舉行,聚焦全球現代開發者需求,針對不同領域的開發者設計對應的多元議程,許多知名的業界大神也將集結在此、線上開講,豐富的技術資源與知識寶藏等你挖掘▶立即手刀報名

各領域開發者的年度重頭大戲,AWS Dev Day 聚焦 6 大主題

本次開發者大會的主軸,旨在幫助開發者走過實戰應用,以及加強深度運用 AWS 各種服務,不只要提升個人技術能力,更可作為主導開發的基礎墊腳石。聚焦 6 大活動主題,包括:

  • 人工智慧與機器學習 (AI/ML)
  • 現代開發 (Modern Development)
  • 開發營運 (DevOps)
  • 數據分析 (Data & Analytics)
  • 架構設計 (Architecture)
  • 前端開發 (Front-end Development)

身在雲端技術帶動產業高速發展的時代,AWS Dev Day 當帶領參加者用技術突圍、提高決策驅動力,激發潛能之際,更要開拓雲端之旅的可能性,備戰即將到來的多元時代。

線上盛會無遠弗屆,全天技術專題收穫滿滿

Photo Credit:AWS

這一場 AWS Dev Day 是專屬於開發者的年度技術盛會。不只集結業界重量級講師親身分享,帶來第一手的實戰經驗與最新資訊,也會針對不同領域開發者設計對應多元議程,讓企業新創技術團隊一起共同學習。此外,也精選深度高階的技術內容,有意自我加值、技術進階的開發者更不可錯過。更棒的是,本場盛會採全天線上舉行,不受地域限制,還可與專業技術團隊即時線上交流,不只學技術,更是發展人脈好機會。

備戰未來,就是現在!AWS Dev Day 為開發者開拓雲端之旅

無論是前端、後端、DevOps 工程師,IT人員、解決方案架構師、開發者、資料科學家、數據分析師,工程師或系統管理員,只要想暸解 AWS 的熱門雲端技術、客戶案例、平台與服務,都能在豐富的 AWS Dev Day 議程中找到適合的內容。

▶即刻報名 2021 AWS Dev Day 開發者大會