Google Maps – отрисовка полигонов и окружностей на карте

Бывают ситуации, когда в проекте нужно отобразить на карте определенную область, которая будет показывать, к примеру, сферу влияния компании или территорию, на которую распространяется ее работа. В этом видеоуроке рассмотрено, как на Google-картах изобразить различные фигуры.

Видео: https://www.youtube.com/watch?v=JRjQGDfRTBA&feature=youtu.be&ab_channel=WebForMySelf

#js

Monaco-editor – Браузерный редактор кода.

Это редактор кода, работающий в браузере, который «питается» функциями VS Code, которые описаны здесь.

Обратите внимание, что этот репозиторий не содержит исходного кода, он содержит только скрипты для упаковки и доставки модуля monaco-editor npm

#GitHub | #JavaScript #Code #Editor

@javascriptv

Tetradic Color Palette — игра с анимацией сдвига в перспективе и применением цветовой палитры Tetradic. Реализована с помощью CSS и JavaScript.

#игра #анимация #css #javascript

https://codepen.io/hexagoncircle/pen/xxRNRwP

@javascriptv

Find The Rainbow — адаптивная игра "Найди радугу", реализованная с помощью CSS и JavaScript.

#игра #css #javascript

https://codepen.io/ilithya/pen/vodGee

@javascriptv

⚡️Animated SVG Turbulence Filter

Анимация воды, реализованная с помощью SVG-фильтра турбулентности, CSS и JavaScript.

#анимация #css #javascript

Код: https://codepen.io/enxaneta/pen/oYMxqe

@javascriptv

✅ Вопросы на собеседовании фронтенд разработчика React.js

https://github.com/likezninjaz/react-ru-interview-questions

@javascriptv

​react-compress – инструмент, что позволяет уменьшить размер JS бандла при компиляции проекта

Эта библиотека сжатия была создана с помощью Brotli и Gzip для пользователей React, которые хотят повысить производительность веб-сайта и уменьшить код JS бандла без особых проблем

@javascriptv | #JavaScript #React #Interesting #Useful

Range — кастомная стилизация input типа диапазона, реализованный с помощью CSS и JavaScript.

#JavaScript #css

Код: https://codepen.io/lavary/pen/OJbQPXe

@javascriptv

Memory Game

Суть игры в том, что надо найти пары одинаковых карточек. Логика сделана на JS.

https://codepen.io/jeytii/pen/QoagLr

@javascriptv

Music player widget - виджет музыкального плеера, реализован с помощью CSS и JavaScript.

https://codepen.io/abxlfazl/pen/YzGEVRP

@javascriptv

Bideo.JS

На современных сайтах используются фоновые полноэкранные видеоролики. Для работы с ними и предназначена Bideo.js. Эта JS-библиотека упрощает добавление видеофона, который отлично смотрится на любом экране.

https://rishabhp.github.io/bideo.js/

@javascriptv

Variable Fonts and the Web Audio API — демонстрация API веб-аудио, изменяющая переменные шрифты на основе аудиовхода. Реализована с помощью JavaScript.

#анимация #текст #javascript

https://codepen.io/mandymichael/pen/OYpqdP

@javascriptv