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