![Реклама Кадрам](https://mikhail-yudin.ru/portfolio/reklamakadram/smartmockups_kefbx680_hu4935261efde63cdd9808726435fbe838_90678_480x270_fill_q75_box_center.jpg)
Кратко обо мне
Занимаюсь разработкой веб-приложений и сайтов, их оптимизацией. Улучшаю пользовательский опыт. Веду блог.
Мои работы
Топ проектов. Смотрите ещё в разделе портфолио.
Актуальное в блоге
В блоге рассказываю о веб-разработке, об интерфейсных решениях, способах улучшения user experience, оптимизации веб-приложений. Собираю фронтенд best practices, быстрые простые и надёжные способы достижения результатов.
![Внутренности плеера Explay L88](https://mikhail-yudin.ru/blog/hardware/explay-l88-internals/IMG_20240723_191249_591_hubcd5f015effe49457eb4f82cb6e7ff3a_94917_700x400_fill_q75_box_center.jpg)
Внутренности плеера Explay L88
Parsee - простой вкусный парсер сайтов
Парсим сайты в одну строку. Лень писать код для получения содержимого страниц сайта? Пользуйте Parsee =)
![Чеклист оптимизации скорости загрузки веб-приложения ✓](https://mikhail-yudin.ru/blog/frontend/checklist-optimizacii-web-prilozheniya/2020-08-06-checklist-optimizacii-web-prilozheniya_hub2deb83044467a34ef78787cdc407bbf_19193_700x400_fill_q75_box_center.jpg)
Чеклист оптимизации скорости загрузки веб-приложения ✓
Ускоряем сайт, доводим показатели PageSpeed, Lighthouse до 100%. Ускоряем фронтенд и бэкэнд.
Стоит ли менять термопасту процессора ноутбука на КПТ-8
Оставлю себе и другим на память, стоит ли менять заводскую термопасту на отечественную КПТ-8 если ноутбук стал сильно греться
![Переход с PHPStorm или Intellij IDEA на VIM](https://mikhail-yudin.ru/blog/frontend/perehod-s-phpstorm-ili-idea-na-vim/perehod-s-phpstorm-ili-idea-na-vim_hu419ab450d613841b0cb29fd1fc8586bd_43893_700x400_fill_box_center_2.png)
Переход с PHPStorm или Intellij IDEA на VIM
Опыт перехода фронтенд веб-разработчика на модальный редактор VIM с IDE от JetBrains. Почему, зачем и как.
![Оптимизация и ускорение редактора VIM](https://mikhail-yudin.ru/blog/linux/optimizaciya-i-uskorenie-vim/optimizaciya-i-uskoreniye-vim_hu8bfe1df9f41b9ecfc82eeabd5afcc989_81168_700x400_fill_box_center_2.png)
Оптимизация и ускорение редактора VIM
Ускоряем работу VIM для рабты по SSH и в tmux. Быстрый скроллинг, быстрое переключение буферов
![Статусная строка VIM без плагинов в 5 строк](https://mikhail-yudin.ru/blog/linux/statusnaya-stroka-vim-bez-plaginov/statusnaya-stroka-vim-bez-plaginov_huacd07f55d9a98810be409678454e7ad4_26860_700x400_fill_box_center_2.png)
Статусная строка VIM без плагинов в 5 строк
Как создать свою статусную строку для VIM без плагинов
Lumen middleware для UNESCAPED_UNICODE и PRETTY_PRINT
Простейший способ возвращать неэкранированный юникод в Lumen посредством middleware.
![Подсветка активных ссылок на чистом JavaScript](https://mikhail-yudin.ru/blog/frontend/podsvetka-aktivnyh-ssylok-javascript/javascript-active-links-highlight_hud0dc4a8b2e64200661d056899983c57b_100963_700x400_fill_q75_box_center.jpg)
Подсветка активных ссылок на чистом JavaScript
Подсвечиваем активные ссылки на Vanilla JS. Просто и эффективно.
![Рендер текстовых шаблонов по данным из массива PHP](https://mikhail-yudin.ru/blog/frontend/renderim-tekstoviye-shablony-po-dannym-iz-massiva/php-render-text-template_hu88e02ff9a70536ffce9bf69aa8af9e12_54586_700x400_fill_q75_box_center.jpg)
Рендер текстовых шаблонов по данным из массива PHP
Работая с текстовыми шаблонами для SEO например, встаёт задача использовать шаблоны строк, данные которых должны браться из массива.
Поиск по сайту
Проекты онлайн
Делюсь проектами которые доступны онлайн.
![Блокнот онлайн](https://mikhail-yudin.ru/projects/notepad/pencil-notepad-notebook-paper_hu82c2a948590d73632a0cc94914af7cf9_22981_700x400_fill_q75_box_center.jpg)
Блокнот онлайн
Онлайн блокнот с сохранением в Local Storage, поддержкой форматирования и историей.
![Сменить раскладку онлайн с английского на русский и наоборот](https://mikhail-yudin.ru/projects/text-layout-change/text-layout-change_hu9cafdad5b7c43107b81b815ddd7d6fad_7261_700x400_fill_box_center_2.png)
Сменить раскладку онлайн с английского на русский и наоборот
Смена раскладки онлайн с английского на русский и с русского на английский
![Игра про уничтожение блоков](https://mikhail-yudin.ru/projects/block-destruction-game/block-destruction-game_huff1c62215de3c48fbb85cae7630267c6_1720_700x400_fill_box_center_2.png)
Игра про уничтожение блоков
Игра про уничтожение блоков с использованием HTML5 canvas
Проекты на Github
Веб-приложения, игры, библиотеки, исходники которых есть в свободном доступе.
cube-map-viewer
Cube map viewer (THREE.js)
multiplayer-crafting-game
Multiplyer crafting game
text-layout-change
Смена раскладки онлайн с английского на русский и наоборот
ro-aliaseable-object
PHP библиотека для генерации алиасов объектов
block-destruction-game
Игра про уничтожение блоков с использованием HTML5 canvas
mixer-analyzer
Mixer analyzer