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