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…
Programming
⚑ Report a ProblemLatest Programming news from Tech News
All topics
AI
agents
ai
api
architecture
automation
backend
beginners
career
database
devchallenge
devops
discuss
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
rust
security
showdev
testing
tutorial
typescript
webdev
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 и начать рисовать интерфейсы
Обычно такие статьи начинаются с банальных вопросов по типу «Что такое интерфейс», «Что такое разработка», «Что такое проектирование». Суть в том, ч…
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…
Написал 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…
Скролл-фильм на лендинге весил 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…
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…
I Built Pong in 60 Lines of JavaScript — Five State Variables and a setInterval
🌐 Live demo (LOOK · UNDERSTAND · BUILD): https://dev48v.infy.uk/game/day2-pong.html Day 2 of my GameFromZero series — 50 playable mini-games in 50 d…
Пишем ботов без ботов. Нахождения пути с помощью HPA* алгоритма
Пока все ставят капельницы с раствором нейронной сети, мы вспоминаем дедов и делаем так, как они завещали. Сегодня разберём, как превратить нескольк…
Чтобы не выглядело как пет-проект»: как я в одиночку сделал премиальный интерфейс кино-сервиса (с кодом)
В прошлой статье я рассказывал, каково в одиночку тащить фуллстек-проект, который разросся до кино-соцсети. В комментариях несколько раз спросили пр…
Flappy Bird: код веб-клона под микроскопом
В январе 2014 года мир сошёл с ума из-за игры, где нужно просто тыкать в экран. Flappy Bird приносила создателю $50 000 в день, пока он не удалил её…