1. 程式人生 > >Web開發者不容錯過的10個HTML5工具

Web開發者不容錯過的10個HTML5工具

隨著網路的不斷擴張,Web開發人員非常有必要擁有最新的HTML5工具,用於建立動態和互動式的Web應用程式和網頁。下面這些就是你不應該錯過的新的HTML5工具。

1Timesheet.js

Timesheet.js是一款用於建立使用JavaScript庫的HTML工作流的簡單工具。你可以新增視覺化和轉換到使用CSS的事件。Timesheet.js特別好使,因為它只需要幾行JavaScript,就能生成漂亮的HTML佈局。


官方網站:http://semu.github.io/timesheet.js/

2Zebra

Zebra是一個基於HTML5的工具,可用於建立基於Web的使用者介面應用程式。只有你想不到,沒有它做不到。Zebra還是那些需要客戶端外掛才能工作的flash和小程式技術的替代品。Zebra純粹基於網路。


官方網站:http://www.zebkit.com/

3Google Web Designer

此新工具由網際網路巨頭谷歌釋出,旨在幫助那些沒有HTML5語言背景知識的人建立互動的HTML5網站。該工具能為你提供所有的編碼服務。所有你需要做的就是發揮你的想象力。如果你仍然想自己動手編寫一些程式碼,那麼也可以編輯生成的HTML5用於不同的輸出。


官方網站:https://www.google.com/webdesigner/

4Brunch

Brunch是強大的彙編程式,它能讓你用一種簡單而強大的方式構建精緻外觀的HTML5應用程式。Brunch能快速產出最穩定的應用程式。


官方網站:http://brunch.io/

5NoMe

NoMe是用於訪問地理位置和使用HTML5的相關資料的JavaScript庫。因為它無需下載大量的資料庫到本地計算機,所以能為你進入位置和天氣資訊時跳過不少麻煩。


官方網站:http://nomejs.com/

6Snap Tomato

這款新HTML工具允許你在任何裝置上測試你的HTML5程式碼。Snap Tomato簡單易用,由一個編輯器和一個單獨的標籤組成,標籤可以讓你實時預覽正處於編輯器視窗下的網頁。


官方網站:http://snaptomato.appspot.com/

7Gauge.js

Gauge.js是用於建立使用JavaScript自定義動畫的儀表盤和滑動杆的指令碼。你可以建立你所選擇的任何儀表盤。此工具完全基於JavaScript,不使用任何其他的程式碼,如CSS和XML。


官方網站:http://bernii.github.com/gauge.js/

8overVid

CoverVid是一個超棒的工具,可用於將HTML視訊作為網站的背景,讓頁面有一種動態的感覺。它是一個小型的jquery擴充套件,既容易又便於使用。


官方網站:https://github.com/stefanerickson/covervid/

9JSCapture

JSCapture是目前網際網路上最酷的工具之一。它能讓你從瀏覽器對桌面進行截圖。它甚至可以只使用JavaScript和HTML5記錄你的螢幕。


官方網站:https://mgechev.github.io/jscapture/

10Quintus

如果你想開發酷炫的遊戲,那麼選擇Quintus吧。Quintus是一款簡單的JavaScript HTML5遊戲引擎,易學又易於使用。


官方網站:http://www.html5quintus.com/

以上這10個HTML5工具希望能給你帶來幫助,你有哪些優秀的HTML5工具框架,歡迎和我們分享。

來自:碼農網

譯文連結:http://www.codeceo.com/article/10-html5-tools.html

英文原文:10 New HTML5 Tools Which Developers Shouldn’t Miss

相關推薦

Web開發者不容錯過10HTML5工具

隨著網路的不斷擴張,Web開發人員非常有必要擁有最新的HTML5工具,用於建立動態和互動式的Web應用程式和網頁。下面這些就是你不應該錯過的新的HTML5工具。 1Timesheet.js Timesheet.js是一款用於建立使用JavaScript庫的HTML工

(轉)Web開發者不容錯過10HTML5工具

本文由碼農網 – 小峰原創翻譯,轉載請看清文末的轉載要求,歡迎加入技術翻譯小組! HTML5已經成為當今世界的一個必然組成部分。由於World Wide Web全球資訊網是使用超文字標記語言來架構和呈現的,於是HTML5成為了最流行的程式語言之一。隨著網路的不斷擴張,

Web開發者不容錯過的20段CSS程式碼

Web開發技術每年都在革新,瀏覽器已逐漸支援CSS3特性,並且網站設計師和前端開發者普遍採用這種新技術進行設計與開發。但仍然有一些開發者迷戀著一些CSS2程式碼。 本文將分享20段非常專業的CSS2/CSS3程式碼供大家使用,你可以把它們儲存在IDE裡、或者儲存

60開發者不容錯過的免費資源庫

文章作者Juan Pablo Sarmiento收集了60個較為實用、高效的工具資源庫,可以幫助開發者快速建立各種Web App和移動App。這些資源的特點是:簡單、便捷、免費、高效、功能多。當你獨自一人需要在短期內構建一個產品的時候,這些起關鍵作用的工具定會給你留下更深

從設計到開發,10不容錯過的效率提升工具

