在本文中，我不会去谈 React、Angular、Vue 等等这些大的前端框架，也不会谈 Atom、VS code、Sublime 等等这些已经很出名的代码编辑器，我只是想简单的分享一套我认为有助于提升开发者工作流的工具集。
这套工具集中的大部分你可能见过，也可能没见过，如果有哪个/些让你眼前一亮，那么我的分享就很值了。
这个列表包含许多种类的资源，所以这里我将它们分组整理。
Javascript 库
Particles.js"external nofollow" target="_blank" href="https://threejs.org/">Three.js"external nofollow" target="_blank" href="https://alvarotrigo.com/fullPage/#firstPage">Fullpage.js—"external nofollow" target="_blank" href="http://www.mattboldt.com/demos/typed-js/">Typed.js"external nofollow" target="_blank" href="http://imakewebthings.com/waypoints/">Waypoints.js"external nofollow" target="_blank" href="https://highlightjs.org/">Highlight.js"external nofollow" target="_blank" href="http://www.chartjs.org/">Chart.js"external nofollow" target="_blank" href="http://instantclick.io/">Instantclick"external nofollow" target="_blank" href="http://gionkunz.github.io/chartist-js/index.html">Chartist"external nofollow" target="_blank" href="http://darsa.in/motio/#!introduction">Motio"external nofollow" target="_blank" href="http://git.blivesta.com/animsition/">Animsition"external nofollow" target="_blank" href="https://github.com/luruke/barba.js">Barba.js"external nofollow" target="_blank" href="http://zurb.com/playground/twentytwenty">TwentyTwenty"external nofollow" target="_blank" href="https://github.com/maxwellito/vivus#vivusjs">Vivus.js"external nofollow" target="_blank" href="http://mynameismatthieu.com/WOW/">Wow.js"external nofollow" target="_blank" href="https://github.com/anthonyly/Scrolline.js">Scrolline.js"external nofollow" target="_blank" href="http://velocityjs.org/">Velocity.js"external nofollow" target="_blank" href="http://michalsnik.github.io/aos/">Animate on scroll"external nofollow" target="_blank" href="http://handlebarsjs.com/">Handlebars.js"external nofollow" target="_blank" href="http://www.pixxelfactory.net/jInvertScroll/">jInvertScroll"external nofollow" target="_blank" href="https://github.com/peachananr/onepage-scroll">One page scroll"external nofollow" target="_blank" href="https://github.com/wagerfield/parallax">Parallax.js"external nofollow" target="_blank" href="http://twitter.github.io/typeahead.js/">Typeahead.js"external nofollow" target="_blank" href="http://skidding.github.io/dragdealer/">Dragdealer.js"external nofollow" target="_blank" href="http://bouncejs.com/">Bounce.js"external nofollow" target="_blank" href="https://github.com/alvarotrigo/pagePiling.js">Pagepiling.js"external nofollow" target="_blank" href="https://github.com/alvarotrigo/multiscroll.js">Multiscroll.js"external nofollow" target="_blank" href="http://lab.ejci.net/favico.js/">Favico.js"external nofollow" target="_blank" href="http://aerolab.github.io/midnight.js/">Midnight.js"external nofollow" target="_blank" href="http://animejs.com/">Anime.js"external nofollow" target="_blank" href="http://keycode.info/">Keycode"external nofollow" target="_blank" href="http://rubaxa.github.io/Sortable/">Sortable"external nofollow" target="_blank" href="http://projects.sergiodinislopes.pt/flexdatalist/">Flexdatalist"external nofollow" target="_blank" href="https://slideout.js.org/">Slideout.js"external nofollow" target="_blank" href="http://jquerymy.com/#/">Jquerymy"external nofollow" target="_blank" href="http://nosir.github.io/cleave.js/">Cleave.js"external nofollow" target="_blank" href="http://smalljs.org/client-side-routing/page/">Page"external nofollow" target="_blank" href="http://selectize.github.io/selectize.js/">Selectize.js"external nofollow" target="_blank" href="http://hernansartorio.com/jquery-nice-select/">Nice select"external nofollow" target="_blank" href="http://tether.io/">Tether"external nofollow" target="_blank" href="https://github.com/HubSpot/shepherd">Shepherd.js"external nofollow" target="_blank" href="https://github.com/HubSpot/tooltip">Tooltip"external nofollow" target="_blank" href="https://select2.github.io/">Select2"external nofollow" target="_blank" href="http://izitoast.marcelodolce.com/">IziToast"external nofollow" target="_blank" href="http://izimodal.marcelodolce.com/">IziModal"css-">CSS 库 / 设计相关
Animate.css"external nofollow" target="_blank" href="https://flatuicolors.com/">Flat UI Colors"external nofollow" target="_blank" href="https://getmdl.io/index.html">Material design lite—"external nofollow" target="_blank" href="https://www.webpagefx.com/web-design/random-color-picker/">Colorrrs"external nofollow" target="_blank" href="https://tympanus.net/Development/SectionSeparators/">Section separators"external nofollow" target="_blank" href="http://topcoat.io/">Topcoat"external nofollow" target="_blank" href="https://www.kirupa.com/html5/ken_burns_effect_css.htm">Create ken burns effect"external nofollow" target="_blank" href="http://www.vittoriozaccaria.net/dyn-css/">DynCSS"external nofollow" target="_blank" href="https://www.minimamente.com/example/magic_animations/">Magic animations"external nofollow" target="_blank" href="https://webkul.github.io/csspin/">CSSpin"external nofollow" target="_blank" href="https://feathericons.com/">Feather icons"external nofollow" target="_blank" href="http://ionicons.com/">Ion icons"external nofollow" target="_blank" href="http://fontawesome.io/">Font awesome"external nofollow" target="_blank" href="http://brandmark.io/font-generator/">Font generator"external nofollow" target="_blank" href="https://proto.io/freebies/onoff/">On/Off switch"external nofollow" target="_blank" href="https://getuikit.com/">UI Kit"external nofollow" target="_blank" href="http://getbootstrap.com/">Bootstrap"external nofollow" target="_blank" href="http://foundation.zurb.com/">Foundation"-">有用的产品/链接
cheatsheet"external nofollow" target="_blank" href="https://ghost.org/">Ghost"external nofollow" target="_blank" href="https://www.whatruns.com/">What runs"external nofollow" target="_blank" href="https://learn-anything.xyz/learn-anything">Learn anything"external nofollow" target="_blank" href="https://twitter.com/ognjengt">twitter 上和我联系，并分享你的发现。
译者：myvin
译文：http://www.zcfy.cc/article/4174
原文：https://hackernoon.com/67-useful-tools-libraries-and-resources-for-saving-your-time-as-a-web-developer-7d3fb8667030