摘要：上有趣又實用的前端項目持續更新，歡迎補充幻燈片展示框架一個專門用來做幻燈片的框架，支持和語法。又一個幻燈片展示框架一個受的啟發，使用了現代瀏覽器里支持的和的特效幻燈片。我的個人網站首頁也是用開發的。好在有可以幫助我們解決這個問題。

一個專門用來做 HTML 幻燈片的框架，支持 HTML 和 Markdown 語法。

github: https://github.com/hakimel/reveal.js

demo: https://revealjs.com

動圖取自博客 reveal.js - 程序員的PPT制作神器。

一個受 https://prezi.com/ 的啟發，使用了現代瀏覽器里支持的 CSS3 transforms 和 transitions 的特效幻燈片。

我的個人網站首頁 https://www.senntyou.com/ 也是用 impress.js 開發的。

github: https://github.com/impress/impress.js

demo: https://impress.js.org/

github: https://github.com/VincentGarreau/particles.js

demo: https://vincentgarreau.com/particles.js/

可以將你的代碼生成美美的圖片，然后你就可以分享到各個社區了。

github: https://github.com/dawnlabs/carbon

demo: https://dawnlabs.io/carbon

github: https://github.com/ejci/favico.js

demo: http://lab.ejci.net/favico.js/

github: https://github.com/mattboldt/typed.js

demo: https://mattboldt.com/demos/typed-js/

vConsole： 一個輕量、可拓展、針對手機網頁的前端開發者調試面板（chrome 開發者工具的便利實現）。

一般在 web 應用開發過程中，可以用 console.log 去輸出一些信息，但是在移動端，console.log 的信息是看不到的。

這種情況下，當然可以選擇使用 alert 彈出一些信息，但是這種方法實在不怎么方便，也會阻斷 js 事件循環，調試體驗和效率都很差。

好在有 vConsole 可以幫助我們解決這個問題。

github: https://github.com/Tencent/vConsole

demo: https://wechatfe.github.io/vconsole/demo.html

github: https://github.com/Aerolab/midnight.js

demo: https://aerolab.github.io/midnight.js/

github: https://github.com/alvarotrigo/multiscroll.js

demo: https://alvarotrigo.com/multiScroll/

github: https://github.com/gre/diaporama

demo: http://greweb.me/diaporama/

github: https://github.com/codrops/RainEffect

demo: https://tympanus.net/Development/RainEffect/

更多博客，查看 https://github.com/senntyou/blogs

作者：深予之 (@senntyou)

版權聲明：自由轉載-非商用-非衍生-保持署名（創意共享3.0許可證）