Как я подружил блок‑головоломку с Шопеном на WebAudio
Я делаю Blocturne, головоломку с блоками для Telegram. Механика знакомая по Block Blast: поле 8×8, три фигуры в лотке, собираешь ряды и столбцы. Све…
Latest News
⚑ Report a ProblemTech news from the best sources
All topics
- игры
AI
News
Tech
agents
ai
api
architecture
automation
backend
beginners
career
devchallenge
devops
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
security
showdev
testing
tutorial
typescript
webdev
Building a 60fps Canvas Frustum Camera for 4K System Architecture Presentations
When presenting a complex enterprise topology—whether it's a multi-region Kafka cluster, a distributed consensus state machine, or an intricate doma…
Inside a pupa you can rewind: deriving every frame from t alone (Canvas 2D)
A caterpillar becomes a pupa and then an adult. Inside the pupa, much of the larval body breaks down and the adult body is rebuilt. I made a page th…
Building a Drawing App with Canvas — Smooth Lines, Undo, and Shape Tools
Building a Drawing App with Canvas — Smooth Lines, Undo, and Shape Tools A drawing app is a great Canvas project. Here's how to get smooth lines, im…
Подмена камеры в Яндекс.Телемосте
Яндекс.Телепульт — расширение для Chrome, которое добавляет в Яндекс.Телемост то, чего мне не хватало на созвонах: исчезнов…
Не хочу грузить свои документы в онлайн-сервисы. Поэтому сжимаю PDF прямо в браузере
Нужно было загрузить на сайт посольства пакет документов одним PDF – свидетельство о рождении, дипломы, справки. Лимит – 1 МБ. Загружать сканы всех…
Cheap bloom for a Canvas 2D game in 8 lines (no WebGL)
Neon games look flat without bloom: the soft light that bleeds around bright things. The usual advice is "switch to WebGL and write a post-process s…
Книга из переписки без сервера: canvas, jsPDF и брошюра для печати прямо в браузере
Мы делаем пет‑проект «Чатограмма», который считает статистику переписки: кто пишет первым, кто быстрее отвечает, в какие часы вы на с…
Геометрический бум: как перестать бояться Canvas и начать рисовать интерфейсы
Обычно такие статьи начинаются с банальных вопросов по типу «Что такое интерфейс», «Что такое разработка», «Что такое проектирование». Суть в том, ч…
1700 строк JS и ни одного видеофайла: как ИИ-агент снимает кино на Canvas и рендерит его в MP4
В этом минутном фильме нет ни одной картинки, видеофайла или сэмпла. Огонь, гравюру, 3D-сферу, пиксельную игру и музыку рисует и синтезирует один HT…
How OmniGIF Removes GIF Backgrounds Entirely in the Browser
Most "remove GIF background" tools upload your animation to a server, run a keying model, and send back a file. OmniGIF's Remove Background from GIF…
Калькулятор плитки: фото вместо цвета и 3D, который наконец не бесит
Всем привет, это третья часть, в которой пилю калькулятор плитки - tilely.ru . Получился довольно крупный патч, в основном вокруг 3D-режима, и там о…
Написал JavaScript-парсер морских навигационных карт формата S-57: от hex-дампов до рендеринга в браузере
Год назад мне понадобился JavaScript-инструмент для работы с морскими навигационными картами формата S-57. GDAL — серверная библиотека на C, не для…
Splitting a large image across multiple printed pages without alignment marks
I recently added tiled printing to a small static tool I run ( ArtGrid ) — the kind of "print a big image across several A4 sheets and tape them tog…
«Обратная змейка», часть 2: читаю комментарии, чиню баги и добавляю босса
Когда я выкладывал первую часть , я, если честно, рассчитывал на десяток лайков и тишину в комментариях: ну кто будет всерьёз разбирать змейку, слеп…
Марио про джуна: платформер на 40 КБ без файлов графики и бот, который проверяет каждый уровень перед выкладкой
Всем привет! Я фронтендер и по вечерам делаю пет-проект Workaem, агрегатор IT-вакансий. Как-то захотелось сделать рядом с ним что-нибудь несерьезное…
Мы измерили платный антидетект‑браузер: canvas совпадал с чистой машиной байт в байт. Потом сделали свой, открытый
Антидетект‑браузеры — инструмент, которым агентства ведут десятки рекламных кабинетов и аккаунтов маркетплейсов с одной машины: у каж…
BeatDesign is a local, open-source Higgsfield Canvas any MCP agent can drive
BeatDesign is a local, open-source Higgsfield Canvas. Codex, Claude Code, Cursor, or any other MCP-capable agent can operate the same canvas. If you…
Калькулятор плитки научился ёлочке и плану всей квартиры — что поменялось за месяц
Прошлый раз я рассказал, как написал свой калькулятор раскладки плитки, потому что замучился считать ванную в столбик. Тот пост был про версию 1.2 —…
Скролл-фильм на лендинге весил 84 МБ. WebCodecs ужал его до 18 — вот что сработало, а что нет
Скролл-фильм на лендинге — это обычно сотни WebP и десятки мегабайт. Рассказываю, как заменил секвенции кадров сырым H.264-потоком без контейнера и…
Как я запарился считать плитку для ванной и написал свой калькулятор раскладки
Затеял ремонт в ванной, дошёл до плитки — и тут понеслось. Санузел у меня Г‑образный, в углу венткороб, раскладку хочу диаг…
Building a fullscreen countdown timer in vanilla JS: accurate time, Wake Lock, and a WebAudio alarm
Timers look trivial until you actually build one that people rely on. "Just setInterval and decrement a number," right? That gets you a timer that q…
Кадры вместо видео: как индустрия обходит вес scroll‑scrub анимаций
Продуктовые сайты любят анимацию «крутишь колесо мыши — объект меняется на глазах». Первый инстинкт: сделать это видео с currentTime . Вот…
Отпечатки браузера: что это такое и как работает? Переосмысление технологии
В последнее время из каждого утюга можно услышать такую фразу — «отпечатки браузера», «цифровой отпечаток устройства», «фингерпринт».…
4 ways canvas text rendering breaks in multilingual apps (that en/ja testing will never catch)
I run a large fleet of "preview it, then download it as PNG" web tools — name tags, certificate generators, price cards, badges — in five languages:…
Конвертируем цвета в JS со скоростью 6 миллиардов операций в секунду
В начале этого года я создал самую быструю JS-библиотеку для работы с цветом: парсинг различных форматов, конвертация в OKLAB/OKLCH, проверка попада…
Silicon Office: превратил свою команду ИИ-агентов в пиксельный офис из «Кремниевой долины»
Всем привет! Хочу поделиться выходным проектом, который вырос из чистой вкусовщины: мне надоело смотреть на бегущие строчки в терминале, и я сделал…
The Share Button Is the Product: Engineering a Viral Loop in Vanilla JS
Most of us treat the share button as the last checkbox before shipping: drop in a navigator.share call, maybe a Twitter intent URL, done. I did that…
Canvas или SVG для карты офиса: как мы выбрали и справились с неочевидными граблями
Если к вам придут с задачей внедрения интерактивной карты офиса, какой рендер вы выберете? Canvas или SVG? Верхнеуровневый обзор скажет, что Canvas…
Breaking the 100k Row Limit: Building High-Performance Dynamic Grids with VyncCanvasScroll in Vue 3
The Million-Row Challenge in Modern Web Apps When dealing with massive enterprise datasets—like Amazon SKU multi-account performance metrics or high…