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