Skip to content

a-raskatov/a-raskatov.github.io

Repository files navigation

a-raskatov.github.io

Заказ для @efiand на интернет-сборник (MPA) и подарочное интернет-издание в стиле рукописи на вечнодоступной бесплатной площадке.

Несколько интересных кейсов (совмещённых с AMP-версией):

  • Работа с «тетрадными» градиентами и рукописными шрифтами.
  • Работа с вертикальным ритмом.

Набор возможностей

  • PWA.
  • «Книгоподобное» оглавление с заполнителем промежутков.
  • sitemap.
  • AMP-версия.
  • Расстановка переносов с помощью hyphen.

Для разработчика

  • Инструмент aвтообновления зависимостей.
  • Перезагрузка страницы в браузере при перезагрузке сервера в режиме разработки с помощью Server Sent Events.
  • Biome для проверки кода.
  • Node.js Test Runner для тестирования.
  • Автодеплой при пуше через github action по наличию фразы [deploy] в заголовке коммита.

Технические особенности

  • Написано на чистом Javascript (JSDoc для тайпчекинга), CSS (с минимальным набором postcss-плагинов).
  • Валидация HTML-разметки, БЭМ-нейминга, AMP-разметки, XML-структуры карты сайта.
  • БЭМ-нейминг классов, без вложенности. Дополнение к методологии:
    • хелперы с префиксом _ в названии, подключены в конце;
    • допускается вложенность тегов не более 2-х;
    • компоненты, основанные на уникальных тегах, могут не иметь классов.