опыт в вебе
0 лет
› whoami --verbose
Проектирую и собираю сайты под ключ: фронтенд, архитектура, производительность. Помогаю командам доводить интерфейсы до релиза. 18 лет в вебе, с 2008 года.
События, проекты и статьи с 2008 года. График ведёт к нужному году, диаграммы фильтруют ленту.
опыт в вебе
0 лет
событий
0
пет-проекта
0
статей
0
звёзд GitHub
0
репозиториев
0
Столбец — число событий. Нажмите на год, чтобы перейти к нему. Накопительный режим показывает общий рост.
Доли типов событий. Клик по строке фильтрует ленту.
Каждая клетка — количество событий выбранного типа в году. Клик фильтрует ленту по типу и году.
Когда появляются события: по месяцам и дням недели.
// по месяцам
// по дням недели
Чаще всего пишу в июл и по вт.
Короткая выжимка из 159 событий.
Облако собрано по упоминаниям в резюме: чем чаще встречается технология, тем крупнее тег. Наведите или кликните, чтобы увидеть детали.
От идеи и интерфейса до бэкенда и поддержки. Каждый проект — отдельный живой продукт со своим доменом.
Дневник тренировок с ИИ-разбором: журнал, фото-пруфы и статистика прогресса за шесть месяцев.
ИИ-эффекты для фото и видео, чат с моделями и инструменты в одном сервисе.
Блог о веб-разработке и открытая площадка для авторов: статьи, разборы и эксперименты.
Помощник для игры «Эрудит»: подбор слов по буквам, маске и позиции. База из 160 482 слов.
Пять этапов от задачи до прода. Выберите этап, листайте стрелками или запустите пайплайн целиком.
этап 01 · 1–2 дня
Разбираем задачу, пользователей и ограничения. Фиксируем, что должно измениться после запуска, и по каким признакам поймём, что получилось.
// результат
// нужно от вас
этап 02 · 2–4 дня
Выбираю стек, структуру страниц, данные и точки интеграции. Проверяю узкие места до дизайна, чтобы макет не пришлось переделывать из-за бэкенда.
// результат
// нужно от вас
этап 03 · 3–7 дней
Собираю интерфейс на реальных данных, а не на макетах-пустышках. Проверяю мобильные состояния, пустые экраны и длинные тексты до вёрстки.
// результат
// нужно от вас
этап 04 · 1–3 недели
Верстаю и собираю тему или приложение, подключаю API, проверяю клавиатуру, слабые устройства и медленную сеть. Каждый этап доступен в тестовой сборке.
// результат
// нужно от вас
этап 05 · 1–2 дня
Переношу на прод, настраиваю кеш, метрики и бэкапы. После релиза остаюсь на связи: разбираю ошибки, помогаю с обновлениями и развитием.
// результат
// нужно от вас
Репозитории, звёзды, языки и свежая активность. github.com/webislife
webislife
Frontend and JavaScript developer. Like native JS and PWA
// языки в репозиториях
API обновлён 12.10.2026 18:51 · кеш 6 часов
Сначала по звёздам, затем по свежести.
Публичная активность из GitHub Events API.
Работа, статьи и проекты в обратном порядке. Фильтруйте по типу, ищите по тексту или переходите к году из графика.
159 событий
Планировщик bash-задач для macOS.
Генеративные интерфейсы, которые не просто реагируют на действия, а генерируют себя заново под контекст и привычки пользователя.
Завершил работу в Marfatech: сократил срок поставки фич до 3–5 дней, внедрил zero-downtime деплой 130+ приложений, мониторинг 26+ микрофронтов в Grafana/ClickHouse и снизил поток ошибок Sentry с ~1 млн до тысяч в день.
Обзор новых возможностей веб-платформы за апрель 2026: релизы Chrome 147 и Firefox 150.
Интереснейший пост-перевод поднаготной работы с bun
Разрабатываем с нуля собственный геймтон на Node.js и запускаем соревнования среди хабравчан.

