Это заявка на Frontend Challenge v24.07.24, CSS Art: Recreation.

Вдохновение

Меня вдохновило создание адаптивной целевой страницы для Нью-Йоркской лиги любительского крикета (NYRCL). Идея заключалась в том, чтобы сделать его визуально привлекательным и интерактивным, при этом гарантируя, что он будет отлично выглядеть на всех устройствах.

Демо

Вы можете посмотреть живую демонстрацию проекта здесь: Целевая страница NYRCL

Код проекта можно найти в моем репозитории на GitHub: frontend-challenge

Путешествие

Этот проект предоставил фантастическую возможность применить современные практики веб-дизайна. Вот некоторые ключевые аспекты этого путешествия:

1. Планирование и дизайн:

   • Я начал с обрисовки структуры страницы и выбора цветовой схемы, которая отражает яркий дух лиги развлекательного крикета.

2. Разработка:

   • Я использовал HTML для структурирования контента, CSS для стилизации и обеспечения отзывчивости и JavaScript для интерактивности.
   • CSS включает медиа-запросы для обработки экранов разных размеров, обеспечивая единообразную работу на всех устройствах.
   • Для добавления эффектов наведения и плавных переходов использовался JavaScript, повышающий вовлеченность пользователей.

3. Проблемы и обучение:

   • Одной из задач было обеспечение полной адаптивности страницы. Я много узнал об использовании flexbox и медиа-запросов для достижения этой цели.
   • Другой задачей было создание плавной анимации и переходов, что требовало тщательной настройки свойств CSS.

4. Исход:

   • Я особенно горжусь адаптивным дизайном и интерактивными элементами, которые делают страницу живой и привлекательной.

5. Следующие шаги:

   • Я планирую добавить больше интерактивных элементов, таких как форма регистрации и динамическая загрузка контента.

Заключение

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