Веб-стандарты

Новый сайт сообщества: статьи, конференция, календарь, подкаст и всё остальное.

Дизайн

Разработка

  • Установка зависимостей: npm install
  • Старт сервера для локальной разработки: npm start
  • Запуск сборки для деплоя: npm run build

Участие в разработке

Вы можете выбрать ишью из списка и сказать, что берётесь за работу.

Форкните и присылайте пулреквесты.

Окружение и технологии

Движок Eleventy собирает Markdown и JSON по шаблонам Nunjucks и генерирует статичные HTML-страницы. Стили пишутся на чистом CSS, соединяются импортами, сжимаются и оптимизируются. Браузерная совместимость описана в ключе browserlist в package.json, если коротко — «без IE11».

Принципы верстки

Mobile-first. Сначала мы делаем мобильную версию интерфейса, а потом начинаем увеличивать с помощью @media. Например, кнопка открытия главного меню спрячется, когда для меню будет достаточно места на экране.

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


Работает на Eleventy.