Еще один жизненный этап позади. 2 года в роли руководителя веб-разработки в компании pulsiteam.ru. Из крупных проектов в портфолио — переписал polza.ru на nuxt\SSR polza.ru?ssr
Завершил работу в ПУЛЬС АЙТИМ: перевёл e-commerce с 1С-Битрикс на Nuxt, собрал инхаус-команду и сократил бюджет разработки, запустил микросервисную архитектуру Nuxt + BFF + Python, мониторинг Grafana/Prometheus и регрессионные тесты.
Возглавил frontend core team в Marfatech: команда из 5 разработчиков, спринты, квартальные OKR и синхронизация с 5+ смежными командами. Зона ответственности — 26+ микрофронтов, деплой, мониторинг и инженерная культура.
Веб-компонент для использования SVG-иконок как спрайта.
Завершил работу в Biglion: перевёл сборку на Webpack 4, снизил время сборки вдвое, поднял покрытие критического функционала тестами с 0 до 90%, внедрил мониторинг Web Vitals/Sentry и Node.js BFF. Перешёл в ПУЛЬС АЙТИМ.
Делюсь опытом и впечатлениями о прошедшем хакатоне в Совкомбанке
Возглавил направление веб-разработки в ПУЛЬС АЙТИМ: унификация стека на PHP 8 + Symfony + Vue 3, стандарты кодирования, код-ревью и внутренняя база знаний. Параллельно — e-commerce направление и команда из 10 человек.
Во второй части рассказываю, что изменилось в wc-wysiwyg с версии 0.9 и почему компонент готов к интеграции.
Делюсь опытом участия и впечатлениями от прошедшего хакатона
В safari technology preview включена поддержка ElementInternals и form-assoiciated пользовательских элементов по умолчанию Пользовательские элементы — это функция, которая позволяет веб-разработчикам создавать повторно используемые компоненты, определяя свои собственные элементы HTML, не полагаясь на структуру JavaScript.
На примере веб-компонента wc-like рассмотрим интеграцию с vue3+ фреймворком, посмотрим насколько секонмит нам времени веб-компонент и сколько кода нам надо добавить на vue чтобы все заработало. Демонстрацию смотрите тут. Также доступен git репозиторий с демкой и npm пакет vue-wc-likes.
Публикация на тему оптимизаций и новых возможностей в фронтенд фреймворке Vue JS 3.2
Мое открытое обращение к всем разработчикам кто ударился в политику, в место развития веб-разработки
Одна из самых больших моих публикаций на тему веб-компонентов. Идеально подойдет для знакомства с веб-компонентами
Пост про работу с CSS контейнерными запросами
Сегодня мы напишем собственный современный веб-компонент WYSIWYG редактора, который поможет нам в дальнейших проектах с любыми формочками, где требуется редактирование текста от публикаций больших статей, до публикации простых комментариев. По максимуму реализуем возможности браузерных API и опубликуем npm пакет. Для нетерпеливых: github репозиторий а также npm package и git npm package.
Разбор работы с декларативным Shadow DOM
Не будем отставать в нашей ленте про разработку от современных трендов на сайтах для публикаций и сегодня, в рамках обновления и становления ленты коллективной добавим такой параметр как время чтения статьи, которое поможет вам сориентироваться в моменте, стоит ли сейчас читать публикацию или отложить долгое чтение на потом или сохранить для offline чтения.
Добавил фичу времени чтения публикации на webislife.ru, сделал индивидуальную настройку в профиле
Текушее время 7 февраля и мы продолжаем наш цикл статей про разработку веб-компонентов и сегодня мы будем расширять возможности HTML5 тега time с помощью возможностей браузера и идеологии веб-компонентов
По умолчанию Vue\Nuxt помогают нам оптимизировать загрузку наших чанков и подставляют скриптам на странице rel=prefetch\preload, чтобы браузер мог подгрузить их заранее, подробнее про prefetch здесь. В небольших приложениях это не вызывает проблем, но с ростом приложения вы можете столкнуться c проблемой просадки FCP, как с этим бороться, расскажу на своем примере из работы сайта biglion.ru
В Январе 2023, Firefox 109, Chrome 109, и Safari 16.3 стали стабильными версиями. Давайте рассмотрим, что это означает для веб платформы.
В этой заметке хочу поделиться одним маленьким обновлением, которое произошло на сайте, а именно — добавление стилей для упоминания браузеров в статьях — Chrome Firefox Safari Edge чуть поговорим о семантике и посмотрим как это реализовано у серьезных сайтов типа web.dev
В рамках цикла статей о веб-компонентах мы рассмотрим пример реализации компонента лайков wc-likes, пройдемся по шагам реализации и интегрируем лайки прямо на webislife поехали!)
В этой статье я хочу рассказать как сохранить архитектуру приложения при использовании разных типов http-запросов и какие библиотеки можно использовать в приложении.
Сайт стал доступен как площадка для всех, спустя 10 лет владения блогом и наличием помимо меня уже нескольких авторов, решено сделать сайт открытой нетоксичной (без рейтинга и личной кармы) площадкой для веб-разработчиков
Ретроспектива про современный веб и подходы к его исследованию и разработке
Сравниваю TypeScript и Babel для сборки и транспиляции современного JavaScript-кода.
Как v-once и v-memo могут помочь уменьшить количество повторных рендеров и оптимизировать ваш код.
Сегодня мы поближе познакомимся пока с пока еще экспереминтальной, но уже достаточно зрелой для использования фичей Chrome как Recorderer.
Перезапуск интернет магазина в творческую площадку. Fullstack мое решение, постоянно развивается.
В этой статье мы рассмотрим вариант интеграции веб-компонента wc-likes с CMS системой wordpress на примере сайта webislife.ru
Начал писать большой цикл статей про веб-компоненты
Импортер материалов в WordPress из XLS-файлов.
Заметки о хорошем стиле во фронтенде: верстка писем, лендингов, адаптивность и работа с чужими плагинами.
Миниреволюция в кампании) первый раздел /search отпилен от устаревшего php\smarty\yii монолита и поставлен на vue ssr рельсы)
Написал большой гайд о подготовке проекта к Production на основе Vue с применением SSR
Сделал стартовый репозиторий для разработки приложенек на VUE в SPA стиле. Все готово к выкладке в продакшн dev + prodiction env настроены, docker ready)
Структурирую знания о видах серверов: Snowflake, Phoenix и Immutable.
Vue-компонент выбора диапазона дат на базе moment.js.
Обзор подходов к определению ботов и автоматизированных систем на стороне браузера.
Завершил этап в 8bit group: вырос до frontend architect, развил отдел с нуля до 10 человек, внедрил код-ревью и стандарты. Создал SPA для бинарных опционов, систему защиты от AdBlock и крупные SPA на Marionette/GSAP.
Начал вести фронтенд Biglion: реинжиниринг 9-летнего легаси на jQuery/React/Vue/PHP, перевод сборки на Webpack 4 и автоматизация статики. Выделил фронтенд из PHP-монолита в отдельный репозиторий с Vue SSR и GitLab CI/CD.
Небольшая утилита-разделитель HTTP-запросов на Go.
Небольшой пост, про компоненты в Vue.js)
Решил ради фана, пройти сертификацию по JavaScript 1.8 — результат 95\100 ?
Выступил с докладом про фронт на Symfony, обсудили некоторые tips and tricks
Поведение для работы с hbs-шаблонами в Marionette.js.
Пока один из сложнейшних для меня проектов, сделал фронт для бинарных опционов.
Пост о том, как прикручивал сборку фронта для симфони проектов и не только.
Рассказ о том, как и где можно применять Marionette.js и почему этот фреймворк будет жить еще долго.
jQuery плагин скачать и потыкать можно на
GitHub
Собрал фронтенд для букмекеркой кампании mostbet.com
Для разряжения обстановки в рабочем чатике)
Небольшое SPA на Backbone с возможностью подбора слов из собранной мною базой данных русского языка)
Небольшой туториал для новичков) как сделать пипнг на чистом яваскрипте)
Небольшой сказ о том, чего стоит остерегаться и что стоит не забывать при работе с нативным js в ie8
Пересобрал и активно продолжаю поддерживать интернет магазин manytomany.ru. Самое главное в апдейте это переход с Joomla 2.5 на codeigniter. Бекенд достаточно лаконично описан в виде простых моделей и некого api, фронтенд это twig + backbone + require + undesrcore + jquery и конечно же много кода на самом backbone)
Принял участие и со стадии ТЗ до довел фронтенд до продакшена) Получилась отличная товарная тизерная сеть mediahermes.biz
Собрал фронтенд для партнерской программы shakes.im
Простое решение динамического добавления опций в jQuery-плагин Chosen через событие chosen:updated.
Завершил работу в amoCRM: развивал интерфейсы CRM, реализовал конструктор форм для внешних сайтов через iframe, поддерживал кастомные jQuery-компоненты. Перешёл в 8bit group на роль frontend-разработчика.
Перешел работать frontend-архитектором в 8bit.
Начал работу в 8bit group над клиентской частью высоконагруженных партнёрских программ, тизерных сетей и внутренних сервисов. Стек: JavaScript, jQuery, Underscore, Backbone, Marionette, Vue.js, Twig и Handlebars.
Замечания, подводные камни и примеры плохого тона в веб-дизайне.
Делюсь с общественностью, наработками по компонентам в Joomla 3+
Презентация новой версии amoCRM. Участник форума.
Дошли руки сделать сайт, который вы сейчас читаете.
Собрал набор простых и полезных JavaScript-скриптов для разработчиков.
Устроился работать в amoCRM на должность фронтенд-разработчика 🙂 Сильная команда и большой проект, будет интересно!
Сборник полезных ссылок и уроков для тех, кто только начинает осваивать AngularJS.
Завершил фриланс-этап на fl.ru: более 42 проектов для малого бизнеса, полный цикл от дизайна и вёрстки до программирования на WordPress и Joomla. Следующий шаг — продуктовая команда amoCRM.
Создание модуля бесконечной подгрузки товаров для Joomla 2.5 и VirtueMart 2.
Мой модуль для Joomla 3+ с AJAX-отправкой сообщений на почту и bootstrap-разметкой.
Вышел в продуктовую команду amoCRM на позицию frontend-разработчика. Разрабатывал интерфейсы CRM на Backbone.js, Underscore.js и jQuery с шаблонами Twig, сделал конструктор форм для встраивания через iframe для сотен клиентов.
Сборник хороших практик и советов по оптимизации работы с jQuery.
Разработка и дизайн сайта под ключ для агенства недвижимости «Велес». Сайт разработан на Joomla 3.3 + написан собственный компонент для управления базой недвижиомости с распределением ролей.
Как правильно отправлять AJAX-запросы из модулей и плагинов Joomla 2.5 и 3+ через компонент com_ajax.
Разбираем работу с частицами в canvas на примере эффекта разрыва блока в арканоиде.
FAQ по разработке.
Как сериализовать форму в объект средствами jQuery вместо стандартных .serialize() и .serializeArray().
Опыт работы с физическим движком Box2DWeb при разработке арканоида и настройка фильтрации коллизий.
Разработка и дизайн сайта под ключ для пиццерии «Светофор пицца». Из особенностей разработки, был сделан ajax «генератор пицц» с возможностью добавления ингредиентов и выбора размера.
«
Как подключить встроенный в WordPress Thickbox и использовать модальные окна на фронтенде темы.
Пример вывода категорий вы можете увидеть на главной странице работающего интернет магазина manytomany
Разработка модуля вывода последних категорий для Joomla 2.5 и Virtuemart для интернет магазина Manytomany.ru.
Решение проблемы обрезки кириллицы при импорте товаров через CSVI в Joomla 2.5 и VirtueMart 2.
Как добавить в WordPress отдельную страницу прямо из плагина — с хуками активации и деактивации.
Сайт под ключ для агентства недвижимости «ПРОФИ» на WordPress с собственным плагином управления объектами и удобным каталогом.
Разработка сайта визитки с простеньким функционалом и лаконичным дизайном на WordPress.
Для тех кому нужна простая ajax форма обратной связи, вы попали по адресу. Перейдем непосредственно к плагину
Руководство по произвольным типам записей и работе с ними в wordpress.
Пост о том, что делать, когда ваш сайт заразили.
Корпоративный сайт официального дилера кондиционеров Harvest, Daikin и Mitsubishi: дизайн, вёрстка для WordPress и настройка плагинов.
Дизайн и разработка сайта под ключ на WordPress для ООО «Копир».
Разработка логотипа для компании ООО «Копир», занимающейся металлообработкой: строгий знак и промышленный характер.
Визуализация концепции боксёрских перчаток для спортивного ателье Fightsport: форма, материалы и детали.
Разработка сайта под ключи для «Фабрики окон». Разработка логотипа и дизайна сайта + программирование ajax калькулятора для расчета стоимости монтажа окон + формы быстрого заказа.
Логотип для фабрики пластиковых окон: лаконичный знак, работа с формой и подготовка вариантов для наружной рекламы.
Дизайн интернет-магазина офисной мебели «Мебельная фабрика МВК»: каталог, карточки товаров и акценты на коллекциях.
Расказм описание способе ajax авторизации в WordPress без использования плагинов.
http://webislife.ru/ajax-avtorizatsiya-v-wordpress-bez-plaginov/
Разработка и дизайн сайта для детского клуба «Трамплин». На сайте реализована система управления, преподавателями, расписаниями, афишей событий, информацией и занятиях.
Логотип и дизайн интерфейса платёжной системы Ecommpay: внутренние страницы, процесс проведения платежа и клиентская часть.
Сайт под ключ для агентства недвижимости SNSRealty: уникальный дизайн, Joomla 2.5.6 и VirtueMart 2, фильтр по типу объектов и XHTML-шаблон.
2 место в конкурсе «Взгляд в будущее» в номинации «Веб-дизайн». В качестве примера работы была представлена http://webislife.ru/kalibri
Дизайн лендинга для магазинов постельного белья Valtery, Famille и СайлиД: витрина коллекций и акценты на качестве тканей.
Вёрстка сайта Rus Turk и jQuery-слайдер: адаптивная сетка, анимация баннеров и интеграция с разметкой проекта.
Создание сайта для просветления it-разработчиков) и накопления знаний по вебу webislife.ru
Дизайн главной и внутренней страниц интернет-бутика цветов «Веник»: каталог букетов, оформление заказа и сезонные подборки.
Дизайн сайта интернет-медиагруппы «Кремль»: главная и 12 внутренних страниц, строгая структура и акценты на материалах.
Занял 2 место по web-дизайну среди учеников художественных техникумов в Москве с маленьким проектом про птичку калибри
Дизайн и иллюстрации для главной страницы сайта детского клуба «Сказка»: яркие образы, игровые блоки и понятная навигация.
Вёрстка сайта компании НПК «Декор»: декоративные решения, каталог продукции и адаптивная сетка страниц.
Разработка, дизайн и поддержка интернет проекта Manytomany на Joomla 2.5 + virtuemart 2 + свой компонент для работы с virtuemart 2
Вёрстка сайта «Гурман» на WordPress: шаблон, каталог заведений, адаптивные страницы и PHP-доработки под задачи проекта.
Вёрстка сайта концертного зала в Тамбове на Joomla 1.5: шаблон, афиша, внутренние страницы и PHP-доработки.
Вёрстка сайта «Академия строительства» на WordPress: адаптивные страницы, вывод материалов и настройка шаблона.
Вёрстка информационного портала Tambov-life на Joomla 1.5: шаблон, вывод материалов, интеграция JS и PHP-доработок.
Разработка дизайна сайта веб-студии Mr. Devil: портфолио, услуги, команда и выразительная визуальная подача.
Дизайн сайта olympicpark.ru: проработка структуры и визуального стиля страниц, оформление ключевых блоков и подготовка макета к вёрстке.
Дизайн для онлайн-проекта GRIPTOWN — браузерной SMS-игры: игровые экраны, элементы интерфейса и фирменный стиль.
Дизайн и прорисовка интерфейса системы онлайн-заказа такси «ТаксоПоиск»: карта, форма заказа, статусы и панель водителя.
Карта проезда, полностью выполненная в векторе: точные линии, подписи и условные обозначения для печати и веба.
Дизайн сайта строительного портала «Академия строительства»: статьи, обучающие материалы и каталог тематических разделов.
Дизайн городского информационного портала Tambov-life.ru: новости, афиша, городские сервисы и удобная навигация по разделам.
Разработка собственного логотипа: поиск графического знака, работа с формой и типографикой, подготовка финального варианта.
Дизайн интернет-магазина блузок и кофт: каталог, карточки товаров, подборки и акценты на новинках коллекции.
Дизайн фотосайта: сетка галерей, крупные изображения и минималистичная навигация для просмотра фотографий.
Иллюстрация «Карта проезда»: схема маршрута с ориентирами и подписями, выполненная в графическом редакторе.
Дизайн сайта компании Business Quality Consulting: юридические услуги для бизнеса, строгая структура и понятная подача компетенций.
Дизайн главной страницы интернет-магазина Saltelle: подушки и матрасы, акценты на категориях, преимуществах и подборе товара.
Дизайн сервиса IlConte для создания портфолио дизайнеров всех направлений: профили, галереи работ и понятные сценарии публикации.
Разработка второго личного блога для себя. Вел блог достаточно продолжительное время.
Дизайн сайта «Вкус Гурмана» — каталога ресторанов и кафе: поиск заведений, карточки, меню и удобная навигация по подборкам.
Дизайн главной страницы фотостудии «Фотокухня»: галерея работ, описание услуг и атмосферный визуальный стиль.
Дизайн промо-страницы игрушки CYBEX IR-TRACKER: яркая подача продукта, игровые акценты и понятная структура лендинга.
Дизайн сайта фирмы «Ленд Строй Паркет»: каталог напольных покрытий, презентация услуг и удобные сценарии выбора товара.
Макет главной страницы интернет-магазина автозапчастей: каталог, поиск по марке и модели, акценты на скидках и популярных товарах.
Иллюстрация «Карета»: декоративная сцена в графическом редакторе, проработка форм, текстур и деталей экипажа.
Технический дизайн автомобиля DevilCar: прорисовка формы, деталей и материалов, визуализация концепта в графическом редакторе.
Иллюстрация «Настроение», нарисованная в Photoshop мышью за шесть часов: эксперимент с цветом, формой и настроением.
Дизайн сайта компании «Ваш мастер»: строительство и проектирование бассейнов, презентация услуг и выполненных работ.
Иллюстрация «Часики» в Photoshop: работа с шейпами и слоевыми стилями, аккуратная векторная графика для декоративного элемента.
Дизайн главной страницы сайта юридической компании «Плужников и партнёры»: строгий деловой стиль, акценты на услугах и преимуществах.
Дизайн интерфейса чата ParisChat: окно переписки, список контактов и элементы управления. Макет выполнен, но проект не был принят заказчиком.
Начало карьеры веб-разработчика на fl.ru. Самостоятельно рисовал, верстал и программировал сайты на WordPress и Joomla для малого бизнеса: детские секции, монтаж окон, бассейны, автозапчасти. Более 42 проектов, формы расчёта стоимости и бронирования.
Нарисовал дизайн сайта, для блога Artmen’a
Дизайн внутренней страницы сайта фирмы PFMONOLIT: текстовые блоки, таблицы и элементы навигации в стиле, заданном на главной.
Дизайн главной страницы сайта строительной фирмы PFMONOLIT: крупные блоки, презентация услуг и аккуратная типографика для делового сегмента.
Дизайн сайта для агентства недвижимости «Альтернатива»: главная страница, каталог объектов и внутренние разделы в едином визуальном стиле.
Зарегестрировался и выполнил первый заказ.
Ничего не найдено. Попробуйте другой запрос или сбросьте фильтры.
Расскажите, что нужно сделать и к какому сроку. Отвечу, подхожу ли я для задачи, и предложу следующий шаг.
Открыт к проектам