Как мы решили соединить лучшие фичи vc.ru и Behance на сайте нашего агентства и что из этого получилось
Разработать внешне симпатичный сайт сейчас может почти каждый, а вот сделать его удобным внутри, заточить его под свой бизнес и особенности работы с контентом — задача несколько сложнее. История про обновление сайта Repina branding: страдания, путь к решению и развязка.
Реализация классная, но не хватает деталей о том, как технически реализован этот редактор контента и сколько часов разработки на всё ушло.
Спасибо!) Фреймворк angular 11 + angular universal ssr. Для редактирования текстов — contenteditable с доработкой для markdown. Все картинки/видео отображаются по мере видимости с использованием IntersectionObserver. Стили, включая анимации контента, написаны на SASS. Для больших анимаций в услугах использован lottie.
Часов много, учитывая, что мы тут не все показали. Для этого одной статьи не хватит)