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

You might not need JavaScript — страница, которая показывает, что бывают случаи, когда можно обойтись и без JS

Вчера мы уже рекомендовали похожий веб-сайт, но для jQuery. Теперь очередь дошла и до JavaScript

Например, здесь можно увидеть реализацию слайдера, форм валидация, поля для загрузки файлов, которые реализованы лишь силами HTML и CSS

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

#html #js #css

Does it mutate — шпаргалка для понимания, какие методы изменят массив в JS, а какие нет

При этом страница не только помогает понять изменяемость массива при помощи функции, но также и то, как именно ею пользоваться

Приятная мелочь: к каждому примеру есть ссылка на документацию

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

#js #web #шпаргалка

HTML Minifier — сервис для лёгкой минимизации HTML, CSS и JS

Работает инструмент достаточно просто: он прогоняет вашу разметку через серию регулярных выражений, написанных на PHP

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

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

#html #css #js

Paper.js — библиотека для создания и работы с векторной графикой

Есть сразу два способа использования библиотеки: вы можете использовать PaperScript или привычный ванильный JavaScript

В свою очередь PaperScript — это тот же JavaScript, в который добавили поддержку математических операторов для объектов point и size

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

#js #web #open_source