Все кейсы

Этот сайт

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

Зачем он в кейсах

Сайт, который обещает клиенту скорость, не имеет права грузиться медленно. Проще всего это показать на нём самом.

Как устроено

Без фреймворка-комбайна и UI-кита. Свои стили, свои токены. Сайт является кейсом — он не должен выглядеть собранным из чужих компонентов.

Двуязычность заложена в маршруты. /ru/ и /en/, hreflang на каждой странице, ни одной захардкоженной строки в компонентах: весь текст идёт через словари, английская версия не может отстать незаметно.

Анимации только нативные. Прокрутка двигает CSS scroll-driven animations, переходы между страницами — View Transitions, схемы рисуются через stroke-dashoffset. Ни одной анимационной библиотеки: весь JavaScript страницы — около восьми килобайт: переходы между страницами без перезагрузки, шапка, курсор и печатающий перечень задач на главной.

Сайт ничего не собирает. Форма брифа здесь была и работала: постила на приёмник в России, раскладывала заявку в базу, на почту и в Telegram. Я её снял. Любая форма или счётчик делают владельца сайта оператором персональных данных со всеми обязанностями перед Роскомнадзором, а для сайта-визитки это лишний груз. Заявки приходят письмом или в Telegram, и первый ответ по ним такой же предметный: вопросы брифа я задаю в переписке.

Как это выглядит

abrahamden.dev
Главная этого сайта: оффер, статус, карточка «Обо мне» и развилка между сайтами и системами
Главная этого сайта: оффер, статус, карточка «Обо мне» и развилка между сайтами и системами, мобильная версия
Главная этого сайта: оффер, статус, карточка «Обо мне» и развилка между сайтами и системами

Как устроено

Как устроен этот сайт: репозиторий, сборка, статика за рубежом; форма заявок снята, обращения приходят почтой и в TelegramРепозиторийкейсы и заметки — markdown · словари ru и en · публикация = коммитСборка Astro → статикаHTML и CSS, около 2 КБ JS на страницу · кластер за рубежом: Helm, ArgoCDБраузер посетителяанимации — CSS scroll-driven и View Transitions, без библиотекОбращенияпочта и Telegram · формы на сайте нетПочтаосновной каналTelegramбыстрый, но нестабильныйКак устроен этот сайт: репозиторий, сборка, статика за рубежом; форма заявок снята, обращения приходят почтой и в TelegramРепозиторийкейсы и заметки — markdownсловари ru и en · публикация = коммитСборка Astro → статикаHTML и CSS, около 2 КБ JS на страницукластер за рубежом: Helm, ArgoCDБраузер посетителяанимации — CSS scroll-driven и ViewTransitions, без библиотекОбращенияпочта и Telegram · формы на сайте нетПочтаосновной каналTelegramбыстрый, но нестабильный

Почему так, а не иначе — контент в репозитории, а не в CMS

Очевидное решение для сайта с кейсами и блогом — взять CMS: админка, визуальный редактор, публикация без разработчика. Именно это я обычно и делаю клиентам.

Здесь я сделал наоборот: кейсы и заметки лежат markdown-файлами в репозитории, публикация — коммит. Редактор у этого сайта один, и он разработчик; админка обслуживала бы одного человека, который спокойно пишет в редакторе кода.

Цена честная: чтобы поправить запятую, нужен git. В обмен — ноль серверной части, ноль обновлений безопасности, полная история правок и возможность откатить любую.

Другие кейсы

Кейсы и личные проекты