📦 OSS JS SDK — это библиотека, которая предлагает удобный интерфейс для взаимодействия с облачным хранилищем Alibaba OSS из Node.js и браузера. Проект включает готовые методы для работы с файлами, начиная от multipart-загрузки и заканчивая управлением правами доступа через ACL.
Версия инструмента для браузера имеет ограниченный набор функций, но даёт возможность генерировать подписанные URL для безопасной загрузки файлов без раскрытия ключей доступа. Для использования в production-среде разработчики рекомендуют применять временные токены STS.
🤖 GitHub (https://github.com/ali-sdk/ali-oss)
Версия инструмента для браузера имеет ограниченный набор функций, но даёт возможность генерировать подписанные URL для безопасной загрузки файлов без раскрытия ключей доступа. Для использования в production-среде разработчики рекомендуют применять временные токены STS.
🤖 GitHub (https://github.com/ali-sdk/ali-oss)
🧑💻 Faast.js — это библиотека, которая берет на себя всю рутинную работу: она упаковывает код, настраивает роли IAM и разворачивает ресурсы, а затем автоматически их удаляет после выполнения. Таким образом, отсутствуют постоянные кластеры, долгие деплои или ручное управление зависимостями.
При этом Faast.js остается легковесным и не привязывает вас к определенным сервисам. Например, чтобы запустить функцию локально в оффлайн-режиме, достаточно изменить всего одну строку, а возможность масштабирования до тысяч ядер за секунды встроена прямо "из коробки".
🤖 GitHub (https://github.com/faastjs/faast.js/)
При этом Faast.js остается легковесным и не привязывает вас к определенным сервисам. Например, чтобы запустить функцию локально в оффлайн-режиме, достаточно изменить всего одну строку, а возможность масштабирования до тысяч ядер за секунды встроена прямо "из коробки".
🤖 GitHub (https://github.com/faastjs/faast.js/)
👍1
📁 Meriyah — это JS-парсер, предназначенный для строгого синтаксического разбора. В отличие от многих других, этот проект не стремится быть универсальным: в нем нет поддержки TypeScript или Flow, но акцент сделан на стабильности и предсказуемости.
Для анализа кода он создает AST, совместимое с ESTree, с подробной информацией о позициях узлов, а гибкие настройки позволяют интегрировать парсер в инструменты для линтинга или транспиляции. Инструмент избегает алгоритмов обратного поиска, что уменьшает нагрузку на память, а интеграция с JSX и функциями Annex B делает его удобным для веб-разработки.
🤖 GitHub (https://github.com/meriyah/meriyah)
Для анализа кода он создает AST, совместимое с ESTree, с подробной информацией о позициях узлов, а гибкие настройки позволяют интегрировать парсер в инструменты для линтинга или транспиляции. Инструмент избегает алгоритмов обратного поиска, что уменьшает нагрузку на память, а интеграция с JSX и функциями Annex B делает его удобным для веб-разработки.
🤖 GitHub (https://github.com/meriyah/meriyah)
This media is not supported in your browser
VIEW IN TELEGRAM
Цвет фона карточки изменяется на цвет текста при наведении на неё.
#карточки #hover
https://codepen.io/himais/pen/eYOzrzJ
#карточки #hover
https://codepen.io/himais/pen/eYOzrzJ
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
🚀 Запустился новый ИИ-сервис Adaptive — генератор веб-приложений, который создает не только прототипы, но и полностью готовые к запуску проекты.
💡 Возможности:
▪️ Добавление ИИ-функций
▪️ Настройка регистрации и оплаты подписки
▪️ Всё это — без кода и без подключения сторонних API
По сути — no-code в режиме turbo.
🎁 В бесплатном плане — до 10 приложений.
https://adaptive.ai/
💡 Возможности:
▪️ Добавление ИИ-функций
▪️ Настройка регистрации и оплаты подписки
▪️ Всё это — без кода и без подключения сторонних API
По сути — no-code в режиме turbo.
🎁 В бесплатном плане — до 10 приложений.
https://adaptive.ai/
📊 Phantomas — это мощный инструмент для анализа производительности веб-сайтов. Он собирает множество метрик, включая количество запросов, сложные CSS-селекторы и события jQuery.
Проект имеет модульную архитектуру, что позволяет легко добавлять новые функции. Его можно запустить с помощью npm, Docker или как модуль в проекте на Node.js. Кроме того, инструмент позволяет эмулировать мобильные устройства и даже добавлять кастомные метрики прямо в код страницы.
🤖 GitHub (https://github.com/macbre/phantomas)
Проект имеет модульную архитектуру, что позволяет легко добавлять новые функции. Его можно запустить с помощью npm, Docker или как модуль в проекте на Node.js. Кроме того, инструмент позволяет эмулировать мобильные устройства и даже добавлять кастомные метрики прямо в код страницы.
🤖 GitHub (https://github.com/macbre/phantomas)
This media is not supported in your browser
VIEW IN TELEGRAM
Пример анимированного подчеркивания с градиентной заливкой.
#ссылки #hover
https://codepen.io/cultofgeek/pen/RJRdVO
#ссылки #hover
https://codepen.io/cultofgeek/pen/RJRdVO
👍1
📝 OpenSign – это инструмент с открытым исходным кодом, который предлагает полный набор возможностей для безопасного подписания документов.
Проект предоставляет не просто функцию добавления подписи в PDF, а целый рабочий процесс: он поддерживает множество подписантов, предлагает шаблоны документов, OTP-верификацию и даже возможность отклонения подписания с комментарием. При этом OpenSign не требует подписок и скрытых платежей, что позволяет развернуть систему как локально, так и в облаке.
🤖 GitHub (https://github.com/OpenSignLabs/OpenSign)
Проект предоставляет не просто функцию добавления подписи в PDF, а целый рабочий процесс: он поддерживает множество подписантов, предлагает шаблоны документов, OTP-верификацию и даже возможность отклонения подписания с комментарием. При этом OpenSign не требует подписок и скрытых платежей, что позволяет развернуть систему как локально, так и в облаке.
🤖 GitHub (https://github.com/OpenSignLabs/OpenSign)
🖌️ LUME — это инструмент для создания 2D/3D-интерфейсов на HTML. Он превращает стандартные HTML-элементы в полноценные графические объекты, начиная от CSS3D-преобразований и заканчивая рендерингом с помощью WebGL.
Внутри используется AssemblyScript для компиляции в WebAssembly, что обеспечивает стабильную производительность. В примерах даже есть шаблон для FPS-игры на этом движке.
🤖 GitHub (https://github.com/lume/lume)
Внутри используется 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
[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)
Проект уделяет большое внимание грамматической правильности: система учитывает род, число и другие особенности языка без необходимости вручную описывать все варианты. В основе лежит преобразование кода с помощью Babel-плагинов, а готовые переводы загружаются во время выполнения.
🤖 GitHub (https://github.com/facebook/fbt)
🔌 Node-OPCUA — это промышленный стандарт OPC UA, выполненный для платформы Node.js. Данный набор инструментов реализует протокол OPC UA непосредственно в Node.js и в браузере, предоставляя интерфейсы на TypeScript для взаимодействия с реальным оборудованием.
Данный инструмент особенно популярен в системах SCADA и в промышленной автоматизации. Он поддерживает создание как OPC-серверов, так и клиентов, включая сложные варианты подписки на данные и защищённое соединение.
🤖 GitHub (https://github.com/SciSharp/BotSharp)
Данный инструмент особенно популярен в системах SCADA и в промышленной автоматизации. Он поддерживает создание как OPC-серверов, так и клиентов, включая сложные варианты подписки на данные и защищённое соединение.
🤖 GitHub (https://github.com/SciSharp/BotSharp)
This media is not supported in your browser
VIEW IN TELEGRAM
Pokemon Slide Gallery.
Анимация выполнена без применения JavaScript.
Используются только HTML и CSS. Переключение осуществляется с помощью радио-кнопок.
https://codepen.io/cbolson/pen/raBJWOJ
Анимация выполнена без применения JavaScript.
Используются только HTML и CSS. Переключение осуществляется с помощью радио-кнопок.
https://codepen.io/cbolson/pen/raBJWOJ
🔥3
Встречайте Vue DnD Kit — новую мощную библиотеку для Vue 3, предназначенную для реализации функционала drag-and-drop! Она обеспечивает высокую производительность, гибкость и полную поддержку управления с клавиатуры, мобильных устройств, а также позволяет настраивать под любые задачи.
Этот инструмент основан на композабельных функциях Vue, что делает его отличным выбором для создания сложных и интерактивных интерфейсов.
Документация уже доступна по адресу (https://zizigy.github.io/vue-dnd-kit/), а в ближайшем будущем планируется выпуск новых пакетов и интеграция с DevTools. #Vue3 #DragAndDrop #Frontend #WebDev
https://habr.com/ru/news/902384/
Этот инструмент основан на композабельных функциях Vue, что делает его отличным выбором для создания сложных и интерактивных интерфейсов.
Документация уже доступна по адресу (https://zizigy.github.io/vue-dnd-kit/), а в ближайшем будущем планируется выпуск новых пакетов и интеграция с DevTools. #Vue3 #DragAndDrop #Frontend #WebDev
https://habr.com/ru/news/902384/
👍1
🔥 В Qwen теперь появились песочницы для написания и запуска программного кода.
Web Dev — новый инструмент для создания готовых фронтенд-страниц и приложений в Qwen Chat.
🎨 Просто напишите: «Создай сайт как ...» — и всё готово! Вы получаете код приложения.
Мы сгенерировали несколько лендингов и простую игру для проверки — система хорошо понимает запросы и работает быстро.
➡️ Попробовать: https://chat.qwen.ai/?inputFeature=web_dev
@ai_machinelearning_big_data
#qwen #codegenerator #online
Web Dev — новый инструмент для создания готовых фронтенд-страниц и приложений в Qwen Chat.
🎨 Просто напишите: «Создай сайт как ...» — и всё готово! Вы получаете код приложения.
Мы сгенерировали несколько лендингов и простую игру для проверки — система хорошо понимает запросы и работает быстро.
➡️ Попробовать: https://chat.qwen.ai/?inputFeature=web_dev
@ai_machinelearning_big_data
#qwen #codegenerator #online
This media is not supported in your browser
VIEW IN TELEGRAM
Плавное выделение карточек при клике на них, а также при переходе с помощью клавиши Tab.
#формы #переключатели #чекбоксы #карточки
https://codepen.io/havardob/pen/BapJYMg
#формы #переключатели #чекбоксы #карточки
https://codepen.io/havardob/pen/BapJYMg
👍1
🚀 Nova — новый движок JavaScript/Wasбm на Rust. Этот экспериментальный проект пытается переосмыслить архитектуру JS-движков через призму data-oriented design. Вместо классических указателей Nova использует индексы и векторы, чтобы минимизировать накладные расходы и улучшить кэширование.
Пока движок далёк от готовности, но подход к разработке вызывает интерес, например safepoint garbage collector, построенный на особенностях системы заимствований Rust — это попытка максимально приблизить структуру кода к ECMAScript-спецификации.
🤖 GitHub (https://github.com/trynova/nova)
Пока движок далёк от готовности, но подход к разработке вызывает интерес, например safepoint garbage collector, построенный на особенностях системы заимствований Rust — это попытка максимально приблизить структуру кода к ECMAScript-спецификации.
🤖 GitHub (https://github.com/trynova/nova)
🎭 Maska — легковесная библиотека для масок ввода. Инструмент весит всего 3КБ кода, но с поддержкой кастомных токенов, динамических масок и даже специального режима для денежных значений.
Библиотека работает как с нативными input, так и с кастомными компонентами, а ещё поддерживает Vue, Alpine.js и Svelte из коробки.
🤖 GitHub (https://github.com/beholdr/maska)
Библиотека работает как с нативными input, так и с кастомными компонентами, а ещё поддерживает Vue, Alpine.js и Svelte из коробки.
🤖 GitHub (https://github.com/beholdr/maska)
This media is not supported in your browser
VIEW IN TELEGRAM
Минималистичная и красивая анимация для ненайденной страницы
#страница404
https://codepen.io/digilou/pen/vzWjJo
#страница404
https://codepen.io/digilou/pen/vzWjJo
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Минималистичный hover-эффект для ссылок навигации
#hover #меню #ссылки
https://codepen.io/jstn/pen/mdoOZJ
#hover #меню #ссылки
https://codepen.io/jstn/pen/mdoOZJ
👍1