主要運(yùn)用html5的canvas的畫(huà)圖Api,結(jié)合鍵盤(pán)輸入功能,以及運(yùn)用一些簡(jiǎn)單的算法,比如小球碰撞,判斷輸入的與當(dāng)前畫(huà)布的是否相同等,隨著時(shí)間和分?jǐn)?shù)的增加速度也會(huì)加快。游戲完成后可上傳分?jǐn)?shù)到服務(wù)器。 不提供源碼下載,要學(xué)習(xí)可留言。 演示地址:http://wshome.sinaapp.com/h5-web/game/drop-words/index.html
新手入門(mén),使用javascript和css外加一點(diǎn)html做的簡(jiǎn)易計(jì)算器,求輕噴。。
和源碼相比,增加了logoshake的時(shí)間長(zhǎng)度,附加了一些logo和動(dòng)畫(huà)的小變化。
基于bootstrap的網(wǎng)頁(yè)開(kāi)發(fā)。做的不是很好,歡迎大家指導(dǎo)提議。
模仿別人實(shí)現(xiàn)的純css 實(shí)現(xiàn)mac
聽(tīng)了friday老師關(guān)于H5存儲(chǔ)課程之后,為了弄懂indexedDB所作的一個(gè)課后練習(xí)作業(yè),簡(jiǎn)單的實(shí)現(xiàn)了indexedDB的存儲(chǔ),查詢(xún) 測(cè)試瀏覽器:谷歌43.0.2357.124 m 效果查看地址http://www.dabenying.club/indexedDB.html
HTML5 Boilerplate 幫你構(gòu)建 快速, 健壯, 并且 適應(yīng)力強(qiáng) 的web app或網(wǎng)站。 這個(gè)小小的源碼包集合了100位開(kāi)發(fā)者的經(jīng)驗(yàn),你可以將這些經(jīng)驗(yàn)運(yùn)用在你的項(xiàng)目中。
demo動(dòng)畫(huà),通過(guò)css3和rem布局實(shí)現(xiàn)。
用HTML5、CSS3、ES6、Ajax、JS的Touch事件等技術(shù)開(kāi)發(fā)一款移動(dòng)端的web閱讀器。閱讀器有個(gè)性化的閱讀設(shè)置,并且會(huì)通過(guò)Html5的Localstorage把設(shè)置的背景顏色、字體大小等信息儲(chǔ)存在本地。閱讀器的文章內(nèi)容是通過(guò)Ajax異步讀取后臺(tái)Json數(shù)據(jù),并渲染html來(lái)完成最終顯示效果。
根據(jù)慕課網(wǎng)遠(yuǎn)人老師的HTML5移動(dòng)web App閱讀器的課程,我制作了此閱讀器作品,運(yùn)用了html5、css3,JavaScript;雖然這是我是我第一次參加實(shí)戰(zhàn)項(xiàng)目的訓(xùn)練,但是收獲卻很多。由于時(shí)間緊迫且服務(wù)器通信的相關(guān)知識(shí)我并不了解,只是實(shí)現(xiàn)了頁(yè)面的結(jié)構(gòu)操作等,所以并不完美。作品地址:http://read.t.imooc.io/。