🌓 Переключатель тёмной темы, реализованный на CSS и JS

GitHub Dark Mode Toggle

#codepen #css #js

@javascriptv

🎇 Lots of Particles

Потрясающая анимация с использованием JS, CSS и HTMl

Полный код

@javascriptv

Что выведет консоль?

https://t.iss.one/itchannels_telegram - полезные ресурсы для js разработчика и не только.

Что выведет код?

JavaScript. дорожная карта с пояснениями и полезными материалами на 2022 год

Как всегда, кратко — на картинках, а более подробно — в статье: https://tproger.ru/articles/javascript-s-nulja-dorozhnaja-karta/

@javascriptv

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