Skip to content

marystogova/nouvelle

 
 

Repository files navigation

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

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

Дизайн

Макет в Figma.

Разработка

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

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

Вы можете выбрать ишью из списка и сказать, что берётесь за работу. Этапы разработки сайта заведены в проектах. Для удобства, у задач указаны требуемые навыки в лейблах — фильтруйте по ним, выбирайте подходящие.

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

Для разработчиков проекта есть чат в Телеграме, где можно синхронизироваться, обсуждать и планировать процесс. Постучите @pepelsbey или @higimo в Телеграме, если хотите попасть туда.

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

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

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

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

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


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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 54.5%
  • HTML 39.6%
  • JavaScript 5.9%