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

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

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

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

https://adaptive.ai/

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

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

🤖 GitHub

@javascriptv

⚡️Легкий способ получать свежие обновления и следить за трендами в разработке на вашем языке. Находите свой стек и подписывайтесь:

Python: t.me/pythonl
Linux: t.me/linuxacademiya
Собеседования DS: t.me/machinelearning_interview
Нерйросети t.me/ai_machinelearning_big_data
C++ t.me/cpluspluc
Docker: t.me/DevopsDocker
Хакинг: t.me/linuxkalii
Devops: t.me/DevOPSitsec
Data Science: t.me/data_analysis_ml
Javascript: t.me/javascriptv
C#: t.me/csharp_ci
Java: t.me/javatg
Базы данных: t.me/sqlhub
Python собеседования: t.me/python_job_interview
Мобильная разработка: t.me/mobdevelop
Golang: t.me/Golang_google
React: t.me/react_tg
Rust: t.me/rust_code
ИИ: t.me/vistehno
PHP: t.me/phpshka
Android: t.me/android_its
Frontend: t.me/front
Big Data: t.me/bigdatai
МАТЕМАТИКА: t.me/data_math
Kubernets: t.me/kubernetc
Разработка игр: https://yangx.top/gamedev
Haskell: t.me/haskell_tg
Физика: t.me/fizmat

💼 Папка с вакансиями: t.me/addlist/_zyy_jQ_QUsyM2Vi
Папка Go разработчика: t.me/addlist/MUtJEeJSxeY2YTFi
Папка Python разработчика: t.me/addlist/eEPya-HF6mkxMGIy
Папка ML: https://yangx.top/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://yangx.top/addlist/mzMMG3RPZhY2M2Iy

😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno

🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://yangx.top/addlist/BkskQciUW_FhNjEy

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

#ссылки #hover

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

Есть фича. Есть дедлайн. Есть понимание, что тесты надо писать… но они отъедают время, которого итак впритык.

Один наш знакомый девелопер сказал: «С тех пор как поставил Explyt Test — начал писать меньше тестов… но покрытие стало лучше. Как это вообще возможно?!»

Попробуйте сами. Плагин сам предлагает тесты для вашего кода — прямо в IDE.
👉 explyt.ai — сэкономь себе пару часов уже сегодня.

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

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

🤖 GitHub

@javascriptv

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

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

🤖 GitHub

@javascriptv

Создаём 3D-модели прямо в браузере за считанные секунды — появилась мощная тулза для дизайнеров, художников и геймдев-разработчиков.

Работает по текстовому описанию: вводишь идею — на выходе готовая модель, которую можно сразу редактировать. Поддерживает все популярные форматы, плюс огромная библиотека шаблонов для вдохновения.

Доступно бесплатно — пользуйтесь.

🔌 Node-OPCUA — промышленный стандарт OPC UA для Node.js. Этот стек реализует протокол OPC UA прямо в Node.js и браузере, предлагая TypeScript-интерфейсы для работы с реальным оборудованием.

Инструмент особенно востребован в SCADA-системах и промышленной автоматизации. Поддерживает создание как OPC-серверов, так и клиентов, включая сложные сценарии подписки на данные и безопасное соединение.

🤖 GitHub

@javascriptv

Pokemon Slide Gallery

Анимация реализованп без использования JS.

Только HTML и CSS. Переключение реализовано с помощью радио-кнопок

https://codepen.io/cbolson/pen/raBJWOJ

@javascriptv

Встречайте Vue DnD Kit — новую мощную библиотеку для Vue 3, созданную для реализации функционала drag-and-drop! Она предлагает высокую производительность, гибкость и полную поддержку клавиатурного управления, мобильных устройств и кастомизации под любые задачи.

Инструмент построен на композабельных функциях Vue, что делает его идеальным выбором для разработки сложных и интерактивных интерфейсов.

Документация уже доступна, а в ближайшем будущем ожидаются новые пакеты и интеграция с DevTools. #Vue3 #DragAndDrop #Frontend #WebDev

https://habr.com/ru/news/902384/

Плавная подсветка карточек при нажатии на них, а также при переключении клавишей Tab

#формы #переключатели #чекбоксы #карточки

https://codepen.io/havardob/pen/BapJYMg

@javascriptv

🚀 Nova — новый движок JavaScript/Wasбm на Rust. Этот экспериментальный проект пытается переосмыслить архитектуру JS-движков через призму data-oriented design. Вместо классических указателей Nova использует индексы и векторы, чтобы минимизировать накладные расходы и улучшить кэширование.

Пока движок далёк от готовности, но подход к разработке вызывает интерес, например safepoint garbage collector, построенный на особенностях системы заимствований Rust — это попытка максимально приблизить структуру кода к ECMAScript-спецификации.

🤖 GitHub

@javascriptv

🎭 Maska — легковесная библиотека для масок ввода. Инструмент весит всего 3КБ кода, но с поддержкой кастомных токенов, динамических масок и даже специального режима для денежных значений.

Библиотека работает как с нативными input, так и с кастомными компонентами, а ещё поддерживает Vue, Alpine.js и Svelte из коробки.

🤖 GitHub

@javascriptv

Frontend + Летний митап + Суббота = Я.Субботник по разработке интерфейсов 💛

7 июня в Москве Яндекс Go проводит Я.Субботник по разработке интерфейсов. В программе 4 доклада и воркшоп: 

👉 Артемий Карпов расскажет,  как команда выстраивает взаимодействие между разработкой и тестированием при написании автотестов и улучшении семантики приложения
👉 Миша Колосовский покажет, как сделать статические схемы интерактивными и причем тут SVG
👉 Давид Давыдов объяснит, что мы сделали с серверным API и как пришли к одной строчке кода вместо сотни
👉 Серёжа Алейников поделится опытом портирования нативного BDUI в вебе

На воркшопе участники в командах будут исправлять некорректные интерфейсы, стараясь учесть требования дизайнеров, бэкенд-разработчиков и тестировщиков. Вместе обсудим варианты решений, а коллеги из Яндекса помогут найти самое оптимальное. 

Регистрируйтесь и зовите друзей!

Мероприятие бесплатное. Количество мест в офлайне ограничено — пожалуйста, дождитесь нашего подтверждения.

Минималистичная и красивая анимация для ненайденной страницы

#страница404

https://codepen.io/digilou/pen/vzWjJo