Когда в очередной раз открываешь вкладку с новым корпоративным SaaS-решением и видишь абсолютно идентичный лендинг на Tailwind с заученными градиентами, поневоле начинаешь ценить настоящий цифровой панк. Представьте: пятница вечер, вы пишите код не по Jira-карточке (и даже не пытаясь закрыть накопившиеся баги на Stack Overflow), а потому что в голову ударила безумная идея запустить культовую ОС прямо в браузере. Именно так живут пет-проекты инженеров вроде Феликса Ризеберга, чья персональная страница давно превратилась из банального резюме в музей живой истории.

Введение: бунт против шаблонного веб-дизайна

В эпоху, когда 90% корпоративных сайтов собираются по одним и тем же лекалам с использованием Tailwind CSS, тяжеловесных дизайн-систем и тонны трекеров, личные страницы независимых инженеров кажутся глотком свежего воздуха. Среди этого однообразного цифрового ландшафта особняком стоят проекты Феликса Ризеберга (Felix Rieseberg) — разработчика, известного по работе в Slack и созданию культовых ностальгических эмуляторов.

Персональный сайт Феликса — это не просто визитка с набором скиллов. Это интерактивный музей цифровой археологии и песочница для смелых технологических экспериментов. В этой статье мы разберем философию его веб-присутствия, архитектурные особенности его пет-проектов и уроки, которые фронтендеры могут извлечь из его подхода к UX.

Но как именно рождаются проекты, заставляющие миллионы гиков ностальгически вздыхать по звуку модема? Давайте заглянем за кулисы его портфолио.

Кто такой Феликс Ризеберг и его вирусные проекты

Прежде чем анализировать код и интерфейс, важно оценить масштаб разработчика. Феликс — экс-инженер Slack, где он отвечал за десктопный клиент на базе Electron. Но мировую известность ему принесли безумные пет-проекты:

  • Windows 95 в Electron: Полноценная ОС, упакованная в кроссплатформенное приложение, которое запускается на современных macOS и Linux.
  • Macintosh System 7: Классическая операционная система Apple, работающая прямо в браузере.
  • Ретро-эмуляторы: Десятки экспериментов на стыке аппаратной ностальгии и современных веб-стандартов.

Его домашняя страница служит единым хабом для всех этих инициатив. Здесь нет корпоративной стерильности: сайт забит пасхалками, нестандартной навигацией и демонстрацией чистого ванильного кода без лишних абстракций.

Удивительно, но за этой внешней легкомысленностью скрывается железобетонная инженерная дисциплина, доказывающая, что личный сайт может быть технологичнее продуктов крупных студий.

Архитектура персональных сайтов: почему «сапожник с сапогами» имеет значение

В IT-сообществе шутят, что у хороших инженеров самые убогие сайты. Феликс ломает этот стереотип. Его подход доказывает, что персональная страница — это мощный инструмент личного брендинга и технического самовыражения.

Вместо того чтобы подключать тяжелые SPA-фреймворки ради трех страниц текста, он делает упор на производительность, изощренную анимацию и нативный интерактив. Ядром многих его веб-проектов выступает WebAssembly и глубокая оптимизация DOM:

// Пример концепта легковесной инициализации эмулятора в браузере
async function initRetroEnvironment() {
    const response = await fetch('/images/system7.img');
    const buffer = await response.arrayBuffer();
    
    window.emulator = new RetroEngine({
        memory: buffer,
        targetCanvas: document.getElementById('screen')
    });
    
    window.emulator.boot();
}

window.addEventListener('DOMContentLoaded', initRetroEnvironment);

И когда смотришь, как эти оптимизации работают «под капотом», становится очевидно, какие именно принципы позволяют автору годами удерживать внимание технического сообщества.

Чему современный фронтенд может научиться у Ризеберга?

Анализ проектов Феликса позволяет выделить три ключевых принципа для разработчиков, уставших от шаблонного сайто