DFDevelopment Написать
Человек в белом костюме с ЭЛТ-телевизором вместо головы; на экране телевизора — надпись DF Development

Дмитрий Файсман · Лимассол

Пишу код руками.

Я Дмитрий Файсман, независимый разработчик из Лимассола. Сайты, веб-сервисы, десктопные и Telegram-приложения: один человек — от эскиза на бумаге до работающего сервера.

Поведите мышью — голова следит за курсоромПроведите пальцем — голова следит за пальцемСтрелки тоже поворачивают голову

Листайте

01 Принцип

Я не собираю сайты из шаблонов и не отдаю работу на подряд. Каждую строку — от CSS до systemd — пишу сам, читаю сам и отвечаю за неё сам.

Руки в рукавах белого костюма печатают на механической клавиатуре
  • 1человек на проекте: вы говорите с тем, кто пишет код.
  • 0шаблонов и конструкторов. Сайт не похож на чужие и не зависит от чужой платформы.
  • 100%кода объясню построчно. Нет чёрного ящика, который потом некому чинить.
Человек с телевизором вместо головы печатает за столом, рядом старый монитор с кодом и чашка кофе
Рабочее место--:--за работой

02 КодГолову наверху крутит этот код.

Не плагин и не библиотека. 121 кадр, canvas и функция, написанная под эту страницу. Этот код — не скриншот: он загружается из того же файла, который сейчас работает у вас в браузере.

Поведите мышью — голова в углу редактора повернётся, а номер кадра в строке состояния сменится.Миниатюра в углу редактора живая: она повторяет голову наверху.

кадров головы
121
строк кода сайта
—
зависимостей
0
трекеров
0

Клиентские сайты собираю так же: без лишних библиотек и чужих платформ.

hero.js JavaScript
Загружаю js/hero.js…
кадр 061/121 взгляд ±00° сглаживание 0.85 клик или Enter — допечатать Ln 1, Col 1

03 РаботыЧто я написал.

Три сайта, в которых код, интерфейс и сервер — мои. Два открываются по ссылке, третий вы сейчас читаете.

  1. 01Fleuraire

    Демо-сайт частной авиакомпании в сети

    Главная страница Fleuraire: частный самолёт среди цветущих деревьев и заголовок Private flight, in full bloom

    Скролл-сайт частной авиакомпании: по мере прокрутки камера залетает в салон, кадры подаются без рывков в обе стороны прокрутки.

    • три настроения салона
    • дверь на рычаге
    • чай наливается, пока кнопка нажата
    • за иллюминатором — сад, нарисованный прямо в браузере

    Видео на своём хостинге, заявки принимает бэкенд на Python, страница защищена от чужих скриптов.

    • HTML
    • CSS
    • JavaScript
    • WebCodecs
    • GSAP
    • Python
    • Caddy

    Открыть fleur.faisman.dev

  2. 02YSD Security

    Сайт охранной компании в сети

    Первый экран YSD Security: ночная вилла у бассейна глазами камеры наблюдения, HUD с меткой REC и координатами, заголовок «Безопасность, о которой можно не думать»

    Скролл-презентация установщика систем безопасности в Лимассоле: сайт — это то, что видит камера наблюдения, а прокрутка ведёт её вокруг ночной виллы.

    • наезд в объектив купольной камеры
    • сцены сменяет диафрагма из логотипа
    • рамка детекции ведёт нарушителя у ворот
    • линия сканирования включает тепловизор
    • прокрутка — время суток, от полудня до ИК-ночи

    Все кадры и ролики сгенерированы и лежат на своём хостинге, версии на русском и английском.

    • HTML
    • CSS
    • JavaScript
    • Canvas
    • AVIF
    • Higgsfield
    • Caddy

    Открыть ysd.faisman.dev

  3. 03DF Development

    Этот сайт вы здесь

    Первый экран faisman.dev: человек с телевизором вместо головы и заголовок «Пишу код руками»

    Голова, которая следит за курсором, живой код из собственного файла и терминал в телевизоре.

    • 121 кадр головы на canvas
    • редактор читает свой же hero.js
    • терминал понимает русскую раскладку
    • ни одной зависимости

    HTML, CSS и JavaScript без сборки; выкладка одной командой на свой сервер.

    • HTML
    • CSS
    • JavaScript
    • Canvas
    • Caddy
Вид из-за плеча: человек с телевизором вместо головы печатает, на мониторе строки кода
За работойИз-за плеча

04 ПодходОт бумаги до запуска.

Блокнот с карандашными эскизами интерфейса, клавиатура и чашка кофе
  1. 01

    Разбор

    Выясняю, что нужно на самом деле. Итог — бриф на одну страницу: что делаем, чего не делаем и как поймём, что готово.

  2. 02

    Эскиз

    Сначала карандаш, потом живой прототип: вы трогаете интерфейс, а не картинку.

  3. 03

    Код

    Чистый JavaScript там, где можно, фреймворк — там, где он правда нужен. Тесты и ревью перед каждой выкаткой.

  4. 04

    Запуск

    Поднимаю сервер: домен, сертификат, автозапуск, бэкапы. Сдаю с инструкцией и остаюсь на связи.

Что получите на руки

  • бриф на одну страницу
  • живой прототип, который можно потрогать
  • код с тестами и ревью
  • запуск на сервере с инструкцией
  • связь после запуска

05 Стек

Интерфейсы

  • HTML и CSS
  • JavaScriptосновной
  • TypeScript
  • Reactкогда нужен
  • Canvas и WebGLграфика
  • GLSLшейдеры

Серверы

  • PythonFastAPI
  • Node.js
  • SQLite
  • WebSocket
  • Telegram Bot APIботы, Mini App
  • SMTPприём почты

Приложения

  • ElectronWindows
  • KotlinAndroid
  • Jetpack Compose
  • AGSL
  • Javaмоды Forge
  • PyInstaller

Инфраструктура

  • Linux и systemd
  • CaddyTLS
  • Cloudflare
  • ffmpegвидео
  • DNS через API
  • Git

Если коротко: сайты и сервисы — JavaScript и Python, приложения — Electron и Kotlin, хостинг — Linux и Caddy.

Телевизор вместо головы, экран ждёт команду

06 СвязьЕсть задача? Напишите.

Отвечаю сам — без менеджеров, ботов и «передам разработчику». По-русски или по-английски.

@DFaisman dmitriy@faisman.com

Как начать

  1. 01Напишите в Telegram или на почту: что за задача и когда нужно. Двух строк достаточно.
  2. 02Отвечу сам и задам вопросы.
  3. 03После разбора пришлю бриф на одну страницу — по нему и работаем.

Телевизор тоже отвечает: наберите help.