采用本地添加文件的方式實(shí)現(xiàn)音樂(lè)文件列表,canvas實(shí)現(xiàn)音樂(lè)可視化,html5 audio對(duì)象實(shí)現(xiàn)音頻的控制。 萬(wàn)惡的ie不兼容,兼容火狐和chrome的高級(jí)瀏覽器
使用node.js+mysql寫(xiě)的一個(gè)小型句子收藏的系統(tǒng),剛學(xué)node,拿出來(lái)給大家看看,4個(gè)模塊還有1個(gè)模塊沒(méi)完成,由于對(duì)設(shè)計(jì)不是很擅長(zhǎng),所以界面不是很精致。本人純前端,sql語(yǔ)句寫(xiě)的不好勿噴。
閑來(lái)無(wú)事論壇閑逛,看到好文章,小談chrome調(diào)試命令:console.log的使用
原生js實(shí)戰(zhàn)開(kāi)發(fā),運(yùn)用到css3、htm5 涉及到3D立體幻燈片、JS+CSS3翻牌效果、網(wǎng)格算法與萬(wàn)花筒展示、canvas曲線(xiàn)算法。
運(yùn)用html5+css3創(chuàng)建的個(gè)人個(gè)人響應(yīng)式博客http://www.cllgeek.com/
主要展現(xiàn) loading.js 用法已在頁(yè)面中書(shū)寫(xiě)并注釋掉,釋放注釋可以查看效果。
跟著老師的教學(xué)視頻做的,感覺(jué)調(diào)整粒子和相機(jī)角度有點(diǎn)難!也送給大家,祝大家萬(wàn)圣節(jié)快樂(lè)!求贊~\(≧▽≦)/~
學(xué)web開(kāi)發(fā)的第一個(gè)小項(xiàng)目,中間肯定有很多不足的地方,請(qǐng)大家一定要多多教導(dǎo)啊
近學(xué)node,及“進(jìn)程”并“文件”篇,不由心中盛癢,念及網(wǎng)索html5之video多源而無(wú)門(mén),故拾前ffmpeg轉(zhuǎn)碼技藝,因有此品,純屬個(gè)人娛樂(lè),以資共享。。。
CSS3照片墻嘗試! 一堆狗毛,不喜勿噴! 有問(wèn)題歡迎指出! 第一次用Dreamweaver,很是郁悶,代碼在它上面沒(méi)反應(yīng),上到瀏覽器就出現(xiàn)效果了!
一款輕量的全屏滾動(dòng)插件,結(jié)合Scrollify和H5FullscreenPage的特點(diǎn)優(yōu)化,并精簡(jiǎn)了部分功能,基于zepto.js github地址:https://github.com/lipten/slidePage 演示地址: http://lipten.link/projects/slidePage/demo.html
相比大家都知道滾動(dòng)條在滑輪滾動(dòng)的時(shí)候,總是一頓一頓的,不信你現(xiàn)在試試,看看你最右邊的滾動(dòng)條是不是一頓一頓的。 因?yàn)槭乔岸藧?ài)好者,總喜歡折騰前端,無(wú)意間發(fā)現(xiàn)了國(guó)外的大牛寫(xiě)的,處理這類(lèi)問(wèn)題的解決頒發(fā),https://github.com/galambalazs/smoothscroll-for-websites ,因?yàn)橹熬鸵恢笔褂玫膕moothscroll 客戶(hù)端的包,覺(jué)得很是舒服,沒(méi)想到出現(xiàn)了 smoothscroll-for-websites 絕對(duì)的逼格?。。?搞前端的肯定會(huì)喜歡!
采用jquery,用html5標(biāo)簽制作的視頻播放器,支持播放、暫停、停止、拖動(dòng)播放和點(diǎn)擊播放(僅火狐中有效,現(xiàn)在API不統(tǒng)一造成的后果,還沒(méi)有找到解決方案)、時(shí)間顯示、聲音調(diào)節(jié)(只做了最大和最小,可以做出音量持續(xù)增加減少狀態(tài),后續(xù)跟進(jìn))、全屏和取消全屏,當(dāng)然存在些許bug