Energy

Анимация энергетических лучей, которые следуют за курсором мыши. Реализована с помощью JavaScript.

#js
Полный код

@javascript

Pts - JavaScript-библиотека для визуализации точек в пространстве

Написана на TypeScript. Содержит алгоритмы для визуализации и творческого кодирования. API поддерживает как быстрое прототипирование, так и работу на крупных проектах.

Особенности / преимущества:
✔️Функции для работы с геометрическими фигурами, цветами, моделированием и звуками
✔️ Может использоваться отдельно и совместно с другими библиотеками
✔️Удобный API
✔️Минимум кода для быстрых итераций в canvas, svg и других форматах
✔️Легкий вес (26КБ)

Сайт: https://ptsjs.org/
Гит: https://github.com/williamngan/pts

#js

@javascript

​Obfuscate – браузерное расширение, для сокрытия текста страниц

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

Работает по сочетании клавиш Alt+Shift+O

@javascript

Learn HSL with HSL Sliders — генератор цветовой модели HSL. Реализован с помощью CSS и JavaScript.

#цвет #css #javascript

Полнный код

@javascript

🎆 FullPage.js

Библиотека с открытым исходным кодом, позволяет создавать сайты с полноэкранной прокруткой или одностраничные веб-сайты.

✅Особенности:

— Поддержка фреймворков (react-fullpage, angular-fullpage и vue-fullpage)
— Совместима с современными и устаревшими браузерами(Chrome, Firefox, Safari, Opera, IE9)
— Не зависит от сторонних библиотек
— Поддержка мобильных устройств
— Маленький вес (13kB)

Сайт: https://alvarotrigo.com/fullPage/
GitHub: https://github.com/alvarotrigo/fullpage.js

#библиотеки #js

@javascriptv

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

#react #js

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

@javascriptv

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

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

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

@javascriptv | #JavaScript #Web #Useful #Interesting

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

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

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

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