README: мужские формы вместо использовал(а)

This commit is contained in:
emil28092005
2026-10-30 11:37:15 +03:00
parent c94a967cc0
commit f4c3da0a64
+14 -14
View File
@@ -20,7 +20,7 @@ https://git.shanaty.ru/pub/design_hse_study/color-parade/
Эмиль Шанаев, группа БРИЦП262, 1 модуль, 2026.
## Что я научился(ась) делать
## Что я научился делать
- Раскладывать страницу по макету из Figma сеткой, а не абсолютным
позиционированием: плитки, карточки событий и блок мерча — это `grid`.
@@ -39,7 +39,7 @@ https://git.shanaty.ru/pub/design_hse_study/color-parade/
### Инструменты
| Инструмент | Для чего использовал(а) | Уровень помощи |
| Инструмент | Для чего использовал | Уровень помощи |
| --- | --- | --- |
| GPT Astra | Каркас страницы, сетки и адаптив по макету | 3 |
| DeepSeek 4.1 Flash | Объяснял свойства CSS, помогал с ошибками и с черновиками текстов | 2 |
@@ -55,45 +55,45 @@ https://git.shanaty.ru/pub/design_hse_study/color-parade/
#### Запись №1 · 21.10.2026
- **Что я хотел(а) сделать:** сверстать страницу по макету из Figma — шапку,
- **Что я хотел сделать:** сверстать страницу по макету из Figma — шапку,
обложку с флагом, бегущую строку, три цветные плитки, тёмный блок о
фестивале, карточки событий и мерч.
- **Что я спросил(а):** попросил собрать каркас лендинга по макету и сразу
- **Что я спросил:** попросил собрать каркас лендинга по макету и сразу
сделать адаптив под телефон.
- **Что ответил ИИ:** выдал HTML-разметку по секциям и CSS с переменными
цветов, сетками и тремя медиазапросами.
- **Что я изменил(а) сам(а):** поправил размеры и отступы заголовков, переделал
- **Что я изменил сам:** поправил размеры и отступы заголовков, переделал
фото-стопку в блоке «О фестивале» и обрезку картинок, убрал лишние обёртки,
подогнал брейкпоинты под свои 1050, 800 и 520 px.
- **Как я понял(а), что это работает:** открыл страницу в браузере и сузил окно
- **Как я понял, что это работает:** открыл страницу в браузере и сузил окно
до 375 px — по горизонтали ничего не вылезает, меню переносится, плитки
встают в колонку.
#### Запись №2 · 21.10.2026
- **Что я хотел(а) сделать:** получить фотографии для концепта, потому что
- **Что я хотел сделать:** получить фотографии для концепта, потому что
реального фестиваля не было.
- **Что я спросил(а):** попросил сгенерировать кадры фестиваля красок, стену с
- **Что я спросил:** попросил сгенерировать кадры фестиваля красок, стену с
плакатами и мерч в этой айдентике.
- **Что ответил ИИ:** сделал изображения 3072×2048, которые пришлось обрезать
под пропорции блоков.
- **Что я изменил(а) сам(а):** выбрал кадры, обрезал их до 3:2, сжал в JPEG и
- **Что я изменил сам:** выбрал кадры, обрезал их до 3:2, сжал в JPEG и
выставил `object-position`, чтобы в карточках не резались лица.
- **Как я понял(а), что это работает:** вставил картинки в макет и проверил,
- **Как я понял, что это работает:** вставил картинки в макет и проверил,
как они смотрятся под текстом на широком и узком экране.
#### Запись №3 · 27.10.2026
- **Что я хотел(а) сделать:** довести страницу до сдачи — проверить доступность
- **Что я хотел сделать:** довести страницу до сдачи — проверить доступность
и мелочи, которые не видно на скриншоте.
- **Что я спросил(а):** что ещё стоит добавить в статичную страницу для
- **Что я спросил:** что ещё стоит добавить в статичную страницу для
доступности и удобства.
- **Что ответил ИИ:** предложил skip-link, `aria-labelledby` у секций,
`focus-visible` и `prefers-reduced-motion`.
- **Что я изменил(а) сам(а):** добавил skip-link и подписи секций, поправил alt
- **Что я изменил сам:** добавил skip-link и подписи секций, поправил alt
у декоративных картинок (у них теперь пустой alt и `aria-hidden`), проверил,
что фокус видно на тёмном фоне.
- **Как я понял(а), что это работает:** прошёл по странице клавишей Tab,
- **Как я понял, что это работает:** прошёл по странице клавишей Tab,
включил в DevTools эмуляцию `prefers-reduced-motion` и посмотрел, что
прокрутка и кнопки перестают анимироваться.