Завершено: Вёрстка страницы для курса по Доступности
У Леры Курмак очень крутой курс по цифровой доступности и я — фронтенд-разработчик с 14 годами опыта — помогаю ей абсолютно безвозмездно.
Прямо сейчас требуется сверстать страницу, где будут отображаться сертификаты студентов. Вместо того, чтобы сделать это самому, я решил попробовать другой формат: вы верстаете, а я даю комментарии. Вы учитесь чему-то новому, а я получаю вашу благодарность и тешу своё менторское самолюбие. Лучшее решение я прикручу на сайт курса.
Вы научитесь
Обновлять Pull Request'ы;Работать с GitHub pages;Настраивать сборку проекта;Быстро проверять страницу на граничные условия;Обращать внимание на семантику.
Задание
Сделать форк этого репозитория;Сверстать макет по ссылке ниже;Разместить свёрстанный макет на GitHub pages;Прислать Pull Request в этот репозиторий и указать ссылку на gh-pages;Получить фидбэк от @pfrankov;Устранить замечания.
Макеты
Картинку с самим сертификатом верстать не нужно.
Технические требования и ограничения
- Не использовать CSS-фреймворков, вроде Bootstrap или Tailwind;
- Не использовать JS-фреймворков и библиотек, генерирующих HTML — страница должна отображаться и без JavaScript;
- Поддержка браузеров с долей более 1% по Browserslist;
- Корректное отображение на десктопах, планшетах и мобильных устройствах;
- Страница должна приемлемо отображаться даже если не загрузятся стили;
Просто обратите внимание
- Шрифты используются нестандартные. Нужно будет подобрать похожие из Google Fonts;
- Скорость загрузки должна быть как можно выше, а объём загружаемых данных — ниже;
- Дизайнер не предусмотрел светлую тему. Если хотите — попробуйте сделать её на свой вкус;
- Трижды подумайте над структурой заголовков;
- Составьте список вопросов дизайнеру и отправьте его с Pull Request'ом.