
Быстрый поиск
Введите фрагмент названия статьи для поиска
Эффект цветной волны на JavaScript
17.04.2026 | Категория: Web-мастеру и не только | Автор: ManHunter

Эффект цветной волны на JavaScript
Экспериментировал с canvas, и вот что получилось. Простой, но красивый визуальный эффект - цветная волна. На чистом JavaScript и CSS, без внешних библиотек, работает в любом современном браузере. В основе анимация на canvas: вертикальные полоски бегут по экрану, их высота меняется по трем синусоидам с разной частотой, а цвет плавно перетекает по спектру в зависимости от времени и положения полоски.
Читать статью целиком »
Просмотров: 255 | Комментариев: 2
Использования WebHID API на JavaScript
26.02.2026 | Категория: Web-мастеру и не только | Автор: ManHunter

Использования WebHID API на JavaScript
Когда я готовил статью про FiiO JA11, мне стало интересно, как веб-сайты могут управлять локальными устройствами через браузер, в частности, речь идет об аудиоусилителе Fransun и эквалайзере FiiO. Оказалось, что для этого существуют вполне документированные возможности. WebHID (Human Interface Device) - это часть Web API, позволяющая веб-приложениям напрямую взаимодействовать с HID-устройствами через браузер. Это дает возможность создавать браузерные интерфейсы управления без установки драйверов или дополнительного программного обеспечения.
Читать статью целиком »
Просмотров: 384 | Комментариев: 2
PNG-декодер браузера как нативный DEFLATE-распаковщик
17.12.2025 | Категория: Web-мастеру и не только | Автор: ManHunter

PNG-декодер браузера как нативный DEFLATE-распаковщик
В эпоху до появления современных JavaScript-API - то есть в 2000-х и начале 2010-х - веб-разработчики сталкивались с серьезной проблемой: браузеры не умели работать с бинарными данными. XMLHttpRequest возвращал только строки, а любые попытки передать ZIP, изображение или исполняемый файл заканчивались искажением байтов. Но тогдашнее сообщество не сдавалось. Вместо этого оно придумало один из самых изобретательных хаков в истории веба: использовать PNG-декодер браузера как нативный DEFLATE-распаковщик.
Читать статью целиком »
Просмотров: 372 | Комментариев: 1
Технология текстовых фрагментов в вебе
04.11.2025 | Категория: Web-мастеру и не только | Автор: ManHunter

Технология текстовых фрагментов в вебе
Text Fragment Directive - это часть стандарта Scroll-to-Text Fragment, разработанного WICG (Web Incubator Community Group). Текстовые фрагменты - это мощное расширение для точного цитирования контента в вебе. Она позволяет создавать ссылки, которые не просто ведут на страницу, а направляют пользователя к конкретному фрагменту текста и визуально его выделяют. Эта функциональность реализована через специальный синтаксис в URL, где указывается целевой текст или диапазон текста.
Читать статью целиком »
Просмотров: 407 | Комментариев: 0
Использование вибрации в браузере
11.10.2025 | Категория: Web-мастеру и не только | Автор: ManHunter

Использование вибрации в браузере
Современные веб-технологии позволяют создавать не только красивые и функциональные интерфейсы, но и обеспечивать тактильную обратную связь. Одним из таких инструментов является Vibration API - простой, но мощный способ добавить вибрацию в веб-приложения. Этот API позволяет разработчикам управлять вибрацией мобильных устройств, что особенно полезно для создания тактильной обратной связи в играх, уведомлениях или интерактивных приложениях.
Читать статью целиком »
Просмотров: 683 | Комментариев: 0


