Категории: Технологии

Современное сайтостроение – интерактивная биография Т.Шевченко

Представляем вашему вниманию образец современного сайтостроения: сайт с интерактивной биографией Тараса Шевченко.

Автор: «УкрЛиб» — библиотека украинской литературы.
Адрес сайта: http://shevchenko.ukrlib.com.ua/

Данный сайт совмещает в себе современные технологии и онлайн-биографию. Ценители творчества известного украинского поэта, прозаика, художника и этнографа Тараса Григорьевича Шевченко найдут здесь: описание жизни великого Кобзаря, его картины, эскизы, цитаты, публикации и поэзию.

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

  • сайт содержит интерактивные страницы, каждая из которых описывает определенный период из жизни Шевченко
  • используются новейшие технологии визуализации информации
  • используется эффект параллакса (создаёт иллюзию трёхмерного пространства), который для удобства можно включать/выключать
  • прокруткой страниц можно управлять кнопками вверх/вниз на клавиатуре
  • планируется добавление музыкального сопровождения
  • планируется добавление видеоматериалов
  • планируется перевод сайта на другие языки
  • и многое другое

Образцы страниц:

Интерактивная биография Т.Шевченко
Образец страницы
Образец страницы

 

Рекомендуем и вам оценить этот ресурс!

Share

Последние посты

Нил Гейман

Люди думают, что будут счастливы, если переедут в другое место, а потом оказывается: куда бы… Читать далее

20/02/2024

Уроки JavaScript — как начать работать с объектами

Объекты являются одной из самых важных и мощных функций JavaScript, и во многих встроенных функциях… Читать далее

17/02/2024

Часто задаваемые вопросы (ЧАВО) о хуках и фильтрах в WordPress

Любая страница сайта на WordPress состоит из множества функций, файлов и запросов к базе данных.… Читать далее

16/02/2024

Создаем 5 простых CSS анимаций используя ключевые кадры

В этом практическом уроке я покажу вам несколько простых анимаций, которые можно создать с помощью… Читать далее

15/02/2024

С Днем святого Валентина!

I ♥ you!   do{ love++; } while (alive);   kisses=''; while(i==1) { kisses+=x; }… Читать далее

14/02/2024

В чем разница между веб-приложением, мобильным приложением и PWA?

Если вы разработчик и хотите создать кросс-платформенное приложение, — у вас на выбор будет 3… Читать далее

13/02/2024