相思资源网 Design By www.200059.com

在本文中,我不会去谈 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

标签:
工具,库和资源

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“67 个节约开发时间的前端开发者的工具、库和资源”

暂无67 个节约开发时间的前端开发者的工具、库和资源的评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。