153 читали · 1 год назад
Гайд по созданию плавных переходов с CSS transition
CSS transition — ключевой инструмент в арсенале веб-разработчика для создания интерактивных и визуально привлекательных интерфейсов. Он позволяет добавить плавность изменениям свойств элементов, значительно улучшая пользовательский опыт. Эта статья представляет собой исчерпывающее руководство по transition. Мы начнем с основ: рассмотрим синтаксис свойства transition и его сокращенную запись, включающую в себя transition-property, transition-duration, transition-timing-function и transition-delay...
7 лет назад
Заглушка на VueJs, которую я показываю, пока грузится ajax контент.
О чем речь? Часто контент на страницу подгружается при помощи ajax запросов. Пока контент не загрузился, желательно показывать пользователю не пустое место, а какую-то заглушку, чтобы пользователь понимал, что видит ещё не конечную версию страницы. Специально для этой цели я сделал себе удобный vue компонент, который делает создание такой заглушки абсолютно простым делом. Spinner Первое, что нам понадобится это spinner. Spinner - это анимированная картинка, которая будет показывать, что идёт загрузка...