Codrops — бесплатная база примеров кода на HTML, CSS и JavaScript

Всё, что собрано на сайте, собрано вручную. При этом помимо базово JS, можно найти материалы по jQuery, React, Vue и Angular.

Стоимость: #бесплатно

#js #html #web

ApexCharts.js — бесплатная современная библиотека диаграмм

С её помощью можно самостоятельно создавать красивые и интерактивные визуализации для веб-страниц

А если что-то нужно «допилить», то сделать это не составит труда — исходный код проекта открыт

Стоимость: #бесплатно

#web #js #open_source

1 LOC — коллекция однострочные решения различных JS-задач

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

Стоимость: #бесплатно

#web #js

Front-End Tips — база знаний для облегчения жизни фронтенд-разработчиков

Здесь можно найти как материалы по HTML с CSS, так и по JavaScript и даже macOS

Стоимость: #бесплатно

#web #js #css #html

Vue Cheatsheet — симпатичная шпаргалка по Vue.js

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

Стоимость: #бесплатно

#web #vue #js

Vivid.js — коллекция из более 90 бесплатных наборов SVG-иконок svg с открытым исходным кодом

Они подготовлены таким образом, что их сразу же можно использовать в Sketch или JS-проектах, созданных с помощью React и npm

Что интересно, авторы проекта с удовольствием принимают заявки на создание новых иконок

Стоимость: #бесплатно

#иконки #svg #js

Styled components — одно из популярных решений для написания кода методом CSS in JS

Инструмент лишает вас необходимости использовать className, при этом появляется простая динамическая стилизация и StylisJS «под капотом»

С основами Styled components вас познакомят на главной странице проекта. А дальнейшее его изучение можно пройти с помощью приятной официальной документации

Стоимость: #бесплатно

#css #js #web

Micron.js — библиотека микровзаимодействий, построенная на CSS-анимациях и управляемая мощью JavaScript

С помощью данного инструмента можно добавлять, связывать и управлять взаимодействиями. При этом для вашего удобства имеется уже множество готовых вариантов

Библиотека также позволяет управлять поведением взаимодействия, таким как эффект, скорость и «лёгкость»

Стоимость: #бесплатно

#css #js #open_source

KeyCode Info — инструмент для работы с кодами клавиш для JS-разработчиков

Платформа предлагает вам нажать любую клавишу на клавиатуре, после чего предложит достаточно подробный список информации о ней

Например, с помощью KeyCode Info можно узнать event.location, event.which и т.д

И как вишенка на торте — инструмент распространяется имеет открытый исходный код

Стоимость: #бесплатно

#js #web #open_source

You might not need jQuery — страница, демонстрирующая что на jQuery свет клином не сошёлся

Здесь можно найти огромное количество «фишек» библиотеки, которые реализуются встроенными средствами современных браузеров

Особенно это справедливо для случаев, когда проект не подразумевает поддержку Internet Explorer

Стоимость: #бесплатно

#jquery #js #web