Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
TML5是全新的。事實(shí)上,它甚至還沒(méi)有完全成熟。如果你聽一些據(jù)“壞脾氣”專家的介紹,他們會(huì)告訴你HTML5在未來(lái)10年甚至更久的時(shí)間里都不會(huì)完全成熟!
本書作者致力于研究開發(fā)和講HTMLS技術(shù)已有兩年多,現(xiàn)在可以肯定地說(shuō),在實(shí)際Web應(yīng)用中新標(biāo)準(zhǔn)的采納程度正在以令人目眩的速度不斷加快。即使在編寫本書的過(guò)程中,我們都被迫不斷更新書中的瀏覽器支持表格,重新評(píng)估哪些技術(shù)又具備了使用條件。
第1章“HTMI 5概述",從HTML版本的發(fā)展歷程說(shuō)起,介紹了HTML規(guī)范過(guò)去和現(xiàn)在的版本情況,然后介紹了新的高級(jí)語(yǔ)義標(biāo)簽,以及一-些根本性的改進(jìn),同時(shí)還分析了HTML5背后的設(shè)計(jì)理念。
第2章“Canvas API"、第3章“SVG” 和第4章“音頻和視頻”,討論了新的可視化元素和媒體元素。在這三章中,集中討論如何在無(wú)插件和無(wú)服務(wù)器交互的情況下優(yōu)化用戶界面。
第5章“Geolocation API”介紹的是一個(gè)全新的功能。在此之前,它很難通過(guò)模擬方式實(shí)現(xiàn),它賦予應(yīng)用程序確定用戶當(dāng)前位置的能力,并可以用來(lái)定制用戶體驗(yàn)。
第6章“Communication API”和第7章“WebSockets API"展示了HTML5提供的日益強(qiáng)大的通信能力。有了這兩個(gè)API,Web應(yīng)用不僅可以同其他網(wǎng)站進(jìn)行通信,而且還能以最簡(jiǎn)單的代碼和最小的網(wǎng)絡(luò)開銷進(jìn)行實(shí)時(shí)數(shù)據(jù)流的傳遞。
TML5發(fā)展如火如荼,隨著各大瀏覽器對(duì) HTML5 技術(shù)支持的不斷完善以及HTML5 技術(shù)的不斷成熟,未來(lái) HTML5 必將改變我們創(chuàng)建 Web 應(yīng)用程序的方式。今天這篇文章向大家推薦8款優(yōu)秀的HTML5開發(fā)工具,幫助你更高效的編寫 HTML5 應(yīng)用。
1、Initializr
Initializr 是制作 HTML5 網(wǎng)站最好的入門輔助開發(fā)工具,你可以使用提供的特色模板快速生成網(wǎng)站,也可以自定義,Initializr 會(huì)為你生成代碼簡(jiǎn)潔的可定制的網(wǎng)頁(yè)模板。
2、HTML5demos
想知道你的瀏覽器是否支持 HTML5 Canvas 嗎?想知道 Safari 是否可以運(yùn)行簡(jiǎn)單的 HTML5 聊天客戶端嗎?HTML5demos 會(huì)告訴你每一個(gè)HTML5特性在哪些瀏覽器中支持。
3、HTML5 Tracker
想了解 HTML5的最新動(dòng)向嗎? 使用 HTML5 Tracker 吧,它可以跟蹤 HTML5 最新修訂信息。
4、HTML5 visual cheat sheet
想要快速超找一個(gè)標(biāo)簽或者屬性嗎?看看這個(gè)非常酷的速查手冊(cè)吧,每個(gè)Web開發(fā)人員的必備。
5、Switch To HTML5
Switch To HTML5 是一個(gè)基礎(chǔ)而實(shí)用的模板生成工具。如果你開始一個(gè)新項(xiàng)目,可以到這里獲取免費(fèi)的 HTML5 網(wǎng)站模板。
6、Cross browser HTML5 forms
HTML5 中的日歷,取色板,滑塊部件等都是非常棒工具,但是有些瀏覽器不支持。這個(gè)頁(yè)面將幫助你構(gòu)建完美的HTML5表單兼容方案。
7、HTML5 Test
你瀏覽器準(zhǔn)備好迎接 HTML5 革命了嗎?HTML5 Test 將告訴你。這個(gè)網(wǎng)站會(huì)為你當(dāng)前使用的瀏覽器生成一份對(duì)video、audio、canvas等等特性的支持情況的完整報(bào)告。
8、Lime JS
LimeJS 是一個(gè) HTML5 游戲開發(fā)框架,用于快速構(gòu)建運(yùn)行于觸屏設(shè)備和桌面瀏覽器的游戲。非常棒的HTML5開發(fā)工具,一定要用用試試。
更多內(nèi)容和資訊或者問(wèn)題,更多干貨分享,盡在我的個(gè)人微信公眾號(hào),
微信名:非著名程序員,微信號(hào):smart_android(←長(zhǎng)按復(fù)制)。
微博:澀郎
過(guò)去的幾年里,HTML5在網(wǎng)絡(luò)空間的門戶網(wǎng)站中得到了充分的認(rèn)可和普及,進(jìn)入發(fā)展的快車道,并改進(jìn)了其前身的方法。
在本文中,我們帶來(lái)了10個(gè)最好的HTML5工具,這些工具可以簡(jiǎn)化您的開發(fā)工作,使您能夠輕松地開發(fā)具有創(chuàng)造性和創(chuàng)新性的Web應(yīng)用程序。我們希望您能找到適合您工作的列表,如果您知道其他一些最好的HTML5工具,請(qǐng)?jiān)谙旅娴脑u(píng)論部分寫下評(píng)論,讓我們知道。享受吧!
HTML5 Video Voting允許收集視頻反饋,投票非常簡(jiǎn)單。你所要做的就是點(diǎn)擊視頻并使用空格鍵提交你的投票,它將自動(dòng)填充條形圖。
Stitches是一個(gè)HTML5 Sprite薄板生成器,簡(jiǎn)單地將圖像文件拖放到下面的空間中,然后單擊“生成”以創(chuàng)建sprite工作表和樣式表。Stitches使用了兩個(gè)HTML5 API,它目前只與最新版本的Chrome和Firefox兼容。但是,它不適用于IE9,它需要jquery 1.7.1+,modernizer,dropfile,flashcanvas來(lái)支持舊的瀏覽器。根據(jù)麻省理工學(xué)院的許可證。
Literally Canvas(字面上的畫布)是一個(gè)開源的HTML5小部件,它可以集成到任何頁(yè)面,讓用戶可以在線繪制。它附帶了一組簡(jiǎn)單的工具,包括繪制、擦除等等特色作用。這個(gè)小部件是用jquery+underline.js構(gòu)建的,它有一個(gè)API來(lái)定義背景顏色、工具和維度。
wysihtml5是一個(gè)基于HTML5技術(shù)和漸進(jìn)增強(qiáng)方法的開源富文本編輯器。它使用了一個(gè)復(fù)雜的安全概念,旨在通過(guò)防止不可維護(hù)的標(biāo)簽湯和內(nèi)聯(lián)樣式來(lái)生成完全有效的HTML5標(biāo)記,它又快又輕。它生成有效的語(yǔ)義HTML5標(biāo)記。它使用類名而不是內(nèi)聯(lián)樣式,它也支持Chrome的語(yǔ)音輸入。它是根據(jù)麻省理工學(xué)院的許可證發(fā)布的。
video js是一個(gè)HTML5視頻播放器,有三個(gè)核心部分:一個(gè)嵌入代碼(每個(gè)人都有視頻)、一個(gè)javascript庫(kù)(video.js)和一個(gè)純HTML/CSS皮膚(video js.css),使用視頻自動(dòng)嵌入代碼與,許多設(shè)備兼容。
Create.js是一個(gè)針對(duì)內(nèi)容管理系統(tǒng)的綜合Web編輯界面,創(chuàng)建可以適應(yīng)幾乎任何內(nèi)容管理后端的工作。
HTML5 Please是一個(gè)HTML5/CSS3功能的交互式兼容性圖表,用于找出“支持(或不支持)哪些瀏覽器”。使用智能搜索欄,可以使用瀏覽器或設(shè)備支持、類型(HTML5或CSS3元素/屬性)等過(guò)濾結(jié)果。每一項(xiàng)都被簡(jiǎn)要地描述,并且共享一個(gè)選項(xiàng),決定它們是應(yīng)該與回退一起使用,還是應(yīng)該與多段填充一起使用。
Moqups是一個(gè)漂亮的HTML5應(yīng)用程序,用于創(chuàng)建線框、模型或UI概念,原型取決于您喜歡如何調(diào)用它們。他們?cè)噲D讓事情變得簡(jiǎn)單和相當(dāng)直觀,這樣你就可以毫無(wú)障礙地釋放你的創(chuàng)造力。moqups建立在開放標(biāo)準(zhǔn)之上,努力在瀏覽器中提供最佳體驗(yàn)。
Spritebox是一個(gè)wysiwyg工具,可以幫助網(wǎng)頁(yè)設(shè)計(jì)師從一個(gè)sprite圖像中快速輕松地創(chuàng)建CSS類和ID。它基于使用background position屬性將sprite圖像的區(qū)域?qū)R為網(wǎng)頁(yè)的塊元素的原則。它是由jquery、css3和html5組合而成,完全免費(fèi)使用。
Speakker是一款采用HTML5的跨瀏覽器音頻解決方案。它有兩種不同的款式,并提供了難以置信的定制選項(xiàng):靈活的尺寸、無(wú)限的顏色和兩種不同的按鈕組,用于明暗主題。易于設(shè)置。只需幾行JavaScript和一個(gè)Quantum CSS。
(本文如有侵權(quán),請(qǐng)聯(lián)系作者,必刪!!!)
以上,就講完了10個(gè)HTML5開發(fā)者最佳工具,歡迎大家一起交流!!!
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。