🖥 Yaak (https://github.com/mountain-loop/yaak) — это приложение для работы с API (REST, GraphQL, SSE, WebSocket, gRPC), созданное с использованием Tauri, Rust и ReactJS!

🌟 Оно позволяет импортировать коллекции из Postman, OpenAPI, Swagger и других инструментов, а также предлагает удобные функции для авторизации (OAuth 2.0, JWT и др.), фильтрации ответов (JSONPath, XPath), организации рабочих пространств и использования переменных окружения.

🔐 Лицензия: MIT

🖥 Github (https://github.com/mountain-loop/yaak)

🖥 В этой статье рассказывается о том, как разработать простой клон игры Crossy Road, используя библиотеку Three.js!

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

🔗 Ссылка: *клик* (https://www.freecodecamp.org/news/how-to-code-a-crossy-road-game-clone-with-threejs/)

📞 RevShells (https://www.revshells.com/) — это сервис, который позволяет пользователям быстро создавать команды для обратных оболочек и соответствующие слушатели для разных операционных систем и сценариев.

🌟 Сайт поддерживает генерацию команд для Linux, Windows и Mac, а также предлагает выбор между различными типами оболочек и методами кодирования. Кроме того, RevShells.com интегрируется с инструментом HoaxShell, что предоставляет дополнительные возможности для создания нестандартных обратных оболочек.

🔐 Лицензия: MIT

🖥 Github (https://github.com/0dayCTF/reverse-shell-generator)
🔗 Веб-версия (https://www.revshells.com/)

🖥 Шпаргалка по видам циклов в Javascript!

🖥 Masonry (https://masonry.desandro.com/) — это библиотека, которая помогает создавать динамичные сеточные макеты, где элементы располагаются в зависимости от доступного пространства, как в кирпичной кладке! Она поддерживает адаптивные макеты, настраиваемые отступы и ширину колонок, а также совместима с ES6-модулями, Browserify и RequireJS.

🔗 Ссылка: *клик* (https://masonry.desandro.com/)

🎶 Glicol — это экспериментальная платформа для live-кодинга, где звуки создаются путем соединения узлов, как в модульном синтезаторе.

Созданный на языке Rust, он может работать в любом месте: в браузере, как VST-плагин или даже на аппаратуре, такой как Bela. Вы можете начать с простых ритмов и затем перейти к более сложным сэмплерным синтезам — без необходимости установки дополнительных компонентов. Основная особенность Glicol заключается в том, что он доступен для новичков, но при этом не имеет ограничений для профессионалов.

🤖 GitHub (https://github.com/chaosprint/glicol)

🧠 Задача по JavaScript: Асинхронность и замыкания

Что выведет следующий код?

for (var i = 0; i < 3; i++) {
setTimeout(function () {
console.log(i);
}, 100);
}

Варианты ответа:
A)

1
2

B)

3
3

C)

1
2
(в случайном порядке)

D)

---

✅ Правильный ответ: B

Почему:
Переменная i объявлена с помощью var, поэтому она является общей для всех итераций. К моменту выполнения setTimeout цикл уже завершился, и значение i равно 3. Каждая отложенная функция видит одно и то же значение.

🖥 Masonry (https://masonry.desandro.com/) — это библиотека, которая позволяет создавать динамические сеточные макеты, где элементы располагаются в зависимости от доступного пространства, как в кирпичной кладке! Она поддерживает адаптивные макеты, настраиваемые отступы и ширину колонок, а также совместима с ES6-модулями, Browserify и RequireJS.

🔗 Ссылка: *клик* (https://masonry.desandro.com/)

🌐 Plate (https://github.com/udecode/plate?tab=readme-ov-file) — это мощный редактор WYSIWYG, разработанный на базе React и Slate, который поддерживает интеграцию с ИИ!

🌟 Он предлагает гибкую платформу для создания настраиваемых редакторов, которые можно расширять с помощью плагинов. Plate подходит для различных задач, таких как редактирование документов в стиле Notion, работа с Markdown и коллаборативные инструменты.

🔐 Лицензия: MIT

🖥 Github (https://github.com/udecode/plate?tab=readme-ov-file)

📦 OSS JS SDK — это библиотека, которая предлагает удобный интерфейс для взаимодействия с облачным хранилищем Alibaba OSS из Node.js и браузера. Проект включает готовые методы для работы с файлами, начиная от multipart-загрузки и заканчивая управлением правами доступа через ACL.

Версия инструмента для браузера имеет ограниченный набор функций, но даёт возможность генерировать подписанные URL для безопасной загрузки файлов без раскрытия ключей доступа. Для использования в production-среде разработчики рекомендуют применять временные токены STS.

🤖 GitHub (https://github.com/ali-sdk/ali-oss)

🧑‍💻 Faast.js — это библиотека, которая берет на себя всю рутинную работу: она упаковывает код, настраивает роли IAM и разворачивает ресурсы, а затем автоматически их удаляет после выполнения. Таким образом, отсутствуют постоянные кластеры, долгие деплои или ручное управление зависимостями.

При этом Faast.js остается легковесным и не привязывает вас к определенным сервисам. Например, чтобы запустить функцию локально в оффлайн-режиме, достаточно изменить всего одну строку, а возможность масштабирования до тысяч ядер за секунды встроена прямо "из коробки".

🤖 GitHub (https://github.com/faastjs/faast.js/)

📁 Meriyah — это JS-парсер, предназначенный для строгого синтаксического разбора. В отличие от многих других, этот проект не стремится быть универсальным: в нем нет поддержки TypeScript или Flow, но акцент сделан на стабильности и предсказуемости.

Для анализа кода он создает AST, совместимое с ESTree, с подробной информацией о позициях узлов, а гибкие настройки позволяют интегрировать парсер в инструменты для линтинга или транспиляции. Инструмент избегает алгоритмов обратного поиска, что уменьшает нагрузку на память, а интеграция с JSX и функциями Annex B делает его удобным для веб-разработки.

🤖 GitHub (https://github.com/meriyah/meriyah)

Цвет фона карточки изменяется на цвет текста при наведении на неё.

#карточки #hover

https://codepen.io/himais/pen/eYOzrzJ

🚀 Запустился новый ИИ-сервис Adaptive — генератор веб-приложений, который создает не только прототипы, но и полностью готовые к запуску проекты.

💡 Возможности:
▪️ Добавление ИИ-функций
▪️ Настройка регистрации и оплаты подписки
▪️ Всё это — без кода и без подключения сторонних API

По сути — no-code в режиме turbo.

🎁 В бесплатном плане — до 10 приложений.

https://adaptive.ai/

📊 Phantomas — это мощный инструмент для анализа производительности веб-сайтов. Он собирает множество метрик, включая количество запросов, сложные CSS-селекторы и события jQuery.

Проект имеет модульную архитектуру, что позволяет легко добавлять новые функции. Его можно запустить с помощью npm, Docker или как модуль в проекте на Node.js. Кроме того, инструмент позволяет эмулировать мобильные устройства и даже добавлять кастомные метрики прямо в код страницы.

🤖 GitHub (https://github.com/macbre/phantomas)

Пример анимированного подчеркивания с градиентной заливкой.

#ссылки #hover

https://codepen.io/cultofgeek/pen/RJRdVO

🖌️ LUME — это инструмент для создания 2D/3D-интерфейсов на HTML. Он превращает стандартные HTML-элементы в полноценные графические объекты, начиная от CSS3D-преобразований и заканчивая рендерингом с помощью WebGL.

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

🤖 GitHub (https://github.com/lume/lume)

‍📱 expo-app-template — это современный шаблон для React Native и Expo.

[expo-app-template](https://github.com/nkzw-tech/expo-app-template) от nkzw-tech представляет собой продвинутый шаблон, который позволяет быстро начать разработку мобильных приложений на React Native с использованием Expo и TypeScript.

🚀 Ключевые особенности:
- Современные технологии: Expo 53, React Native 0.79 с новой архитектурой.
- Навигация: Expo Router для удобного перемещения по приложению.
- Стилизация: Tailwind CSS с помощью NativeWind.
- Встроенные библиотеки:
- @gorhom/bottom-sheet для модальных окон.
- Legend List для работы со списками.
- react-native-svg и react-native-svg-transformer.
- expo-linear-gradient для создания градиентов.
- Международная поддержка через fbtee.
- Поддержка TypeScript и ESM.
- Управление пакетами с помощью pnpm.
- React Compiler для улучшения производительности.

🛠️ Как установить и запустить:

Требования:
- Node.js версии 22 и выше.
- pnpm версии 10 и выше.
- Cocoapods для iOS.

Для установки выполните команду:

pnpm install && pnpm dev:setup

▪ Репозиторий на Github: https://github.com/nkzw-tech/expo-app-template

🌍 FBT — это фреймворк для интернационализации от Facebook, который не создает лишних сложностей. Этот инструмент интегрируется непосредственно в JSX с помощью специальных тегов и функции fbt(), автоматически извлекая строки для перевода на этапе сборки.

Проект уделяет большое внимание грамматической правильности: система учитывает род, число и другие особенности языка без необходимости вручную описывать все варианты. В основе лежит преобразование кода с помощью Babel-плагинов, а готовые переводы загружаются во время выполнения.

🤖 GitHub (https://github.com/facebook/fbt)