Eslint - статический анализатор кода для JavaScript
Этот инструмент будет анализировать ваш JavaScript код на наличие синтаксических и семантических ошибок и заранее о них предупреждать.
Eslint может вас заранее предупредить о наличии в коде выводов в консоль, бесконечных циклах, дубликатах и многом другом. Написан он на Node.js и устанавливается через npm. Eslint очень широко настраивается. Можно самому определять, о каких ошибках Eslint будет предупреждать - все делается через конфигурационный файл
#библиотека #javascript
Этот инструмент будет анализировать ваш JavaScript код на наличие синтаксических и семантических ошибок и заранее о них предупреждать.
Eslint может вас заранее предупредить о наличии в коде выводов в консоль, бесконечных циклах, дубликатах и многом другом. Написан он на Node.js и устанавливается через npm. Eslint очень широко настраивается. Можно самому определять, о каких ошибках Eslint будет предупреждать - все делается через конфигурационный файл
.eslintrc.#библиотека #javascript
Howler.js - библиотека для удобной работы со звуком
С помощью Howler.js все манипуляции со звуком на вашем сайте будут максимально простыми и комфортными. Вы можете в браузере воспроизводить и останавливать различные звуки, зацикливать, изменять и даже создавать пространственные звуки.
Библиотека написана без зависимостей и в сжатом виде весит всего 7KB. Она поддерживает все современные кодеки и работает на всех возможных платформах. На сайте библиотеки можно ознакомиться с документацией и начать работу с Howler.
#библиотека #javascript
С помощью Howler.js все манипуляции со звуком на вашем сайте будут максимально простыми и комфортными. Вы можете в браузере воспроизводить и останавливать различные звуки, зацикливать, изменять и даже создавать пространственные звуки.
Библиотека написана без зависимостей и в сжатом виде весит всего 7KB. Она поддерживает все современные кодеки и работает на всех возможных платформах. На сайте библиотеки можно ознакомиться с документацией и начать работу с Howler.
#библиотека #javascript
Push - JS-библиотека для создания push уведомлений
С помощью этой библиотеки вы сможете легко создавать различные push уведомления для вашего сайта. Они будут приходить пользователю вне зависимости от того, открыта вкладка с вашим сайтом или нет.
Библиотека легко подключается и хорошо настраивается. Можно регулировать длительность уведомления, время его появления и многое другое. На сайте библиотеки можно ознакомиться с хорошо проработанной документацией, которая поможет вам разобраться со всеми её тонкостями.
#библиотека #javascript
С помощью этой библиотеки вы сможете легко создавать различные push уведомления для вашего сайта. Они будут приходить пользователю вне зависимости от того, открыта вкладка с вашим сайтом или нет.
Библиотека легко подключается и хорошо настраивается. Можно регулировать длительность уведомления, время его появления и многое другое. На сайте библиотеки можно ознакомиться с хорошо проработанной документацией, которая поможет вам разобраться со всеми её тонкостями.
#библиотека #javascript
Gatsby - генератор статических сайтов
Это React-фреймворк для создания быстрых статических веб-страниц. Gatsby относительно прост в использовании, поддерживает технологию PWA, работает с любыми CMS.
Создаваемые сайты на Gatsby являются React-приложениями. Однако для использования Gatsby можно даже, не зная React и слабо разбираясь в программировании. Примеры сайтов можно посмотреть на официально сайте. Там же можно ознакомиться с документацией.
#фреймворк #javascript
Это React-фреймворк для создания быстрых статических веб-страниц. Gatsby относительно прост в использовании, поддерживает технологию PWA, работает с любыми CMS.
Создаваемые сайты на Gatsby являются React-приложениями. Однако для использования Gatsby можно даже, не зная React и слабо разбираясь в программировании. Примеры сайтов можно посмотреть на официально сайте. Там же можно ознакомиться с документацией.
#фреймворк #javascript
Tippy.js - библиотека для создания всплывающих окон
С этой библиотекой вы сможете легко начать создавать свои всплывающие окна, подсказки, списки и меню. Она основана на известном Popper.js и очень проста в настройке. Простейшее всплывающее окно можно создать уже после пяти минут ознакомления с документацией.
Всплывающие окна можно легко кастомизировать - выбирать размер окна, цвет, вставлять в него любые элементы, даже интерактивные. Кроме того, самим окнам можно добавлять различные встроенные анимации или создавать свои. Есть множество удобных методов и плагинов для работы с данной библиотекой.
#библиотека #javascript
С этой библиотекой вы сможете легко начать создавать свои всплывающие окна, подсказки, списки и меню. Она основана на известном Popper.js и очень проста в настройке. Простейшее всплывающее окно можно создать уже после пяти минут ознакомления с документацией.
Всплывающие окна можно легко кастомизировать - выбирать размер окна, цвет, вставлять в него любые элементы, даже интерактивные. Кроме того, самим окнам можно добавлять различные встроенные анимации или создавать свои. Есть множество удобных методов и плагинов для работы с данной библиотекой.
#библиотека #javascript
Vivify - CSS-библиотека для создания анимаций
Эта библиотека, написанная на чистом CSS, поможет вам быстро и просто создавать различные плавные анимации для вашего сайта.
В составе библиотеки более 60 различных анимаций. На сайте библиотеки вы сможете сразу попробовать любую из них в действии. Можно настраивать их длительность и задержку, а также можно делать их бесконечными.
#библиотека #CSS
Эта библиотека, написанная на чистом CSS, поможет вам быстро и просто создавать различные плавные анимации для вашего сайта.
В составе библиотеки более 60 различных анимаций. На сайте библиотеки вы сможете сразу попробовать любую из них в действии. Можно настраивать их длительность и задержку, а также можно делать их бесконечными.
#библиотека #CSS
Code Cola - расширение Chrome для визуального редактирования стилей CSS
Это плагин для Google Chrome, который вам позволяет визуально редактировать стили на странице без использования инспектора в браузере. Выделите нужный элемент и в появившемся меню вы сможете изменить любые стили этого элемента.
Вы можете менять тени, закругления, цвета, шрифты, семейство шрифтов и многое другое. Вы сразу увидите все внесенные изменения. Кроме того, после внесенных изменений плагин сгенерирует CSS-код, который вы сможете вставить в ваши стили.
#расширение
Это плагин для Google Chrome, который вам позволяет визуально редактировать стили на странице без использования инспектора в браузере. Выделите нужный элемент и в появившемся меню вы сможете изменить любые стили этого элемента.
Вы можете менять тени, закругления, цвета, шрифты, семейство шрифтов и многое другое. Вы сразу увидите все внесенные изменения. Кроме того, после внесенных изменений плагин сгенерирует CSS-код, который вы сможете вставить в ваши стили.
#расширение
Popper.js - библиотека для создания всплывающих окон
Это компактная и простая библиотека, написанная на чистом JavaScript и занимающая всего 3 килобайта. Она позволит вам создавать различные динамические всплывающие подсказки для ваших проектов.
Она настраиваемая и расширяемая. Подсказки можно анимировать и адаптировать под любые расширения, также возможно их прятать или перемещать при прокрутке. На сайте библиотеки можно найти подробную документацию, которая расскажет о всех возможностях Popper.
#библиотека #javascript
Это компактная и простая библиотека, написанная на чистом JavaScript и занимающая всего 3 килобайта. Она позволит вам создавать различные динамические всплывающие подсказки для ваших проектов.
Она настраиваемая и расширяемая. Подсказки можно анимировать и адаптировать под любые расширения, также возможно их прятать или перемещать при прокрутке. На сайте библиотеки можно найти подробную документацию, которая расскажет о всех возможностях Popper.
#библиотека #javascript
Pixel Perfect - расширение Chrome для качественной верстки
Часто для разработки сайтов требуют Pixel Perfect верстку. Это значит, что верстка должна пиксель в пиксель сходиться с макетом. Для создания такой верстки вам поможет данное расширение.
Pixel Perfect позволяет загрузить фотографию вашего макета и наложить её на вашу верстку в браузере, чтобы вы могли видеть все расхождения между ними. Фотография остается на своем месте при любом обновлении страницы, так что вы сможете легко работать над своими проектами.
#расширение
Часто для разработки сайтов требуют Pixel Perfect верстку. Это значит, что верстка должна пиксель в пиксель сходиться с макетом. Для создания такой верстки вам поможет данное расширение.
Pixel Perfect позволяет загрузить фотографию вашего макета и наложить её на вашу верстку в браузере, чтобы вы могли видеть все расхождения между ними. Фотография остается на своем месте при любом обновлении страницы, так что вы сможете легко работать над своими проектами.
#расширение
indent-rainbow - расширение VS Code для подсветки вложенностей
Когда мы пишем много кода, бывает сложно его отладить, особенно, если в нем слишком много вложенностей. Indent-rainbow может помочь вам в отладке кода.
Данное расширение структурирует ваш код, выделяя все вложенности разными цветами. Таким образом визуально становится понятно, где находится тот или иной участок кода. Данное расширение можно использовать для JavaScript и Python.
#расширение #vscode
Когда мы пишем много кода, бывает сложно его отладить, особенно, если в нем слишком много вложенностей. Indent-rainbow может помочь вам в отладке кода.
Данное расширение структурирует ваш код, выделяя все вложенности разными цветами. Таким образом визуально становится понятно, где находится тот или иной участок кода. Данное расширение можно использовать для JavaScript и Python.
#расширение #vscode
SVG.js - библиотека для работы с SVG-графикой
Часто новичкам бывает сложно работать c SVG элементами, тем более анимировать их. В этом непростом деле поможет библиотека SVG.js. Это легковесная библиотека, написанная без зависимостей. В сжатом виде она весит всего 16 килобайт.
В библиотеке есть встроенные методы для создания простых форм, а также для работы c любыми SVG-элементами. Например, вы сможете их анимировать, изменять цвета, размеры, положение и многое другое. Все методы можно посмотреть в документации на сайте библиотеки.
#библиотека #javascript
Часто новичкам бывает сложно работать c SVG элементами, тем более анимировать их. В этом непростом деле поможет библиотека SVG.js. Это легковесная библиотека, написанная без зависимостей. В сжатом виде она весит всего 16 килобайт.
В библиотеке есть встроенные методы для создания простых форм, а также для работы c любыми SVG-элементами. Например, вы сможете их анимировать, изменять цвета, размеры, положение и многое другое. Все методы можно посмотреть в документации на сайте библиотеки.
#библиотека #javascript
Backbone.js - фреймворк для разработки сложных веб-приложений
Это JavaScript фреймворк для создания приложений со сложной логикой работы. Например, почтовый сервис Gmail от Google и подобные. Backbone.js основан на шаблоне проектирования MVP. За счет этого, фреймворк упрощает разработку сложных приложений.
В библиотеку входит более 100 различных расширений. Это позволяет использовать уже готовые решения и ускорить разработку проекта. Благодаря данному фреймворку, код становится чище, а разработка проще.
#фреймворк #javascript
Это JavaScript фреймворк для создания приложений со сложной логикой работы. Например, почтовый сервис Gmail от Google и подобные. Backbone.js основан на шаблоне проектирования MVP. За счет этого, фреймворк упрощает разработку сложных приложений.
В библиотеку входит более 100 различных расширений. Это позволяет использовать уже готовые решения и ускорить разработку проекта. Благодаря данному фреймворку, код становится чище, а разработка проще.
#фреймворк #javascript
AR.JS - библиотека для работы с дополненной реальностью
Это библиотека, которая позволит вам создавать AR-приложения прямо в браузере. Вы сможете отображать и обнаруживать через камеру пользователя различные созданные вами объекты. Например, вы сможете по отсканированному QR-коду или фотографии отобразить в камере логотип компании.
Для запуска первого простейшего AR-проекта вам достаточно 10 строк HTML кода. Библиотека основана на Three.js, поэтому она может отображать трехмерные объекты и модели через камеру пользователя. Работа с библиотекой проста, поэтому попробовать себя в AR сможет каждый.
#библиотека #javascript
Это библиотека, которая позволит вам создавать AR-приложения прямо в браузере. Вы сможете отображать и обнаруживать через камеру пользователя различные созданные вами объекты. Например, вы сможете по отсканированному QR-коду или фотографии отобразить в камере логотип компании.
Для запуска первого простейшего AR-проекта вам достаточно 10 строк HTML кода. Библиотека основана на Three.js, поэтому она может отображать трехмерные объекты и модели через камеру пользователя. Работа с библиотекой проста, поэтому попробовать себя в AR сможет каждый.
#библиотека #javascript
👨🏻💻 [УРОК 63] Библиотека для создания 3D графики "Three.js"
Из статьи вы узнаете, что делает библиотека Three.js. Вы разберетесь, как работать с данной библиотекой, создадите простейший 3D объект и анимируете его. А также вы познакомитесь с реальными проектами, реализованными с помощью этой библиотеки.
📘 ИЗУЧИТЬ УРОК | 📚 ВСЕ УРОКИ | #статья
Из статьи вы узнаете, что делает библиотека Three.js. Вы разберетесь, как работать с данной библиотекой, создадите простейший 3D объект и анимируете его. А также вы познакомитесь с реальными проектами, реализованными с помощью этой библиотеки.
📘 ИЗУЧИТЬ УРОК | 📚 ВСЕ УРОКИ | #статья
Telegraph
Библиотека для создания 3D графики "Three.js"
Давно прошло время, когда для создания крутой и современной веб-страницы было достаточно написать немного стилей и вставить простенький JS скрипт. Технологии движутся вперед и уже сейчас порой сложно отличить сайт от полноценного приложения. Рамки размываются…
Bideo.js - библиотека для создания фоновых видео
Добавление видеофона на сайт без дополнительных плагинов или библиотек - довольно трудоемкая задача для новичков. Проще воспользоваться готовыми решениями. С помощью Bideo.js вы сможете быстро создать видеофон для вашего сайта.
Это легковесная и написанная без зависимостей JavaScript библиотека. С данной библиотекой легко работать, добавление видео на фон займет всего несколько строк кода. Кроме того, ваше видео будет адаптироваться под любые размеры экрана.
#библиотека #javascript
Добавление видеофона на сайт без дополнительных плагинов или библиотек - довольно трудоемкая задача для новичков. Проще воспользоваться готовыми решениями. С помощью Bideo.js вы сможете быстро создать видеофон для вашего сайта.
Это легковесная и написанная без зависимостей JavaScript библиотека. С данной библиотекой легко работать, добавление видео на фон займет всего несколько строк кода. Кроме того, ваше видео будет адаптироваться под любые размеры экрана.
#библиотека #javascript
Faker - расширение VS Code для генерации фейковых данных
Часто при создании сайта нам необходимо наполнить его текстом, изображениями и другими данными. Создание таких данных вручную может занять много времени. Данное расширение сделает все за вас.
Faker может генерировать данные практически любого вида - имена, номера телефона, электронную почту, изображения, описания и многое другое. Чтобы сгенерировать данные достаточно в «VS Code» нажать
#расширение #vscode
Часто при создании сайта нам необходимо наполнить его текстом, изображениями и другими данными. Создание таких данных вручную может занять много времени. Данное расширение сделает все за вас.
Faker может генерировать данные практически любого вида - имена, номера телефона, электронную почту, изображения, описания и многое другое. Чтобы сгенерировать данные достаточно в «VS Code» нажать
«F1» и ввести «Faker». В выпадающем меню будут предложены все варианты для генерации данных.#расширение #vscode
CSS Peeper - расширение Chrome для удобного просмотра CSS-кода
Не всегда удобно просматривать код страницы через инспектор в браузере. Особенно это может быть неудобно, когда необходимо скачать шрифты или графику с сайта. В этом поможет CSS Peeper.
Данное расширение отличается удобным интерфейсом, разработанным для дизайнеров и пользователей. Вы сможете при клике на расширение сразу же определить все шрифты, используемые на сайте, цветовую палитру, а также все основные иконки и картинки.
#расширение #css
Не всегда удобно просматривать код страницы через инспектор в браузере. Особенно это может быть неудобно, когда необходимо скачать шрифты или графику с сайта. В этом поможет CSS Peeper.
Данное расширение отличается удобным интерфейсом, разработанным для дизайнеров и пользователей. Вы сможете при клике на расширение сразу же определить все шрифты, используемые на сайте, цветовую палитру, а также все основные иконки и картинки.
#расширение #css
Mo.js - библиотека для создания motion графики
Создание анимаций - одно из самых сложных занятий для начинающего разработчика. Библиотека Mo.js упрощает этот процесс и делает его не только легким, но и приятным.
Анимации, созданные с помощью этой библиотеки будут быстро загружаться, плавно воспроизводиться и адаптироваться под любые разрешения экрана. Библиотека стабильно развивается с 2016 года и до сих пор остается популярной и востребованной.
#библиотека #javascript
Создание анимаций - одно из самых сложных занятий для начинающего разработчика. Библиотека Mo.js упрощает этот процесс и делает его не только легким, но и приятным.
Анимации, созданные с помощью этой библиотеки будут быстро загружаться, плавно воспроизводиться и адаптироваться под любые разрешения экрана. Библиотека стабильно развивается с 2016 года и до сих пор остается популярной и востребованной.
#библиотека #javascript
GitLens - расширение VS Code для удобной работы с GIT
По умолчанию в VS Code мало инструментов для работы с git, поэтому иногда с ним работать неудобно. GitLens расширяет возможности VS Code и добавляет большое количество полезных функций для работы с git.
С данным расширением можно легко и быстро посмотреть логи, коммиты и файловую историю проекта и многое другое. GitLens имеет большое количество тонких настроек, с помощью которых можно подстроить расширение под себя.
#расширение #vscode
По умолчанию в VS Code мало инструментов для работы с git, поэтому иногда с ним работать неудобно. GitLens расширяет возможности VS Code и добавляет большое количество полезных функций для работы с git.
С данным расширением можно легко и быстро посмотреть логи, коммиты и файловую историю проекта и многое другое. GitLens имеет большое количество тонких настроек, с помощью которых можно подстроить расширение под себя.
#расширение #vscode
CSSShake - библиотека для создания анимаций встряхивания
Иногда в проекте могут понадобиться довольно специфичные анимации. Например, различные анимации встряхивания. С помощью этой библиотеки вы сможете быстро создавать такие анимации для вашего сайта.
Чтобы присвоить анимацию элементу, достаточно подключить библиотеку и добавить нужному элементу уже заготовленный класс с названием нужной анимации. Все доступные анимации можно посмотреть на сайте библиотеки.
#библиотека #css
Иногда в проекте могут понадобиться довольно специфичные анимации. Например, различные анимации встряхивания. С помощью этой библиотеки вы сможете быстро создавать такие анимации для вашего сайта.
Чтобы присвоить анимацию элементу, достаточно подключить библиотеку и добавить нужному элементу уже заготовленный класс с названием нужной анимации. Все доступные анимации можно посмотреть на сайте библиотеки.
#библиотека #css
D3.js - библиотека для визуализации данных
Построение графиков и визуализация различных данных очень сложный процесс, в котором лучше всего пользоваться готовыми решениями. Данная библиотека является самым популярным решением для визуализации различных данных.
Библиотека представлена несколькими десятками модулей для работы с данными и их отображения. Кроме того, в библиотеке есть удобные функции построения различных фигур, работы с элементами страницы, загрузкой, форматированием и масштабированием данных.
#библиотека #javascript
Построение графиков и визуализация различных данных очень сложный процесс, в котором лучше всего пользоваться готовыми решениями. Данная библиотека является самым популярным решением для визуализации различных данных.
Библиотека представлена несколькими десятками модулей для работы с данными и их отображения. Кроме того, в библиотеке есть удобные функции построения различных фигур, работы с элементами страницы, загрузкой, форматированием и масштабированием данных.
#библиотека #javascript