​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

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

#JavaScript #css

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

@javascriptv

Memory Game

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

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

@javascriptv