Делал заказчику веб-приложение по криптовалюте и меня попросили сделать какой-нибудь крутой таймлайн по истории криптовалюты. Ну и я сделал. В 3D. На чистых CSS и JavaScript
Ссылка на демо: hoc.zaebis.site
Исходный код: github.com/congritta/hoc
Работает только на десктопных системах!
В двух словах о проекте
Есть пространство. На нём расставлены события из истории криптовалюты. Таймлайн можно приближать и отдалять (колёсиком мышки). При наведении на событие показывается информация о нём. События распределены по приоритетам (чем больше и ближе к зрителю кружочек, чем выше приоритет у события).
Таймлайн написан на чистых HTML, CSS, JavaScript для встраивания в веб-приложение заказчика (что-то типа микросервисной архитектуры, только на фронтэнде). Мне дали полный карт-бланш на продумывание дизайна и физики таймлайна. Ну и я решил сделать его в небольшом 3D (насколько это позволяет CSS) мол пользователь заходит и летает среди матрицы событий из истории криптовалюты.
Увы, заказчик через какое-то время отверг концепцию (не буду и не могу раскрывать подробности), но мне разрешили выложить изначальный концепт таймлайна и его исходники в интернет (ибо эти исходники в проекте больше никак не используются)
Итоги
Проект хостится на GitHub Pages на домене (hoc.zaebis.site) (не стал для этого проекта покупать отдельный домен, поэтому он висит на поддомене моего домена zaebis.site). Исходный код проекта открыт и доступен на github.com/congritta/hoc. Бэкэнда у проекта нет
На разработку проекта ушло около 20 часов. Дизайн и физика придуманы и реализованы с нуля.