🧩 Davia: Интерактивная документация для вашего кода
Davia — это инструмент с открытым исходным кодом, который генерирует интерактивную внутреннюю документацию для вашего локального кода. Просто укажите путь к проекту, и он создаст документацию с визуализациями, которые можно редактировать в стиле Notion или в вашем IDE.
🚀 Основные моменты:
- Генерация документации для локальных проектов
- Интерактивные визуализации и редактирование
- Открытый исходный код
- Поддержка нескольких AI-провайдеров
📌 GitHub: https://github.com/davialabs/davia
Davia — это инструмент с открытым исходным кодом, который генерирует интерактивную внутреннюю документацию для вашего локального кода. Просто укажите путь к проекту, и он создаст документацию с визуализациями, которые можно редактировать в стиле Notion или в вашем IDE.
🚀 Основные моменты:
- Генерация документации для локальных проектов
- Интерактивные визуализации и редактирование
- Открытый исходный код
- Поддержка нескольких AI-провайдеров
📌 GitHub: https://github.com/davialabs/davia
❤7👍5
🔥 Подборка полезных ресурсов для программистов.
Здесь ты найдёшь всё это - коротко, по делу и без воды.
Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты!
AI: t.me/ai_machinelearning_big_data
Python: t.me/pythonl
Linux: t.me/linuxacademiya
Devops: t.me/DevOPSitsec
Собеседования DS: t.me/machinelearning_interview
C++ t.me/cpluspluc
Docker: t.me/DevopsDocker
Хакинг: t.me/linuxkalii
Data Science: t.me/data_analysis_ml
Javanoscript: t.me/javanoscriptv
C#: t.me/csharp_1001_notes
Java: t.me/java_library
Базы данных: 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://news.1rj.ru/str/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://news.1rj.ru/str/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://news.1rj.ru/str/addlist/mzMMG3RPZhY2M2Iy
Папка Linux:https://news.1rj.ru/str/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://news.1rj.ru/str/addlist/BkskQciUW_FhNjEy
Сохрани себе, чтобы не потерять!
Здесь ты найдёшь всё это - коротко, по делу и без воды.
Пока другие ищут, где “подглядеть решение”, ты уже используешь самые свежие инструменты!
AI: t.me/ai_machinelearning_big_data
Python: t.me/pythonl
Linux: t.me/linuxacademiya
Devops: t.me/DevOPSitsec
Собеседования DS: t.me/machinelearning_interview
C++ t.me/cpluspluc
Docker: t.me/DevopsDocker
Хакинг: t.me/linuxkalii
Data Science: t.me/data_analysis_ml
Javanoscript: t.me/javanoscriptv
C#: t.me/csharp_1001_notes
Java: t.me/java_library
Базы данных: 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://news.1rj.ru/str/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://news.1rj.ru/str/addlist/2Ls-snqEeytkMDgy
Папка FRONTEND: https://news.1rj.ru/str/addlist/mzMMG3RPZhY2M2Iy
Папка Linux:https://news.1rj.ru/str/addlist/w4Doot-XBG4xNzYy
😆ИТ-Мемы: t.me/memes_prog
🇬🇧Английский: t.me/english_forprogrammers
🧠ИИ: t.me/vistehno
🎓954ГБ ОПЕНСОРС КУРСОВ: @courses
📕Ит-книги бесплатно: https://news.1rj.ru/str/addlist/BkskQciUW_FhNjEy
Сохрани себе, чтобы не потерять!
❤4👍2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Отличный гайд по тому, как прокачать навык работы с дейтпикерами в JavaScript.
В нём есть примеры, ясные объяснения и наглядный формат, который помогает быстро разобраться во всех нюансах создания собственных дейтпикеров на чистом JS.
Читать здесь 👍
В нём есть примеры, ясные объяснения и наглядный формат, который помогает быстро разобраться во всех нюансах создания собственных дейтпикеров на чистом JS.
Читать здесь 👍
🔥11
This media is not supported in your browser
VIEW IN TELEGRAM
View Transitions — это подарок 🎁
Один набор CSS keyframes и одна локальная пользовательская переменная для
Один набор CSS keyframes и одна локальная пользовательская переменная для
::view-transition-old/new(body) 🚀🔥13🌚3👍2
🧩 Визуализируй свой код с CodeVisualizer!
CodeVisualizer — это расширение для VS Code, которое помогает разработчикам мгновенно понимать и навигировать по коду. Оно предлагает интерактивные графики зависимостей и красивые блок-схемы, позволяя быстро анализировать сложные логические структуры и архитектуру проектов.
🚀 Основные моменты:
- Интерактивные графики зависимостей для анализа модулей
- Блок-схемы для понимания логики функций
- Поддержка более 7 языков программирования
- Локальный анализ кода для повышения конфиденциальности
- Мгновенные визуализации без ручного диаграммирования
📌 GitHub: https://github.com/DucPhamNgoc08/CodeVisualizer
CodeVisualizer — это расширение для VS Code, которое помогает разработчикам мгновенно понимать и навигировать по коду. Оно предлагает интерактивные графики зависимостей и красивые блок-схемы, позволяя быстро анализировать сложные логические структуры и архитектуру проектов.
🚀 Основные моменты:
- Интерактивные графики зависимостей для анализа модулей
- Блок-схемы для понимания логики функций
- Поддержка более 7 языков программирования
- Локальный анализ кода для повышения конфиденциальности
- Мгновенные визуализации без ручного диаграммирования
📌 GitHub: https://github.com/DucPhamNgoc08/CodeVisualizer
GitHub
GitHub - DucPhamNgoc08/CodeVisualizer: CodeVisualizer is a powerful VS Code extension that provides two main visualization capabilities:…
CodeVisualizer is a powerful VS Code extension that provides two main visualization capabilities: function-level flowcharts for understanding code control flow, and codebase-level dependency graphs...
❤3
🚀 Интерактивный помощник для VSCode с Claude Code
Claudix — это расширение для Visual Studio Code, которое интегрирует Claude AI прямо в ваш редактор. Оно предлагает интерактивный интерфейс для общения, управление сессиями и анализ кода, что делает процесс программирования более удобным и эффективным.
🚀 Основные моменты:
- Интерактивный чат с Claude Code
- Управление сессиями и история разговоров
- Интеллектуальный анализ кода
- Поддержка нескольких моделей Claude
- Реакция в реальном времени
📌 GitHub: https://github.com/Haleclipse/Claudix
#typenoscript
Claudix — это расширение для Visual Studio Code, которое интегрирует Claude AI прямо в ваш редактор. Оно предлагает интерактивный интерфейс для общения, управление сессиями и анализ кода, что делает процесс программирования более удобным и эффективным.
🚀 Основные моменты:
- Интерактивный чат с Claude Code
- Управление сессиями и история разговоров
- Интеллектуальный анализ кода
- Поддержка нескольких моделей Claude
- Реакция в реальном времени
📌 GitHub: https://github.com/Haleclipse/Claudix
#typenoscript
GitHub
GitHub - Haleclipse/Claudix: Gorgeous Claude Code Extend for VS Code.
Gorgeous Claude Code Extend for VS Code. Contribute to Haleclipse/Claudix development by creating an account on GitHub.
❤3👍2🕊1
🚀 Сбер открыл доступ к передовым русскоязычным нейросетям
Теперь разработчики могут использовать флагманские модели Сбера для работы с текстом, речью и визуальным контентом на русском языке. Это готовый фундамент для интеграции ИИ в проекты и экспериментов с локальными данными.
🚀 Основные моменты:
- GigaChat Ultra-Preview - самая мощная модель Сбера. Лучше DeepSeek V3.1 и GigaChat Max 2 в русскоязычных задачах. Подходит для бизнеса, аналитики, разработки и дообучения на своих данных
- GigaChat Lightning - лёгкая, компактная и быстрая. Конкурирует с Qwen3-4B, по скорости сравнима с Qwen3-1.7B, но намного умнее и больше по параметрам
- GigaAM-v3 — распознавание речи с пунктуацией и нормализациейять моделей, которые превращают голос в текст с пунктуацией, понимают акценты, спонтанную речь и даже музыкальные запросы.
- Kandinsky 5.0 — генерация изображений и видео с поддержкой кириллицы
- K-VAE 1.0 — сжатие визуальных данных для обучения моделей
📌 Хабр: https://habr.com/ru/companies/sberdevices/articles/968904/
Теперь разработчики могут использовать флагманские модели Сбера для работы с текстом, речью и визуальным контентом на русском языке. Это готовый фундамент для интеграции ИИ в проекты и экспериментов с локальными данными.
🚀 Основные моменты:
- GigaChat Ultra-Preview - самая мощная модель Сбера. Лучше DeepSeek V3.1 и GigaChat Max 2 в русскоязычных задачах. Подходит для бизнеса, аналитики, разработки и дообучения на своих данных
- GigaChat Lightning - лёгкая, компактная и быстрая. Конкурирует с Qwen3-4B, по скорости сравнима с Qwen3-1.7B, но намного умнее и больше по параметрам
- GigaAM-v3 — распознавание речи с пунктуацией и нормализациейять моделей, которые превращают голос в текст с пунктуацией, понимают акценты, спонтанную речь и даже музыкальные запросы.
- Kandinsky 5.0 — генерация изображений и видео с поддержкой кириллицы
- K-VAE 1.0 — сжатие визуальных данных для обучения моделей
📌 Хабр: https://habr.com/ru/companies/sberdevices/articles/968904/
🔥5🖕5❤3🕊1🐳1
🚀 Holo2 - новое поколение мультимодальных моделей, созданных для понимания интерфейсов, навигации и рассуждений в вебе, на десктопах и в мобильных средах.
📈 Результаты
Holo2 обновляет рекорды на ключевых бенчмарках UI-grounding:
- 66.1% (+3%) на ScreenSpot-Pro
- 76.1% (+5%) на OSWorld-G
Модель уверенно превосходит все существующие аналоги.
🧠 Архитектура
Holo2 построена на Qwen3-VL. Модель показывает сильное понимание интерфейсов и заметно улучшает навигацию и способность рассуждать, в отличие от предыдущих версий.
Модель одинаково хорошо запускается в браузере, на Ubuntu и Android.
🔀 Mixture of Experts
Флагманская версия 30B-A3B активирует только 3B параметров в каждом шаге - выдавая качество 30B-модели при гораздо меньшей себестоимости вычислений.
Модель сама генерирует reasoning-токены - это повышает точность и устойчивость к контексту.
Holo2 полностью совместима с архитектурой Surfer 2 и ReAct-пайплайнами - подходит для создания продвинутых UI-агентов.
⚙️ Развёртывание
Запускается напрямую через vLLM и любой фреймворк, совместимый с Qwen3-VL.
📜 Лицензии
- 4B и 8B — Apache-2
- 30B-A3B — только для некоммерческого использования
🔥 Блог: http://hcompany.ai/blog/holo2
🍳 Cookbook: https://github.com/hcompai/hai-cookbook/blob/main/holo2/holo_2_localization_huggingface.ipynb
🤗 HuggingFace: https://huggingface.co/collections/Hcompany/holo2
📈 Результаты
Holo2 обновляет рекорды на ключевых бенчмарках UI-grounding:
- 66.1% (+3%) на ScreenSpot-Pro
- 76.1% (+5%) на OSWorld-G
Модель уверенно превосходит все существующие аналоги.
🧠 Архитектура
Holo2 построена на Qwen3-VL. Модель показывает сильное понимание интерфейсов и заметно улучшает навигацию и способность рассуждать, в отличие от предыдущих версий.
Модель одинаково хорошо запускается в браузере, на Ubuntu и Android.
🔀 Mixture of Experts
Флагманская версия 30B-A3B активирует только 3B параметров в каждом шаге - выдавая качество 30B-модели при гораздо меньшей себестоимости вычислений.
Модель сама генерирует reasoning-токены - это повышает точность и устойчивость к контексту.
Holo2 полностью совместима с архитектурой Surfer 2 и ReAct-пайплайнами - подходит для создания продвинутых UI-агентов.
⚙️ Развёртывание
Запускается напрямую через vLLM и любой фреймворк, совместимый с Qwen3-VL.
📜 Лицензии
- 4B и 8B — Apache-2
- 30B-A3B — только для некоммерческого использования
🔥 Блог: http://hcompany.ai/blog/holo2
🍳 Cookbook: https://github.com/hcompai/hai-cookbook/blob/main/holo2/holo_2_localization_huggingface.ipynb
🤗 HuggingFace: https://huggingface.co/collections/Hcompany/holo2
❤3👍1🔥1
Drag&Drop-конструктор интерфейсов на чистом JavaScript.
Хватит писать калькуляторы и «todo-листы». Пора собрать что-то, что выглядит и ведёт себя как реальный UI-конструктор. На открытом уроке вы создадите полноценный мини-конструктор с интерактивными элементами. Без фреймворков и библиотек — только чистый JS, события мыши и немного архитектурной логики. Разберём механику drag&drop: как двигать элементы по экрану, управлять DOM, координатами и рендерингом, а также организовать плавный отклик интерфейса.
Вы поймёте, как работает визуальное взаимодействие в браузере, как создавать живые интерфейсы, которые «реагируют» на пользователя, и почему архитектура даже простого проекта важнее кода. Занятие будет полезно начинающим разработчикам, которые хотят почувствовать JavaScript и перейти от теории к практике.
27 ноября, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic».
Регистрация открыта: https://otus.pw/LA5e/?erid=2W5zFHj7kZe
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
Хватит писать калькуляторы и «todo-листы». Пора собрать что-то, что выглядит и ведёт себя как реальный UI-конструктор. На открытом уроке вы создадите полноценный мини-конструктор с интерактивными элементами. Без фреймворков и библиотек — только чистый JS, события мыши и немного архитектурной логики. Разберём механику drag&drop: как двигать элементы по экрану, управлять DOM, координатами и рендерингом, а также организовать плавный отклик интерфейса.
Вы поймёте, как работает визуальное взаимодействие в браузере, как создавать живые интерфейсы, которые «реагируют» на пользователя, и почему архитектура даже простого проекта важнее кода. Занятие будет полезно начинающим разработчикам, которые хотят почувствовать JavaScript и перейти от теории к практике.
27 ноября, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic».
Регистрация открыта: https://otus.pw/LA5e/?erid=2W5zFHj7kZe
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
CSS трюк для раскрытия текста при прокрутке? ✨
Объедините position: sticky с анимацией прокрутки.
Разделите текст на слова. Используйте значение «Pixel per character» для расчета начальной и конечной позиции прокрутки для каждого слова 🤙
Объедините position: sticky с анимацией прокрутки.
Разделите текст на слова. Используйте значение «Pixel per character» для расчета начальной и конечной позиции прокрутки для каждого слова 🤙
❤18👍6🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактивное объяснение CSS calc()
👍10❤1
Spectral.js - это библиотека для смешивания красок, использующая теорию Кубелки-Мунка.
Используя возможности теории Кубелки-Мунка, надежной научной модели, имитирующей взаимодействие света с краской, Spectral.js гарантирует, что ваши проекты будут иметь яркие и реалистичные цвета.
Благодаря использованию 7 различных спектральных каналов, включая белый, голубой, пурпурный, желтый, красный, зеленый и синий, Spectral.js может быть эффективно использован в различных веб-проектах, таких как:
Веб-дизайн: Насыщайте свои веб-дизайны реалистичными цветовыми палитрами благодаря способности Spectral.js к реалистичному смешиванию цветов.
Графика: Повысьте качество графики, используя реалистичное смешивание цветов, которое точно отражает взаимодействие света с различными оттенками.
Генеративное искусство: Создавайте захватывающее генеративное искусство, используя мощные возможности смешивания цветов Spectral.js, в результате чего получаются визуально ошеломляющие и динамичные творения.
Воспользуйтесь гибкостью и точностью, которые предлагает Spectral.js, и преобразуйте свои проекты с помощью обширной и яркой цветовой палитры, имитирующей реальное взаимодействие цветов.
https://github.com/rvanwijnen/spectral.js
Используя возможности теории Кубелки-Мунка, надежной научной модели, имитирующей взаимодействие света с краской, Spectral.js гарантирует, что ваши проекты будут иметь яркие и реалистичные цвета.
Благодаря использованию 7 различных спектральных каналов, включая белый, голубой, пурпурный, желтый, красный, зеленый и синий, Spectral.js может быть эффективно использован в различных веб-проектах, таких как:
Веб-дизайн: Насыщайте свои веб-дизайны реалистичными цветовыми палитрами благодаря способности Spectral.js к реалистичному смешиванию цветов.
Графика: Повысьте качество графики, используя реалистичное смешивание цветов, которое точно отражает взаимодействие света с различными оттенками.
Генеративное искусство: Создавайте захватывающее генеративное искусство, используя мощные возможности смешивания цветов Spectral.js, в результате чего получаются визуально ошеломляющие и динамичные творения.
Воспользуйтесь гибкостью и точностью, которые предлагает Spectral.js, и преобразуйте свои проекты с помощью обширной и яркой цветовой палитры, имитирующей реальное взаимодействие цветов.
https://github.com/rvanwijnen/spectral.js
❤5👍2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
VoCSSels - Easily create 3D CSS & HTML Voxel Models
Это JavaScript-приложение, разработанное для упрощения создания трехмерных воксельных моделей с использованием CSS и HTML. Это приложение использует библиотеку dom-to-image для преобразования ваших творческих идей в потрясающие изображения, делая его неотъемлемым инструментом для дизайнеров и разработчиков.
🌐 Ссылка на код
Это JavaScript-приложение, разработанное для упрощения создания трехмерных воксельных моделей с использованием CSS и HTML. Это приложение использует библиотеку dom-to-image для преобразования ваших творческих идей в потрясающие изображения, делая его неотъемлемым инструментом для дизайнеров и разработчиков.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤2👍2
🎨 Dembrandt: Извлечение дизайна с сайтов
Dembrandt — это CLI-инструмент для извлечения дизайнерских токенов и брендовых активов с любых веб-сайтов. Используя Playwright, он обходит защиту от ботов и предоставляет полную информацию о дизайне.
🚀Основные моменты:
- Извлечение логотипов и фавиконов
- Анализ цветовой палитры и типографики
- Определение отступов и границ
- Поддержка популярных CSS-фреймворков
- Быстрая и точная обработка данных
📌 GitHub: https://github.com/thevangelist/dembrandt
#javanoscript
Dembrandt — это CLI-инструмент для извлечения дизайнерских токенов и брендовых активов с любых веб-сайтов. Используя Playwright, он обходит защиту от ботов и предоставляет полную информацию о дизайне.
🚀Основные моменты:
- Извлечение логотипов и фавиконов
- Анализ цветовой палитры и типографики
- Определение отступов и границ
- Поддержка популярных CSS-фреймворков
- Быстрая и точная обработка данных
📌 GitHub: https://github.com/thevangelist/dembrandt
#javanoscript
GitHub
GitHub - thevangelist/dembrandt: Extract any website’s design system into design tokens in a few seconds: logo, colors, typography…
Extract any website’s design system into design tokens in a few seconds: logo, colors, typography, borders, and more. One command. - thevangelist/dembrandt
❤4👍2
Компания объявила о приобретении Bun - популярного инструментария для запуска и сборки JavaScript-приложений. Технологии и команда стартапа станут фундаментом для дальнейшего масштабирования платформы Claude Code.
Bun, основанный Джаредом Самнером в 2021 году, завоевал популярность как экстремально быстрая альтернатива Node.js, объединяющая в себе рантайм, пакетный менеджер, бандлер и тестовый раннер.
Bun останется опенсорсным проектом под лицензией MIT. Anthropic обещает продолжить инвестировать в инструмент, сохраняя его статус независимого и универсального решения для JS/TS-экосистемы.
anthropic.com
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10👍5🤔2🍌1🖕1
Если JavaScript у вас пока живёт в консоли и учебных задачках, самое время вытащить его в «настоящий мир». На открытом вебинаре соберём мини-приложение, которое очень похоже на реальный продуктовый интерфейс: каталог с карточками, фильтрами и поиском по данным с внешнего API.
Что будем делать на вебинаре:
- Подключим внешний API и загрузим реальные данные — без фейковых «заглушек».
- Построим каталог с карточками: изображение, название, описание — как в интернет-магазинах или сервисах подбора.
- Добавим поиск, фильтры и индикатор загрузки, чтобы интерфейс выглядел и вёл себя живо.
- Покажем, как обрабатывать ошибки и показывать корректные UI-состояния, а не просто «ничего не происходит».- Разберём структуру приложения на чистом JS: где хранятся данные, где бизнес-логика, как устроен рендеринг.
9 декабря, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic».
Регистрация открыта: https://otus.pw/r2w8/?erid=2W5zFGhvdfn
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
Что будем делать на вебинаре:
- Подключим внешний API и загрузим реальные данные — без фейковых «заглушек».
- Построим каталог с карточками: изображение, название, описание — как в интернет-магазинах или сервисах подбора.
- Добавим поиск, фильтры и индикатор загрузки, чтобы интерфейс выглядел и вёл себя живо.
- Покажем, как обрабатывать ошибки и показывать корректные UI-состояния, а не просто «ничего не происходит».- Разберём структуру приложения на чистом JS: где хранятся данные, где бизнес-логика, как устроен рендеринг.
9 декабря, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic».
Регистрация открыта: https://otus.pw/r2w8/?erid=2W5zFGhvdfn
Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
❤1
⚡️ Annotation Toolkit помогает дизайнерам прямо в макете объяснить, как должны работать элементы интерфейса.
Проще говоря, он позволяет:
- подписывать элементы: что кликается, что меняется, как ведёт себя при разной ширине экрана;
- сразу указать требования по доступности: например, какой alt-текст нужен или что должно быть доступно с клавиатуры;
- убрать путаницу при передаче макета разработчикам, чтобы они точно понимали задумку.
Почему это важно:
Почти половина ошибок по доступности появляется только потому, что дизайнеры и разработчики по-разному понимают поведение элемента. Если зафиксировать эти детали заранее - проблемы просто не возникнут.
https://github.blog/enterprise-software/collaboration/level-up-design-to-code-collaboration-with-githubs-open-source-annotation-toolkit/
Проще говоря, он позволяет:
- подписывать элементы: что кликается, что меняется, как ведёт себя при разной ширине экрана;
- сразу указать требования по доступности: например, какой alt-текст нужен или что должно быть доступно с клавиатуры;
- убрать путаницу при передаче макета разработчикам, чтобы они точно понимали задумку.
Почему это важно:
Почти половина ошибок по доступности появляется только потому, что дизайнеры и разработчики по-разному понимают поведение элемента. Если зафиксировать эти детали заранее - проблемы просто не возникнут.
https://github.blog/enterprise-software/collaboration/level-up-design-to-code-collaboration-with-githubs-open-source-annotation-toolkit/
❤5👍3
🔍📡 Инструмент для сканирования уязвимостей в Next.js приложениях
react2shell-scanner помогает выявлять уязвимости CVE-2025-55182 и CVE-2025-66478 в приложениях на React Server Components. Он использует различные методы проверки, включая безопасный режим и обход WAF, чтобы обеспечить точное обнаружение без выполнения кода на целевых системах.
🚀Основные моменты:
- Обнаружение уязвимостей в Next.js с помощью RCE PoC.
- Поддержка безопасного режима проверки без выполнения кода.
- Возможность обхода WAF для повышения эффективности сканирования.
- Поддержка Windows и Unix-подобных систем.
- Вывод результатов в формате JSON для дальнейшего анализа.
📌 GitHub: https://github.com/assetnote/react2shell-scanner
#python
react2shell-scanner помогает выявлять уязвимости CVE-2025-55182 и CVE-2025-66478 в приложениях на React Server Components. Он использует различные методы проверки, включая безопасный режим и обход WAF, чтобы обеспечить точное обнаружение без выполнения кода на целевых системах.
🚀Основные моменты:
- Обнаружение уязвимостей в Next.js с помощью RCE PoC.
- Поддержка безопасного режима проверки без выполнения кода.
- Возможность обхода WAF для повышения эффективности сканирования.
- Поддержка Windows и Unix-подобных систем.
- Вывод результатов в формате JSON для дальнейшего анализа.
📌 GitHub: https://github.com/assetnote/react2shell-scanner
#python
❤2