Для светлой и тёмной темы больше не обязательно отдельно переопределять каждый цвет.
CSS-функция light-dark() позволяет указать сразу два значения — для светлой и тёмной цветовой схемы, а браузер выберет нужное.
Разбираемся, как работает light-dark() и что нужно настроить через color-scheme.
#CSS #LightDark #DarkMode #Frontend #webdev #frontend #html #csslightdark
Нашли проблему в коде? Оставьте note прямо в Hunk и передайте замечание AI-агенту.
С помощью Hunk Review агент получает комментарий, исправляет код и может ответить прямо под ним, указав, что именно было исправлено.
Так обратную связь по коду можно быстро передавать AI-агентам прямо из терминала.
Полный обзор Hunk — по ссылке под шортсом!
#hunk #aicoding #codereview #кодревью #developertools #terminal #utility #aiagents #codingagents
Кэш должен снижать нагрузку на базу. Но иногда происходит ровно наоборот.
Если у популярного ключа одновременно истекает TTL, множество запросов могут увидеть пустой кэш и одновременно отправиться в базу за одними и теми же данными.
Разбираемся, что такое Cache Stampede и как защититься от него с помощью singleflight или блокировки на ключ.
#CacheStampede #Caching #Backend #Databases #SystemDesign #Highload #Программирование
Один AI-агент пишет код, другой — ищет в нём проблемы. А разработчик проверяет замечания и решает, что действительно нужно исправить.
Hunk позволяет агенту оставлять комментарии к коду, которые можно отревьюить, верифицировать и передать другому агенту на исправление.
Удобный способ организовать код-ревью, особенно если для написания и проверки кода используются разные AI-агенты.
Полный обзор Hunk — по ссылке под шортсом!
#hunk #aicoding #codereview #кодревью #developertools #terminal #utility #aiagents
HTTP 103 Early Hints позволяет браузеру начать загрузку важных ресурсов ещё до получения основного ответа от сервера.
Разбираемся, как Early Hints сокращает ожидание, что можно preload'ить заранее и когда это действительно помогает ускорить загрузку страницы.
#HTTP #EarlyHints #WebDevelopment #Frontend #Performance #WebPerformance #Программирование
Hunk — это интерактивная консольная утилита с TUI-интерфейсом (Terminal UI) для просмотра и код-ревью изменений в коде (git diff) прямо в терминале.
В этом шортсе — полезные горячие клавиши Hunk: управление sidebar, Hunk Metadata, переносом строк и другими элементами интерфейса.
Полный обзор всех возможностей Hunk — по ссылке под шортсом!
#hunk #aicoding #codereview #кодревью #developertools #terminal #utility #cli #hotkeys
Раньше в CSS нельзя было подняться вверх по дереву и выбрать родителя по состоянию потомка. Приходилось использовать JavaScript или костыли с классами. Теперь есть псевдокласс :has() — он позволяет стилизовать родителя, если у него есть определённый потомок. Например, section:has(.featured) применит стили к секции, если внутри неё есть элемент с классом featured. Работает во всех современных браузерах: Chrome, Firefox, Safari, Edge. Поддержка началась с декабря 2023 года. Это настоящий прорыв для CSS-селекторов, который упрощает вёрстку и убирает лишний JavaScript. Сохраняй — пригодится!
#css #csshas #cssclass #frontend #webdev #webdesign #html #css3 #cssparentselector
Режим Watch в Hunk автоматически обновляет ревью при каждом изменении в рабочей директории. Запускаете hunk diff --watch — и больше не нужно перезапускать просмотр руками. Сохранили файл — интерфейс обновился сам. А если нужно принудительно перезагрузить — клавиша r для reload файлов. Идеально для итеративной работы с кодом: правите, смотрите, правите дальше — всё в одном окне терминала. Подробный разбор — в полном видео по ссылке!
#hunk #aicoding #codereview #кодревью #developertools #terminal #utility #aiagents
Раньше, чтобы отправить сложный поисковый запрос, разработчикам приходилось выбирать между двумя неидеальными вариантами. GET — параметры в URL, которые быстро превращали адрес в километровую строку с ограничениями по длине, а параметры попадали в логи и историю браузера. POST — можно передать данные в теле запроса, но он считается небезопасным и неидемпотентным: прокси и кеши не знают, что запрос только читает данные, поэтому не кешируют ответы и не могут автоматически повторить его при ошибке.
В июне 2026 года IETF официально утвердил новый метод — QUERY. Он работает как POST — данные в теле запроса, без ограничений по длине. Но при этом он безопасный и идемпотентный, как GET — его можно кешировать и автоматически повторять. Это заполнило пробел, который существовал в HTTP долгие годы. Сохраняй — пригодится!
#http #httpquery #httppatch #httpget #httppost #api #url #hypertexttransferprotocol #webserver
Hunk — это TUI-утилита для ревью изменений в терминале. Зачем она нужна? Мой процесс строится вокруг AI-агентов: сначала PRD, потом план, затем имплементация через Claude, Codex или OpenCode. После каждого этапа я открываю Hunk. Он помогает ревьюить план, PRD и код. Главное — Hunk работает в связке с агентами, которые действуют через терминал, и позволяет оставлять заметки прямо в процессе ревью. Это держит всё под контролем. Подробный разбор — в полном видео по ссылке 👆
#hunk #aicoding #codereview #кодревью #developertools #terminal #utility #aiagents #aicodereview #pr #prd
Раньше, чтобы отменить запрос и по таймауту, и по клику на кнопку, приходилось городить костыли — вешать обработчики на каждый сигнал и вручную управлять отменой. Всё это было больно и громоздко. Теперь есть AbortSignal.any() — встроенный веб-стандарт, который работает в Firefox и Chrome. Он объединяет несколько источников отмены в один сигнал. Подставь его в любой fetch с таймаутом, и вся лишняя логика просто исчезает. Чисто, просто, по-современному. Сохраняй — пригодится!
#AbortSignal #AbortSignalany #JavaScript #JS #async #fetch #frontend #webdev #coding #programming #codingtips
Закончили задачу с AI-агентом по улучшению безопасности проекта и хотите быстро проверить, что он там наделал? Вместо того чтобы открывать Neovim и разбираться с diff'ами, просто запустите hunk diff в соседнем терминале. Hunk покажет все изменения, навигация — как в Vim, через j/k или скобки для пролистывания блоков. Но это только начало. Главное преимущество Hunk — аннотации и комментарии, которые позволяют общаться с агентом прямо в терминале. Как это работает — смотрите в полном видео по ссылке 👆
#hunk #aicoding #codereview #кодревью #developertools #terminal #utility #aiagents #aicodereview
Octane — это новый UI-фреймворк от создателя Inferno Доминика Ганнауэя, который компилирует React-компоненты в нативные DOM-операции без виртуального DOM. Ты пишешь обычный React-код — хуки, Suspense, контекст — а Octane превращает его в высокопроизводительный код без правил хуков и без ручного управления зависимостями в эффектах. Компилятор сам понимает, что захватывают твои замыкания, и генерирует реактивность за тебя. Поддерживает TSX, JSX и даже новый диалект TSRX с шаблонными директивами вроде @if и @for. Проект уже в альфе, а бета обещана скоро. В экосистеме — 53 готовых биндинга к популярным библиотекам: zustand, tanstack-query, radix, shadcn и даже react-three-fiber. Можно внедрять компонент за компонентом в существующее React-приложение через OctaneCompat. Мы разобрали Octane в большом выпуске новостей — ссылка в описании канала. А ты готов отказаться от виртуального DOM ради скорости? Пиши в комментариях.
#devnews #octane #octanejs #react #js #javascript #uiframework #frontend #ui #webdev
Tapflow — это self-hosted альтернатива Appetize и BrowserStack для стриминга iOS и Android симуляторов в браузере. Больше никаких "а как мне запустить билд?", "установи Xcode", "у меня нет Mac". Ты просто поднимаешь relay-сервер на Linux или Mac, подключаешь к нему Mac-агенты с симуляторами, и вся команда — бэкенд, тестировщики, дизайнеры, продакты — заходят в браузер и видят живые симуляторы. Можно тапать, свайпать, зумить, записывать сессии, загружать билды и даже управлять через ИИ. Данные не уходят в облако — всё на своей инфраструктуре. Установка — две команды, бесплатно, MIT. А ты платишь BrowserStack или возишься с Xcode ради пары тестов? Пиши в комментариях!
#devnews #tapflow #appetize #browserstack #android #ios #qa #mobiledev #apptesting #emulator #qatools
Takumi — это высокопроизводительный движок рендеринга на Rust, который превращает JSX, HTML и любые деревья узлов в изображения. В отличие от headless-браузеров, которые потребляют около 300 МБ RAM на каждый запуск, Takumi делает это за один вызов функции — без браузера и без лишних затрат. Работает везде: Node.js, Cloudflare Workers, браузеры, любые Rust-приложения. Поддерживает CSS Grid, Flexbox, маски, clip-path, backdrop-filter, RTL-текст, Tailwind v4, анимации и даже background-clip: text. Можно рендерить PNG, JPEG, WebP, GIF, APNG, ICO — статику и анимацию. Среди пользователей: TanStack, Nuxt OG Image, Fumadocs, Dcard. И да — вышла вторая версия, которая улучшила стабильность, производительность и поддержку форматов. А ты уже используешь что-то подобное для генерации OG-картинок или всё ещё поднимаешь браузер? Пиши в комментариях.
#devnews #takumi #rust #imagegeneration #html #css #jsx #imagerendering #opengraph
Vite+ — это универсальная тулза от VoidZero, которая объединяет всю экосистему вокруг Vite в едином CLI. Никаких десятков конфигов и зависимостей — только vp и один vite.config.ts. Внутри уже есть Vite 8 с Rolldown — сборка в разы быстрее, Vitest для тестов, Oxlint для линтинга до 100 раз быстрее ESLint и Oxfmt для форматирования. Плюс встроенный кешируемый таск-раннер для монорепы — как Turbo, но без лишней конфигурации. И всё это под MIT-лицензией и уже в бете. А ты уже пробовал или пока присматриваешься? Пиши в комментариях и подпишись, чтобы не пропустить разборы других инструментов!
#shorts #devnews #vite #viteplus #voidzero #void0 #vitest #rolldown #oxc #frontend #js #javascript
Аудит завершён. Dynamic Workflows в Claude Code показал, сколько токенов было потрачено на проверку всей кодовой базы. Когда стоит его использовать? Для огромных проектов, рефакторингов и масштабных аудитов — это идеальный инструмент. Моя рекомендация: включайте Dynamic Workflows, когда задача объёмная, и вы хотите сэкономить время. Если проект маленький — лучше обойтись одним агентом. Но для крупных задач — это мощь.
#claudecode #claude #dynamicworkflows #subagents #aiagents #codeaudit #ultracode #shorts
Вышла npm v12 — и это крупнейшее изменение безопасности в экосистеме за последние годы. Раньше достаточно было запустить npm install, и любой пакет в твоей зависимости мог выполнить произвольный код на твоей машине через preinstall, install или postinstall скрипты. Этим активно пользовались злоумышленники — например, червь Shai-Hulud или атака на eslint-config-prettier. В npm 12 всё иначе: install-скрипты теперь отключены по умолчанию. Git-зависимости и зависимости из удалённых URL — тоже. Вместо автоматического доверия — ручное одобрение через команду npm approve-scripts. Ты сам решаешь, каким пакетам можно запускать код при установке. Да, придётся один раз пройтись по проекту и утвердить нужные пакеты. Но цена ошибки стала намного ниже. Мы разобрали npm v12 и другие новости в большом выпуске — ссылка в описании. Ты уже обновился или ждёшь? Пиши в комментариях. Подпишись, чтобы не пропустить разборы других инструментов!
#devnews #shorts #npm #npm12 #packagemanager #javascript #js #npmsecurity
Задача Dynamic Workflows в Claude Code — сделать аудит огромной кодовой базы. Dynamic Workflows разбил её на фазы: бэкенд-архитектура, фронтенд-архитектура, Bug Hunt и Security Audit. Над каждой фазой работают несколько агентов. Например, бэкенд-архитектуру проверяют 7 агентов: auth+billing, character+template+voice, studio-carousel, studio-video, planner, referral, module-boundaries. Дальше в очереди — фронтенд, Bug Hunt и Security Audit. Каждый агент работает со своим контекстом. Можно инспектировать промпты и видеть, что читает каждый агент. Прогресс в реальном времени: 0 из 7, 1 из 7, и так до завершения. Всё прозрачно, каждый шаг под контролем.
#claudecode #claude #dynamicworkflows #subagents #aiagents #codeaudit #ultracode #shorts
Dynamic Workflows в Claude Code запустил 34 агента-искателя, которые провели полный аудит монорепы: API, фронтенд, контракты, безопасность и поиск багов. Агенты работали параллельно, каждый в своей зоне. Всё, что они нашли, собралось в единый финальный отчёт с ранжированными проблемами, критичностью уязвимостей и рекомендациями. Никакого хаоса — только структурированный результат.
#claudecode #claude #dynamicworkflows #subagents #aiagents #codeaudit #ultracode #shorts #monorepo