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-х;
  • компоненты, основанные на уникальных тегах, могут не иметь классов.