67 個拯救前端開發者的工具、庫和資源

XiNGRZ 發布于2019-08-22 16:00 / 2016人閱讀

摘要：庫一個用來在中創建炫酷的浮動粒子的庫一個用來在中創建物體和空間的庫快速實現全屏滾動特性打字機效果滾動到某個元素位置時觸發一個功能語法高亮使用創建漂亮的圖表能夠明顯加速網站加載時間，鼠標時預加載資源另一個圖表庫一個基于動畫和平移的雪碧圖庫實現

Javascript 庫

Particles.js? 一個用來在 web 中創建炫酷的浮動粒子的庫

Three.js? 一個用來在 web 中創建 3d 物體和 3d 空間的庫

Fullpage.js ?快速實現全屏滾動特性

Typed.js 打字機效果

Waypoints.js? ?滾動到某個元素位置時觸發一個功能

Highlight.js? ?web 語法高亮

Chart.js? ?使用 JavaScript 創建漂亮的圖表

Instantclick? ?能夠明顯加速網站加載時間，鼠標 hover 時預加載資源

Chartist? ?另一個圖表庫

Motio? ?一個基于動畫和平移的雪碧圖庫

Animstion? ?CSS 實現動畫過渡的 jQuery 插件

Barba.js? ?流式頁面過渡

TwentyTwenty? ?一個對比圖片的可視化 diff 工具

Vivus.js? ?在 SVG 上繪制動畫

Wow.js? ?滾動時展現動畫

Scrolline.js? ?頁面滾動時顯示滾動進度

Velocity.js? ?快速流暢的 JavaScript 動畫

Animate on scroll? ?漂亮的頁面滾動元素動畫

Handlebars.js? ?Javascript 模板

jInvertScroll? ?視差滾動

One page scroll? ?又一個頁面滾動庫

Parallax.js? ?對智能設備方向變化做出響應的視差引擎

Typeahead.js? ?搜索補全

Dragdealer.js? ?炫酷拖拽

Bounce.js? ?創建炫酷的 CSS3 動畫

Pagepiling.js? ?全屏滾動

Multiscroll.js? ?兩列垂直反向滾動

Favico.js? ?動態 favicon

Midnight.js? ?固定頭部切換效果

Anime.js? ?動畫庫

Keycode? ?獲取鍵盤按鍵的 JavaScript keycode

Sortable? ?拖拽插件

Flexdatalist? ?自動補全

Slideout.js? ?移動應用側滑導航

Jquerymy? ?使用 jQuery 實現雙向數據綁定

Cleave.js? ?實時格式化輸入內容

Page? ?客戶端單頁應用路由

Selectize.js? ?用來添加 tag 的 Hybrid 選擇框

Nice select? ?創建漂亮的選擇框的 jQuery 庫

Tether? ?使用固定定位來創建相關元素

Shepherd.js? ?為應用創建新手引導

Tooltip? ?tooltip 提示框

Select2? ?Jquery 選擇框插件

IziToast? ?通知彈窗實現

IziModal? ?模態框實現

CSS 庫 / 設計相關

Animate.css? ?動畫庫

Flat UI Colors? ?扁平化設計配色

Material design lite ?基于 Google material design 的框架

Colorrrs? ?隨機顏色生成器

Section separators? ?CSS 實現區域分割

Topcoat? ?框架

Create ken burns effect? ?使用 CSS3 動畫實現 Ken burns 特效

DynCSS? ?給 CSS 添加 function，動態化 CSS

Magic animations? ?CSS3 實現動畫特效

CSSpin? ?css spinners 合集

Feather icons? ?Icon 集合

Ion icons? ?Icon 集合

Font awesome? ?Icon 集合

Font generator? ?組合多個字體創建混合字體

On/Off switch? ?使用 CSS 創建 on/off 開關、radio 按鈕

UI Kit? ?框架

Bootstrap? ?框架

Foundation? ?框架

有用的產品/鏈接

head? ?可以寫在head中的所有標簽

Ghost? ?基于 Node.js 的博客平臺

What runs? ?一個用于網站技術分析的 Chrome 插件

Learn anything? ?一個強大的用于分析某個主題的思維導圖

云服務器 GPU云服務器前端開發工具前端開發用什么工具前端開發的步驟前端開發的網站

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/93958.html

2017-09-08 前端日報

摘要：前端日報精選低成本將你的網站切換為漫談組件庫開發一多層嵌套彈層組件可作的備胎深入理解進階系列如何設計中文刷題系列前端筆試面試題知乎專欄個拯救前端開發者的工具庫和資源眾成翻譯前端技術大會震撼登陸，明星團隊講師傾城而出前端組件庫我們做 2017-09-08 前端日報精選低成本將你的網站切換為 HTTPS漫談 React 組件庫開發（一）：多層嵌套彈層組件Preact: 可作React的...

Sanchi 2019-08-21 16:21 評論0 收藏0
前端學習資源

摘要：掘金日報第四期使用怎么能不知道這些插件合集掘金日報主打分享優質深度技術內容，技術內容分前端后端產品設計工具資源和一些有趣的東西。目前已經涵蓋了的相關資源鏈接，供大家參考與學習。【掘金日報】第四期使用Sublime？怎么能不知道這些 Sublime 插件合集！掘金日報主打分享優質深度技術內容，技術內容分：前端、后端、Android、iOS、產品設計、工具資源和一些有趣的東西。前端...

xzavier 2019-08-30 13:57 評論0 收藏0
前端學習資源

摘要：掘金日報第四期使用怎么能不知道這些插件合集掘金日報主打分享優質深度技術內容，技術內容分前端后端產品設計工具資源和一些有趣的東西。目前已經涵蓋了的相關資源鏈接，供大家參考與學習。【掘金日報】第四期使用Sublime？怎么能不知道這些 Sublime 插件合集！掘金日報主打分享優質深度技術內容，技術內容分：前端、后端、Android、iOS、產品設計、工具資源和一些有趣的東西。前端...

weij 2019-08-26 11:43 評論0 收藏0
CSS相關文章

摘要：如何用獲取虛擬鍵盤高度前端早讀課月號早讀文章由湯谷投稿分享。大殺器和把動畫轉換成原生動畫初來乍到，本文搬運自我月份在知乎發的文章。前端面試之 CSS3 新特性除了 HTML5 的新特性，CSS3 的新特性也是面試中經常被問到的。如何用 js 獲取虛擬鍵盤高度？-前端早讀課 9月7號早讀文章由@湯谷投稿分享。正文從這開始～這是一個存在很久的歷史問題了，對于這樣一個具有普遍性的問題...

FrozenMap 2019-08-29 14:21 評論0 收藏0
深入理解JavaScript

摘要：深入之繼承的多種方式和優缺點深入系列第十五篇，講解各種繼承方式和優缺點。對于解釋型語言例如來說，通過詞法分析語法分析語法樹，就可以開始解釋執行了。 JavaScript深入之繼承的多種方式和優缺點 JavaScript深入系列第十五篇，講解JavaScript各種繼承方式和優缺點。寫在前面本文講解JavaScript各種繼承方式和優缺點。但是注意：這篇文章更像是筆記，哎，再讓我...

myeveryheart 2019-08-22 13:46 評論0 收藏0