工欲善其事必先利其器。好的工具雖不是締造一位出色的開發者的充分條件,卻是必要條件。希望在這篇文章中分享的這些實用性工具可以在優化工作流上幫助到你。 Atom Atom是Github推出的一個開源跨平臺文字編輯器。幾年間Atom都是我的第一選擇,它功能齊全,內建包管理工

Java 開發者不容錯過的 12 種高效工具

Java 開發者常常都會想辦法如何更快地編寫 Java 程式碼,讓程式設計變得更加輕鬆。目前,市面上湧現出越來越多的高效程式設計工具。所以,以下總結了一系列工具列表,其中包含了大多數開發人員已經使用、正在使用或將來一定會用到的高效工具。這份列表名單包括整合開發環境、整合工

適合區塊鏈開發者使用的10工具

本文翻譯自DashMagazine《10 Tools for Blockchain Development》,原文連結:ht

10html5增加的重要新特性和內容

提交 網頁 mil 表達 console focus 工具 訪問 引用   文章開篇之前我們先了解一下什麽是html5,百度上是這樣定義html5的:萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言(HTML)的第五次重大修改。 其實說白了html5也

提升 Web開發性能的 10 技巧

例如 internet nginx 數據庫 出了 sta local 延遲 jpg 隨著網絡的高速發展,網絡性能的持續提高成為能否在蕓蕓App中脫穎而出的關鍵。高度聯結的世界意味著用戶對網絡體驗提出了更嚴苛的要求。假如你的網站不能做到快速響應,又或你的App存在延遲,用戶很

版本 ------- 2017年最受開發者歡迎的10Linux發行版

ogr cmak 但是 測試軟件 add 依賴項 xen 方法 roi 1.Arch Linux Arch Linux在安裝過程中提供了強大的可定制選擇,支持你下載和安裝自己所需的程序包。雖然這個選擇對新手來說沒有多大的幫助,但是它確實能夠幫助那些使用Arch構建系統和存

Mac使用者不可或缺的10效率工具

想讓你的日常辦公更加靈活且富有成效麼?那麼下面這些工具是你的絕佳選擇!我們推薦給你一些熱門的工具軟體,以使原來複雜的工作任務變得簡單而高效。這些用於 OS X 的軟體工具,大多數是免費,其他的也便宜。下面就讓我來給大家介紹吧。 我們已經習慣於在同一時刻複製貼上,

推薦:web開發人員常用8工具

 隨著技術發展,web網頁開發要求越來越高,開發者都希望能更快速更高效更完美地展示,但工欲善其事必先利其器,今天我們大聖眾包(www.dashengzb.cn)小編就為大家整理8個好用的web開發常用工具,希望可以收藏實踐下。   1、Bootstrap   Bo

Android快速開發系列 10常用工具

開啟大家手上的專案,基本都會有一大批的輔助類,今天特此整理出10個基本每個專案中都會使用的工具類,用於快速開發~~ 在此感謝群裡給我發專案中工具類的兄弟/姐妹~ 1、日誌工具類L.java Java package c

java web開發者常用的一些軟體和工具

1:Eclipse:這個就不細說了,是一款強大的工具,可以整合許多工具比如svn和maven等,可以進行web,安卓已經python等開發。eclipse相較於myeclipse最突出一點就是免費,操作簡單,工具強大,可以下載不同的版本,下載地址:https://www.e

Github上值得推薦的10HTML5資源

1 H5FullscreenPage 基於zepto.js或者jquery.js的構建滾動動畫頁面的框架,支援PC和mobile,支援音樂盒動畫效果。 2 h5slider 基於HTML5技術的幻燈片編輯、播放、控制的全套方案 會員管 3 htm

適合Web開發人員的10CSS程式碼生成器

轉載自:微信公眾號 qianduan1024 前端開發的同名文章 原文:http://www.hongkiat.com/blog/css-code-generator-web-apps/ 摘要:Web開發人員們總是在尋找可以幫助他們節省時間的捷徑。許多優秀的開發人員工具

編寫高效能Web 應用程式的 10 技巧

  本文討論 • 常見 ASP.NET 效能難點 •

10HTML5美化版複選框和單選框

單選框和複選框在網頁中也十分常見,雖然它沒有按鈕的互動性強,但是如果能把它們像按鈕那樣美化一下,那也是非常不錯的。本文收集了10個相對比較漂亮的美化版單選框和複選框,希望你會喜歡。 1、CSS3漂亮的自定義Checkbox複選框 9款迷人樣式 之前我們分享過一款非

讓Docker功能更強大的10開源工具

軟體專案的成功常常根據其催生的生態系統來衡量。圍繞或基於核心技術構建的專案增添了功能和易用性,它們常常日臻完善。Docker就是一個典例,這個軟體容器化系統讓IT部門可以專注於應用程式、而不是虛擬機器,作為生產的標準單位。Docker一向備受第一方和第三方開發人員的關注,而眾多專案擴充套件、補充或改進Dock

上海嶽城科技Web開發者必知的10職業常識

們的 價格 在哪裏 寫文章 影響 隨著 不知道 自由職業 思路 上海嶽城科技在哪裏?眾所周知,Web開發行業的持續發展和需求的不斷變化給開發人員提出了新的要求與挑戰。就網站而言,用戶期望網站內容能更加豐富多彩、頁面更加美觀並且能提供良好的用戶體驗。如果Web開發人員一直止步