資訊專欄INFORMATION COLUMN
摘要：上有趣又實(shí)用的前端項(xiàng)目持續(xù)更新，歡迎補(bǔ)充幻燈片展示框架一個(gè)專門用來(lái)做幻燈片的框架，支持和語(yǔ)法。又一個(gè)幻燈片展示框架一個(gè)受的啟發(fā)，使用了現(xiàn)代瀏覽器里支持的和的特效幻燈片。我的個(gè)人網(wǎng)站首頁(yè)也是用開發(fā)的。好在有可以幫助我們解決這個(gè)問(wèn)題。
github 上有趣又實(shí)用的前端項(xiàng)目（持續(xù)更新，歡迎補(bǔ)充） 1. reveal.js: 幻燈片展示框架
一個(gè)專門用來(lái)做 HTML 幻燈片的框架，支持 HTML 和 Markdown 語(yǔ)法。
github: https://github.com/hakimel/reveal.js
demo: https://revealjs.com
動(dòng)圖取自博客 reveal.js - 程序員的PPT制作神器。
2. impress.js: 又一個(gè)幻燈片展示框架一個(gè)受 https://prezi.com/ 的啟發(fā)，使用了現(xiàn)代瀏覽器里支持的 CSS3 transforms 和 transitions 的特效幻燈片。
我的個(gè)人網(wǎng)站首頁(yè) https://www.senntyou.com/ 也是用 impress.js 開發(fā)的。
github: https://github.com/impress/impress.js
demo: https://impress.js.org/
3. particles.js: 超棒的粒子效果github: https://github.com/VincentGarreau/particles.js
demo: https://vincentgarreau.com/particles.js/
4. carbon: 代碼美圖生成器可以將你的代碼生成美美的圖片，然后你就可以分享到各個(gè)社區(qū)了。
github: https://github.com/dawnlabs/carbon
demo: https://dawnlabs.io/carbon
5. favico.js: 讓你的 favicon 用上膠囊圖標(biāo)、圖片和視頻github: https://github.com/ejci/favico.js
demo: http://lab.ejci.net/favico.js/
6. typed.js: 打字機(jī)效果庫(kù)github: https://github.com/mattboldt/typed.js
demo: https://mattboldt.com/demos/typed-js/
7. vConsole: 移動(dòng)端開發(fā)調(diào)試?yán)?/b>vConsole： 一個(gè)輕量、可拓展、針對(duì)手機(jī)網(wǎng)頁(yè)的前端開發(fā)者調(diào)試面板（chrome 開發(fā)者工具的便利實(shí)現(xiàn)）。
一般在 web 應(yīng)用開發(fā)過(guò)程中，可以用 console.log 去輸出一些信息，但是在移動(dòng)端，console.log 的信息是看不到的。
這種情況下，當(dāng)然可以選擇使用 alert 彈出一些信息，但是這種方法實(shí)在不怎么方便，也會(huì)阻斷 js 事件循環(huán)，調(diào)試體驗(yàn)和效率都很差。
好在有 vConsole 可以幫助我們解決這個(gè)問(wèn)題。
github: https://github.com/Tencent/vConsole
demo: https://wechatfe.github.io/vconsole/demo.html
8. midnight.js: 固定頭部炫酷效果github: https://github.com/Aerolab/midnight.js
demo: https://aerolab.github.io/midnight.js/
9. multiscroll.js: 多邊滑動(dòng)效果github: https://github.com/alvarotrigo/multiscroll.js
demo: https://alvarotrigo.com/multiScroll/
10. diaporama: Kenburns 效果 與 glsl 轉(zhuǎn)換動(dòng)畫庫(kù)github: https://github.com/gre/diaporama
demo: http://greweb.me/diaporama/
11. RainEffect: 雨滴效果github: https://github.com/codrops/RainEffect
demo: https://tympanus.net/Development/RainEffect/
后續(xù)更多博客，查看 https://github.com/senntyou/blogs
作者：深予之 (@senntyou)
版權(quán)聲明：自由轉(zhuǎn)載-非商用-非衍生-保持署名（創(chuàng)意共享3.0許可證）
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/98001.html
摘要：上有趣又實(shí)用的前端項(xiàng)目持續(xù)更新，歡迎補(bǔ)充幻燈片展示框架一個(gè)專門用來(lái)做幻燈片的框架，支持和語(yǔ)法。又一個(gè)幻燈片展示框架一個(gè)受的啟發(fā)，使用了現(xiàn)代瀏覽器里支持的和的特效幻燈片。我的個(gè)人網(wǎng)站首頁(yè)也是用開發(fā)的。好在有可以幫助我們解決這個(gè)問(wèn)題。 github 上有趣又實(shí)用的前端項(xiàng)目（持續(xù)更新，歡迎補(bǔ)充） 1. reveal.js: 幻燈片展示框架 一個(gè)專門用來(lái)做 HTML 幻燈片的框架，支持 HTM...
閱讀 2142·2023-04-26 00:00
閱讀 3238·2021-09-24 10:37
閱讀 3528·2021-09-07 09:58
閱讀 1517·2019-08-30 15:56
閱讀 2217·2019-08-30 13:11
閱讀 2311·2019-08-29 16:38
閱讀 958·2019-08-29 12:58
閱讀 1875·2019-08-27 10:54
