66 инструментов для веб-разработчика на все случаи жизни

Ognjen Gatalo сделал подборку инструментов, сделавшие его работу немного легче, а также позволившие его ускорить. Мы перевели ее для вас.

66 инструментов для веб-разработчика на все случаи жизни

В этой статье речь пойдет не о массивных фреймворках вроде React, Angular, Vue и других. Также вы не узнаете ничего о редакторах Atom, VS Code, Sublime. Этот пост об иструментах, которые ускорят процесс веб-разработки.

Возможно, с некоторыми из них вы уже знакомы, но надеюсь, что вы найдете что-то новое для себя.

Список состоит из следующих групп:

Particles.js

Библиотека, позволяющая создать красивые «плавающие» частицы на странице

Three.js

Библиотека для создания пространств и 3D объектов на странице

Fullpage.js

Легко реализуемые функции прокрутки

Typed.js

Эффект печатной машинки

Waypoints.js

Служит триггером для функции, когда вы прокручиваете до какого-то элемента

Highlight.js

Chart.js

Делает красивые схемы с использованием одного только javascript

Instantclick

Невероятно увеличивает скорость загрузки сайта, за счет предзагрузки ресурсов при наведении мыши

Chartist

Еще одна библиотека для создания схем

Motio

Анимационная библиотека для спрайтов и панорамирования

Animstion

Плагин Jquery для анимированных переходов CSS

Barba.js

TwentyTwenty

Инструмент для выявления различий

Vivus.js

Библиотека для отрисовки анимаций в SVG

Wow.js

Анимации появляются в момент прокрутки

Scrolline.js

Позволяет узнать сколько раз нужно прокрутить, чтобы дойти до конца страницы

Velocity.js

Быстрые и плавные анимации javascript

Animate on scroll

Предельно простая библиотека

Handlebars.js

jInvertScroll

One page scroll

Еще одна библиотека прокрутки

Parallax.js

Параллакс движок, который реагирует на изменение ориентации экрана устройства