摘要:庫一個用來在中創(chuàng)建炫酷的浮動粒子的庫一個用來在中創(chuàng)建物體和空間的庫快速實現(xiàn)全屏滾動特性打字機效果滾動到某個元素位置時觸發(fā)一個功能語法高亮使用創(chuàng)建漂亮的圖表能夠明顯加速網(wǎng)站加載時間,鼠標時預(yù)加載資源另一個圖表庫一個基于動畫和平移的雪碧圖庫實現(xiàn)
Javascript 庫
Particles.js? 一個用來在 web 中創(chuàng)建炫酷的浮動粒子的庫
Three.js? 一個用來在 web 中創(chuàng)建 3d 物體和 3d 空間的庫
Fullpage.js ?快速實現(xiàn)全屏滾動特性
Typed.js 打字機效果
Waypoints.js? ?滾動到某個元素位置時觸發(fā)一個功能
Highlight.js? ?web 語法高亮
Chart.js? ?使用 JavaScript 創(chuàng)建漂亮的圖表
Instantclick? ?能夠明顯加速網(wǎng)站加載時間,鼠標 hover 時預(yù)加載資源
Chartist? ?另一個圖表庫
Motio? ?一個基于動畫和平移的雪碧圖庫
Animstion? ?CSS 實現(xiàn)動畫過渡的 jQuery 插件
Barba.js? ?流式頁面過渡
TwentyTwenty? ?一個對比圖片的可視化 diff 工具
Vivus.js? ?在 SVG 上繪制動畫
Wow.js? ?滾動時展現(xiàn)動畫
Scrolline.js? ?頁面滾動時顯示滾動進度
Velocity.js? ?快速流暢的 JavaScript 動畫
Animate on scroll? ?漂亮的頁面滾動元素動畫
Handlebars.js? ?Javascript 模板
jInvertScroll? ?視差滾動
One page scroll? ?又一個頁面滾動庫
Parallax.js? ?對智能設(shè)備方向變化做出響應(yīng)的視差引擎
Typeahead.js? ?搜索補全
Dragdealer.js? ?炫酷拖拽
Bounce.js? ?創(chuàng)建炫酷的 CSS3 動畫
Pagepiling.js? ?全屏滾動
Multiscroll.js? ?兩列垂直反向滾動
Favico.js? ?動態(tài) favicon
Midnight.js? ?固定頭部切換效果
Anime.js? ?動畫庫
Keycode? ?獲取鍵盤按鍵的 JavaScript keycode
Sortable? ?拖拽插件
Flexdatalist? ?自動補全
Slideout.js? ?移動應(yīng)用側(cè)滑導(dǎo)航
Jquerymy? ?使用 jQuery 實現(xiàn)雙向數(shù)據(jù)綁定
Cleave.js? ?實時格式化輸入內(nèi)容
Page? ?客戶端單頁應(yīng)用路由
Selectize.js? ?用來添加 tag 的 Hybrid 選擇框
Nice select? ?創(chuàng)建漂亮的選擇框的 jQuery 庫
Tether? ?使用固定定位來創(chuàng)建相關(guān)元素
Shepherd.js? ?為應(yīng)用創(chuàng)建新手引導(dǎo)
Tooltip? ?tooltip 提示框
Select2? ?Jquery 選擇框插件
IziToast? ?通知彈窗實現(xiàn)
IziModal? ?模態(tài)框?qū)崿F(xiàn)
CSS 庫 / 設(shè)計相關(guān)Animate.css? ?動畫庫
Flat UI Colors? ?扁平化設(shè)計配色
Material design lite ?基于 Google material design 的框架
Colorrrs? ?隨機顏色生成器
Section separators? ?CSS 實現(xiàn)區(qū)域分割
Topcoat? ?框架
Create ken burns effect? ?使用 CSS3 動畫實現(xiàn) Ken burns 特效
DynCSS? ?給 CSS 添加 function,動態(tài)化 CSS
Magic animations? ?CSS3 實現(xiàn)動畫特效
CSSpin? ?css spinners 合集
Feather icons? ?Icon 集合
Ion icons? ?Icon 集合
Font awesome? ?Icon 集合
Font generator? ?組合多個字體創(chuàng)建混合字體
On/Off switch? ?使用 CSS 創(chuàng)建 on/off 開關(guān)、radio 按鈕
UI Kit? ?框架
Bootstrap? ?框架
Foundation? ?框架
有用的產(chǎn)品/鏈接head? ?可以寫在head中的所有標簽
Ghost? ?基于 Node.js 的博客平臺
What runs? ?一個用于網(wǎng)站技術(shù)分析的 Chrome 插件
Learn anything? ?一個強大的用于分析某個主題的思維導(dǎo)圖
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/93958.html
摘要:前端日報精選低成本將你的網(wǎng)站切換為漫談組件庫開發(fā)一多層嵌套彈層組件可作的備胎深入理解進階系列如何設(shè)計中文刷題系列前端筆試面試題知乎專欄個拯救前端開發(fā)者的工具庫和資源眾成翻譯前端技術(shù)大會震撼登陸,明星團隊講師傾城而出前端組件庫我們做 2017-09-08 前端日報 精選 低成本將你的網(wǎng)站切換為 HTTPS漫談 React 組件庫開發(fā)(一):多層嵌套彈層組件Preact: 可作React的...
摘要:掘金日報第四期使用怎么能不知道這些插件合集掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容,技術(shù)內(nèi)容分前端后端產(chǎn)品設(shè)計工具資源和一些有趣的東西。目前已經(jīng)涵蓋了的相關(guān)資源鏈接,供大家參考與學(xué)習(xí)。 【掘金日報】第四期 使用Sublime?怎么能不知道這些 Sublime 插件合集! 掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容,技術(shù)內(nèi)容分:前端、后端、Android、iOS、產(chǎn)品設(shè)計、工具資源和一些有趣的東西。 前端...
摘要:掘金日報第四期使用怎么能不知道這些插件合集掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容,技術(shù)內(nèi)容分前端后端產(chǎn)品設(shè)計工具資源和一些有趣的東西。目前已經(jīng)涵蓋了的相關(guān)資源鏈接,供大家參考與學(xué)習(xí)。 【掘金日報】第四期 使用Sublime?怎么能不知道這些 Sublime 插件合集! 掘金日報主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容,技術(shù)內(nèi)容分:前端、后端、Android、iOS、產(chǎn)品設(shè)計、工具資源和一些有趣的東西。 前端...
摘要:如何用獲取虛擬鍵盤高度前端早讀課月號早讀文章由湯谷投稿分享。大殺器和把動畫轉(zhuǎn)換成原生動畫初來乍到,本文搬運自我月份在知乎發(fā)的文章。 前端面試之 CSS3 新特性 除了 HTML5 的新特性,CSS3 的新特性也是面試中經(jīng)常被問到的。 如何用 js 獲取虛擬鍵盤高度?-前端早讀課 9月7號早讀文章由@湯谷投稿分享。正文從這開始~ 這是一個存在很久的歷史問題了,對于這樣一個具有普遍性的問題...
摘要:深入之繼承的多種方式和優(yōu)缺點深入系列第十五篇,講解各種繼承方式和優(yōu)缺點。對于解釋型語言例如來說,通過詞法分析語法分析語法樹,就可以開始解釋執(zhí)行了。 JavaScript深入之繼承的多種方式和優(yōu)缺點 JavaScript深入系列第十五篇,講解JavaScript各種繼承方式和優(yōu)缺點。 寫在前面 本文講解JavaScript各種繼承方式和優(yōu)缺點。 但是注意: 這篇文章更像是筆記,哎,再讓我...
閱讀 3032·2023-04-25 20:22
閱讀 3346·2019-08-30 11:14
閱讀 2599·2019-08-29 13:03
閱讀 3187·2019-08-26 13:47
閱讀 3230·2019-08-26 10:22
閱讀 1276·2019-08-23 18:26
閱讀 623·2019-08-23 17:16
閱讀 1919·2019-08-23 17:01