README: мужские формы вместо использовал(а)
This commit is contained in:
+14
-14
@@ -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` и посмотрел, что
|
||||||
прокрутка и кнопки перестают анимироваться.
|
прокрутка и кнопки перестают анимироваться.
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user