Javascript

Bideo.JS

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

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

@javascriptv

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

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

@javascriptv

Memory Game

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

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

@javascriptv

☕ Учебник по JavaScript: работа с датой и временем

https://proglib.io/p/uchebnik-po-javascript-rabota-s-datoy-i-vremenem-2022-06-19

@javascriptv

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

#JavaScript #css

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

@javascriptv

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

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

@javascriptv | #JavaScript #React #Interesting #Useful

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

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

@javascriptv

⚡️Animated SVG Turbulence Filter

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

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

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

@javascriptv

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

#игра #css #javascript

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

@javascriptv

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

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

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

@javascriptv

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

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

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

#GitHub | #JavaScript #Code #Editor

@javascriptv

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

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

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

#js

3D CSS Buttons — 3D-кнопки с анимацией перехода, реализованные с помощью CSS. Переход по нажатию реализован с помощью JavaScript.

#кнопка #css #javascript #3D

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

​GradeJS – умеет анализировать минимизированные JS бандлы, собранные с помощью Webpack и определять в них пакеты с точностью до конкретной версии (без доступа к исходному коду, сорс-мапам или stats файлам вебпака)

Сервис анализирует абстрактные синтаксические деревья «склеенных» JavaScript файлов и определяет границы оригинальных модулей. Для каждого из таких модулей, генерируется набор специальных сигнатур, которые сопоставляются с индексом в базе данных

⤷ Пример выдачи

@javascriptv | #JavaScript #Web #Useful #Interesting

5️⃣ продвинутых паттернов React-разработки

#react #js

https://telegra.ph/5-prodvinutyh-patternov-React-razrabotki-06-07

@javascriptv