新浪前端工程師開發出在線演示文檔JS框架webSlide,比impress更流暢、更實用
相信各位一直關注我們的朋友對在線演示工具不會再陌生,我們先后介紹過 Prezi 這個可供普通用戶使用的站點,以及 impress.js 這個可供開發者或是有前端設計基礎的用戶使用的 JS 框架。使用它們都可以制作出擁有很炫效果的 Web 演示文檔。
面對這種目前還稍顯前衛的演示效果,有的朋友認為很好、很給力;另一些朋友則認為演講的核心應該是演講者和內容,這種效果太炫,反而分散觀眾注意力。當然,這種情況也屬正常,考慮問題的角度不同,套用一句俗語就是:蘿卜白菜,各有所愛。
不過與傳統的 PPT 相比,Web 演示文件確實方便很多,所以再給大家推薦一個與傳統 PPT 更接近的 JavaScript 框架 — webSlide。這個框架是由新浪微博開放平臺前端工程師@三水清 所開發。
三水清告訴我們,此前也看過 36 氪對 impress 的介紹,自己也有使用。但常在使用過程中出現短暫的停滯現象,特別是內容或圖片較多時更為明顯。因此他便自己寫了 webSlide 這個框架。
雖然 webSlide 的效果沒有 impress 那么花哨,但也很炫,并且使用方面也更接近傳統 PPT 的用法。webSlide 添加了畫筆、底部進度條、單頁面中單行的淡入淡出等功能,動畫效果也更流暢。快捷P可以打開畫筆功能,C則能清除畫筆內容,也可以通過右下角的工具欄將其 激活。
整個框架使用 JavaScript 并結合 HTML5 和 CSS3 的特性開發,所以播放時使用的瀏覽器當然也是越新越好。感興趣的朋友可以看看實例演示,或者到 GitHub 把代碼找來研究。與此前介紹的 impress 不同,如果有技術問題需要與作者溝通或討論,你可以很方便地聯系到@三水清。