html5標(biāo)簽,flash動畫制作好學(xué)嗎?
flash因?yàn)楦鞣N安全漏洞頻出,已經(jīng)明確的被蘋果、谷歌、微軟列為未來淘汰產(chǎn)品了,Adobe已經(jīng)正式聲明將于2020年結(jié)束對flash的支持,各瀏覽器的支持也將會在2020年底徹底結(jié)束,未來將正式被HTML5等新技術(shù)所取代。下面引用一篇文章來幫你介紹一下各種替代flash的技術(shù),希望對你的學(xué)習(xí)方向有所幫助。
Flash 的替代技術(shù)
-------2 年前 · 來自專欄 極光日報(bào)
簡評:Flash 在過去的十幾年里為我們提供了動畫、視頻、游戲,當(dāng)然還有廣告。但現(xiàn)在 Flash 退出歷史舞臺的時(shí)機(jī)已經(jīng)來了,那么哪些技術(shù)未來將替代 Flash?
Web 動畫
CSS
CSS animation 實(shí)現(xiàn) Web 動畫最簡單的一種方式。隨著 CSS3 的發(fā)布,動畫也已經(jīng)被加入到了標(biāo)準(zhǔn)之中。Mozilla 也推出了相關(guān)的文檔,網(wǎng)絡(luò)上也有很多的開源項(xiàng)目可以使用。
JavaScript
通過 HTML5 的 <canvas> 標(biāo)簽,開發(fā)者可以通過 JavaScript 繪制圖形、變換顏色、透明度、圖片等等。JavaScript 可以使用 SVG 來實(shí)現(xiàn)動畫,SVG 相較于其他的方案擁有很多優(yōu)點(diǎn) - 可隨意縮放而不影響顯示效果、所占空間更小、更好的顯示效果和更強(qiáng)的顏色控制。很多人可能沒有意識到 SVG 能夠?qū)崿F(xiàn)多么優(yōu)秀的動畫效果,可以看看這個(gè)。
當(dāng)然新的 Web Animations API 也非常強(qiáng)大。
Web 游戲
在過去的一段時(shí)間 Flash 統(tǒng)治了 Web 游戲界,但在今天結(jié)合 JavaScript, HTML5, WebGL 和WebAssembly 等技術(shù)已經(jīng)完全能提供更好的體驗(yàn),甚至還可以使用 WebVR 和 A-Frame 來構(gòu)建 Web VR 應(yīng)用。
Mozilla 為開發(fā)者們提供了一份開發(fā) Web 游戲的技術(shù)清單,內(nèi)容包括:
WebGL
HTML audio
Web Audio API
WebSockets
WebRTC
WebAssembly
視頻
一直以來 Flash 視頻播放都有發(fā)熱嚴(yán)重等各種問題,而新一代的視頻編解碼器可以使用硬件渲染,大大提高了效率。不太好的就是要從 Flash 切換到 HTML5 只能將視頻重新編碼。可以通過 FFmpeg 和 Handbrake 這樣的免費(fèi)工具進(jìn)行轉(zhuǎn)碼。
而 HTML 5 內(nèi)置多媒體控件,因此無需用戶安裝任何額外的播放器,只需要像下面這樣:
<video src="videofile.webm" controls></video>
當(dāng)然,你也可以自定義樣式,來保證不同瀏覽器之間的外觀和表現(xiàn)一致。
MDN 也提供了 Flash 遷移到 HTML5 的指南。
現(xiàn)在 Flash 已經(jīng)注定被拋棄了,趕緊學(xué)習(xí)下新技術(shù)吧。
原文:Life After Flash: Multimedia for the Open Web
html5開發(fā)工具有哪些?
十款好用的HTML5開發(fā)工具
一、HBuilder
hbuilder是DCloud推出的一款支持HTML5的Web開發(fā)IDE。快,是HBuilder的最大優(yōu)勢,通過完整的語法提示和代碼輸入法、代碼塊等,大幅提升HTML、js、css的開發(fā)效率。同時(shí),它還包括最全面的語法庫和瀏覽器兼容性數(shù)據(jù)。
二、Notepad++
Notepad++ 程序員必備的文本編輯器,軟件小巧高效,支持27種編程語言,通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等,推薦各位下載使用。Notepad++ 可完美地取代微軟的記事本。
三、Dreamweaver
Dreamweaver "夢想編織者",是世界頂級軟件廠商Adobe推出的一套擁有可視化編輯界面,用于制作并編輯網(wǎng)站和移動應(yīng)用程序的網(wǎng)頁設(shè)計(jì)軟件。
由于它支持代碼、拆分、設(shè)計(jì)、實(shí)時(shí)視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁,對于初級人員,你可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。其成熟的代碼編輯工具更適用于Web開發(fā)高級人員的創(chuàng)作!
四、Sublime Text 3
Sublime Text 很贊的代碼編輯器,界面設(shè)置非常人性化,左邊是代碼縮略圖,右邊是代碼區(qū)域,你可以在左邊的代碼縮略圖區(qū)域輕松定位程序代碼的位置,高亮色彩功能非常方便編程工作。
五、Eclipse
Eclipse的本身只是一個(gè)框架平臺,但是眾多插件的支持使得Eclipse擁有其他功能相對固定的IDE軟件很難具有的靈活性。許多軟件開發(fā)商以Eclipse為框架開發(fā)自己的IDE。Eclipse最初是由IBM公司開發(fā)的替代商業(yè)軟件Visual Age for Java的下一代ide開發(fā)環(huán)境,2001年11月貢獻(xiàn)給開源社區(qū),現(xiàn)在它由非營利軟件供應(yīng)商聯(lián)盟Eclipse基金會(Eclipse Foundation)管理。
六、EditPlus
EditPlus是一款為Internet準(zhǔn)備的、運(yùn)行于Windows 下的32位文本、html編輯器, 同時(shí)也是程序員們非常喜愛的編輯器。你完全可以用它代替Windows筆記本, 它也為許多網(wǎng)頁高手和程序員提供便利!
七、WebStorm
WebStorm是一款強(qiáng)大的HTML5/JavaScript Web前端開發(fā)工具,被廣大JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”。WebStorm 8全新特性中包括對AngularJS的支持,能夠高效準(zhǔn)確地智能感知Angular語法、指令。WebStorm還完美支持Spy-js,合并了這款JavaScript調(diào)試?yán)鳎蟠筇岣吡碎_發(fā)者們的工作效率。
八、UEStudio
程序員使用的編輯器或代碼編輯器是一款強(qiáng)大 IDE 的重要組成部分。它是任何 IDE 的核心基礎(chǔ)。UEStudio 基于著名的 UltraEdit 進(jìn)行構(gòu)建。同樣,程序的主干非常成熟和穩(wěn)定,并且已經(jīng)被證實(shí)成為文本和程序編輯器的事實(shí)標(biāo)準(zhǔn)。
九、FirHtml網(wǎng)頁編輯器
FirHtml網(wǎng)頁編輯器一個(gè)簡潔,小巧的網(wǎng)頁編輯器。 我們通過上一代,開發(fā)出全新的網(wǎng)頁編輯器,幫助您高效地設(shè)計(jì)出精美的網(wǎng)頁!新版增加了添加文件域功能。
十、Vim
Vim是Linux上的著名的文本編輯器,他是早年的Vi編輯器的加強(qiáng)版。這個(gè)gVim是windows版的,并且有了標(biāo)準(zhǔn)的windows風(fēng)格的圖形界面,所以叫g(shù)(graphical)Vim。這是一個(gè)國際版本,會根據(jù)安裝的平臺自動選擇相應(yīng)語言包,支持中文及其各種編碼,連界面也是中文的,請放心使用。這個(gè)極具Unix特色和風(fēng)格(simple is the best)的編輯器相信會給您帶來不同的感受。
h5什么意思?
即html5,新版本,標(biāo)簽數(shù)量比之前的豐富,可以垮平臺