Информационный сайт ProfessorWeb — страница 26

Материалы для проекта «Информационный сайт ProfessorWeb» объединяют несколько направлений. Начните с разделов ниже.

Материалы

• Плавная смена фильтра с View Transitions

  Обновлять список внутри одного документа с обходом неподдерживаемого API.

• Переходы между страницами каталога

  Включить переходы между двумя документами одного происхождения.

• Полоса чтения с прокруткой документа

  Создать декоративный индикатор на scroll timeline без scroll-обработчика.

• Появление карточек на view timeline

  Связать небольшое изменение карточки с её видимостью, сохранив базовое содержимое.

• Согласование движения и пользовательских настроек

  Отключить необязательные эффекты в CSS и JavaScript при reduced motion.

• Плотность карточек через запросы стиля

  Передавать семантическую плотность через custom property и style query.

• Типизированные атрибуты для визуальной шкалы

  Использовать attr с числовым типом только для дополнительного отображения длительности.

• Контрастный текст и цветовой fallback

  Добавить contrast-color как улучшение поверх заранее выбранной пары цветов.

• Передача интерфейса с матрицей возможностей

  Зафиксировать клавиатурные маршруты, деградацию и бюджет ресурсов.

• Контентный сайт на Astro: библиотека «Полка»

  Четырнадцать последовательных уроков с полными исходниками каждого этапа.

• Статическая библиотека на Astro

  Подготовить закреплённый проект «Полка» с одной статической страницей.

• Markdown и контракт коллекции

  Описать loader и схему данных для пяти учебных материалов.

• Страница статьи из записи коллекции

  Сгенерировать самостоятельный маршрут и отобразить тело Markdown.

• Общий layout, хедер и футер

  Выделить оболочку страниц, canonical и навигацию.

• Каталог и тематические разделы

  Собрать списки из единой выборки опубликованных материалов.

• Пагинация без пропуска материалов

  Разбить отсортированный каталог на страницы с обычными ссылками.

• Прежние адреса и карта соответствий

  Отделить ID записи от адреса и описать серверную совместимость старых PHP URL.

• Иллюстрации и статические ресурсы

  Добавить локальную иллюстрацию с размерами и понятным альтернативным текстом.

• Локальная интерактивность и острова

  Встроить независимый custom element без гидратации всей страницы.

• Статический поисковый индекс

  Сгенерировать JSON-индекс и вывести результаты безопасными DOM-операциями.

• Порядок уроков и оглавление статьи

  Согласовать предыдущий и следующий урок с явной учебной последовательностью.

• Карта сайта и управление индексированием

  Сгенерировать sitemap только для публичных маршрутов и отделить локальную среду.

• Черновики и редакционный маршрут

  Добавить материал по договорённой схеме без случайного попадания черновиков в выдачу.

• Статический выпуск и передача сборки

  Описать переносимый выпуск, контракт старых URL и восстановление без публикации.