در این مقاله در مورد فریم ورک های بزرگ فرانت اند بزرگ مانند React، Angular، Vue و غیره صحبت خواهم کرد و حتی ویرایشگرهای کدهای محبوب مانند Atom، VS Code، Sublime ... من فقط می خواهم یک لیست از ابزارهایی را که برای سرعت بخشیدن به آنها مفید است به اشتراک بگذارم یک گردش کار توسعه دهنده را بسازید.
بعضی ها احتمالا اکثر این موارد را دیده اند، اما خوشحالم که اگر کسی چیزی جدید و مفید پیدا کند.
این لیست دارای منابع متنوعی است که من آنها را در گروه ها سازماندهی می کنم.
کتابخانه جاوا اسکریپت:
Particles.js — A library for creating beautiful floating particles on a web page
Three.js — A library for creating 3d objects and spaces on a web page
Fullpage.js — Easy to implement full page scroll feature
Typed.js — Typewriter effect
Waypoints.js — Trigger a function when you scroll to an element
Highlight.js — Syntax highlighting for the web
Chart.js — Make beautiful charts using only javascript
Instantclick — Dramatically speed up your website load time, preloading resources on mouse hover
Chartist — Another chart library
Motio — A library for sprite based animations and panning
Animstion — Jquery plugin for css animated page transitions
Barba.js — Fluid page transitions
TwentyTwenty — A visual diff tool to spot differences
Vivus.js — A library for making drawing animation on SVG
Wow.js — Reveal animations when you scroll
Scrolline.js — See how much you have scrolled untill the end of the page
Velocity.js — Very fast and smooth javascript animations
Animate on scroll — Pretty straightforward
Handlebars.js — Javascript templating
jInvertScroll — Parallax scrolling
One page scroll — And again a one page scrolling library
Parallax.js — Parallax Engine that reacts to the orientation of a smart device
Typeahead.js — Search completion
Dragdealer.js — Pretty cool dragging library
Bounce.js — Create cool CSS3 animations
Pagepiling.js — One page scroll
Multiscroll.js — Multi scroll a website into two vertical scrolling panels
Favico.js — Dynamic favicons
Midnight.js — Switch fixed headers on the fly
Anime.js — Animation library
Keycode — Get javascript keycode for a button that is pressed
Sortable — Drag & drop
Flexdatalist — Autocomplete
Slideout.js — Slideout navigation menu for mobile apps
Jquerymy — Two way data bindings using jquery
Cleave.js — Format content while typing
Page — Client side routing for single page applications
Selectize.js — Hybrid select box for adding tags
Nice select — Jquery library for creating beautiful select boxes
Tether — Efficiently attach absolute positioned elements
Shepherd.js — Guide users through your app
Tooltip — Name speaks for itself
Select2 — Jquery replacement for select boxes
IziToast — Easy to implement js notifications
IziModal — Easy to implement js modals
کتابخانه های CSS / موضوعات طراحی:
Animate.css — Animation library
Flat UI Colors — List of simple and effective main colors
Material design lite — Framework based on Google’s material design
Materialui.co — Many resources for Material design framework
Colorrrs — Random color generator
Section separators — Css section dividers
Topcoat — Framework
Create ken burns effect — Ken burns effect using css3 animations
DynCSS — Add functions to css, to make it dynamic
Magic animations — Name speaks for itself
CSSpin — Collection of css spinners
Feather icons — Icons
Ion icons — Icons
Font awesome — Icons
Font generator — Combine multiple fonts and create a mixture
On/Off switch — Create on/off switch in css, good for check or radio buttons
UI Kit — Framework
Bootstrap — Framework
Foundation — Framework
Little Widgets — Html template collection
