Научиться учиться

Описание проекта

Одностраничный сайт о современных методиках обучения. Включает информацию о техниках запоминания, принципах эффективного обучения, полезных ресурсах и вдохновляющих видео.

Функциональность

• Адаптивная вёрстка для разрешений от 1100px
• CSS-анимации (вращающийся элемент через @keyframes)
• Встроенные видео с YouTube через iframe
• Семантическая разметка HTML5
• Интерактивные hover-эффекты для ссылок

Используемые технологии

• HTML5 (семантические теги, валидация W3C)
• CSS3 (Flexbox, Grid, позиционирование, анимации)
• Методология БЭМ (именование классов, файловая структура Nested)
• Normalize.css для сброса стилей
• Git для контроля версий

Планы по доработке

1. Добавить адаптивность для мобильных устройств — использовать медиазапросы для экранов менее 1100px.
2. Оптимизировать загрузку изображений — подключить lazy loading для уменьшения времени первой загрузки.
3. Добавить интерактивность — реализовать переключение темы (тёмная/светлая) с помощью JavaScript и localStorage.
4. Улучшить производительность анимаций — заменить transform: rotate() на will-change для smoother rendering.
5. Провести аудит доступности — добавить ARIA-атрибуты и проверить контрастность цветов.