https://github.com/web-standards/web-standards.ru
https://github.com/web-standards/web-standards.ru
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/web-standards/web-standards.ru
- Owner: web-standards
- Created: 2020-04-28T05:58:11.000Z (about 6 years ago)
- Default Branch: main
- Last Pushed: 2025-10-16T11:10:54.000Z (9 months ago)
- Last Synced: 2025-10-17T08:56:52.290Z (9 months ago)
- Language: CSS
- Homepage: https://web-standards.ru
- Size: 77 MB
- Stars: 161
- Watchers: 10
- Forks: 92
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# Веб-стандарты
[](https://github.com/web-standards/web-standards.ru/actions?query=workflow%3aeditorconfig)
[](https://github.com/web-standards/web-standards.ru/actions?query=workflow%3amarkdown)
[](https://github.com/web-standards/web-standards.ru/actions?query=workflow%3astylelint)
[](https://github.com/web-standards/web-standards.ru/actions?query=workflow%3aeslint)
[](https://github.com/web-standards/web-standards.ru/actions?query=workflow%3ayaml)
Сайт сообщества: статьи и подкаст.
## Разработка
- Установка зависимостей: `npm install`
- Старт сервера для локальной разработки: `npm start`
- Запуск сборки для деплоя: `npm run build`
## Участие в разработке
Вы можете выбрать [ишью из списка](https://github.com/web-standards/web-standards.ru/issues) и сказать, что берётесь за работу.
Форкните и присылайте пулреквесты.
## Окружение и технологии
Движок [Eleventy](https://www.11ty.io/) собирает Markdown и JSON по шаблонам [Nunjucks](https://mozilla.github.io/nunjucks/) и генерирует статичные HTML-страницы. Стили пишутся на чистом CSS, соединяются импортами, сжимаются и оптимизируются. Браузерная совместимость описана в ключе `browserlist` в [package.json](https://github.com/web-standards/web-standards.ru/blob/master/package.json), если коротко — «без IE11».
## Принципы верстки
**Mobile-first.** Сначала мы делаем мобильную версию интерфейса, а потом начинаем увеличивать с помощью `@media`. Например, кнопка открытия главного меню спрячется, когда для меню будет достаточно места на экране.
**Нет брекпоинтов для адаптации.** Каждый компонент для себя решает, когда ему адаптироваться. Например, когда пункты меню начинают помещаться — пора развернуть его во всю ширину и спрятать кнопку-гамбургер.
---
Работает на [Eleventy](https://www.11ty.io/).