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

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

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

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

Эффект маски-градиента для изображения
CSS-маски с градиентами - это мощный инструмент современных браузеров. Всего несколько строк кода позволяют превратить обычное изображение в произведение искусства: создать эффект виньетирования, плавного растворения, фокусного пятна или даже сложной геометрической формы. И для этого не нужны ни Photoshop, ни дополнительные скрипты.
Читать статью целиком »
Просмотров: 305 | Комментариев: 0
Технология текстовых фрагментов в вебе
04.11.2025 | Категория: Web-мастеру и не только | Автор: ManHunter

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


