Все для веб-дизайнера
jQuery
В данной рубрике вы можете найти интересные новости на тему «jQuery». Мы нашли следующие интересные результаты:
Гайд по Bootstrap Carousel: Примеры и уроки
9 Дек
Bootstrap carousel — это единая структура, которая является стандартным компонентом для циклического перемещения по элементам интерфейса. Тем не менее, карусель может сделать гораздо больше, и, несомненно, является одной из самых востребованных деталей в интерфейсах в наши дни. Современные сайты кишат каруселями. Они повсюду. Не только главные страницы являются посадочной страницей для их реализации, но укромные уголки сайта. Каким бы ни был ваш сайт, скорее всего, вам карусель на сайте и ее функциональность, а карусель Bootstrap это в первую очередь гибкость и функционал.
Анимация текста TweenMax. Как реализоват
22 Фев
Анимация текста TweenMax. Сегодня мы хотели бы поделиться с вами небольшим текстовым эффектом для слайд-шоу. Идея состоит в том, чтобы показать след затухания текста при переходе между слайдами слайд-шоу. Анимации сделаны с использованием TweenMax. Мы создали пять демонстраций с различной типографикой и эффектами для изображений при переходе от одного слайда к другому. Компоновка текстового эффекта создается с помощью контейнера flexbox, который уменьшает высоту каждого текстового контейнера.
Анимация текста TweenMax. Сегодня мы хотели бы поделиться с вами небольшим текстовым эффектом для слайд-шоу. Идея состоит в том, чтобы показать след затухания текста при переходе между слайдами слайд-шоу. Анимации сделаны с использованием TweenMax. Мы создали пять демонстраций с различной типографикой и эффектами для изображений при переходе от одного слайда к другому. Компоновка текстового эффекта создается с помощью контейнера flexbox, который уменьшает высоту каждого текстового контейнера.
Современный эффект параллакса на jQuery
12 Дек
Эффект параллакса на jQuery и то как его создать. Сегодня мы бы хотели рассказать о процессе создания современного эффекта параллакса для сайта при помощи CSS3 и jQuery. Мы постараемся максимально упростить процесс создания для легкости его внедрения в структуру сайта. Параллакс будет поддерживать отображение на мобильных устройствах, кроме этого будет адаптивным, для его создания мы подготовили подборку изображений. Также были добавлены подписи на изображения верхним слоем, для отображения дополнительной информации, они также будут сопровождены данным эффектом.
Как создать аудио-проигрыватель на JS
22 Окт
Как создать аудио-проигрыватель на JS. Сегодня мы хотим рассказать о том, как создать весьма интересный и визуально привлекательный аудио-проигрыватель для сайта при помощи JavaScript. Идея состоит в том, что у нас будет небольшой плеер в светлых тонах с навигационными клавишами для переключения треков, а также диск, который будет вращаться при проигрывании музыки. Кроме этого фон будет размываться в дизайн обложки альбома играющей музыки. Также будет реализован статус-бар.
Эластичные горизонтальные вкладки для сайта
10 Окт
Эластичные горизонтальные вкладки для сайта. Сегодня мы хотим рассказать о вкладках и выпадающим контентом для них, мы давно уже не рассказывали о вкладках, и сегодня настал именно тот день, у нас будет по умолчанию четыре эластичные вкладки которые будут дергаться и подпрыгивать при нажатии, кроме этого внизу будет добавлена панель с выбором цвета для них; после нажатия будет происходить разворот содержания каждой вкладки с эффектом «bounce» с отскоком, что весьма приятно смотрится, весь текст будет содержаться в блоке.
Dropdown menu для сайта на Bootstrap 4
13 Сен
Dropdown menu для сайта на Bootstrap 4. Сегодня речь пойдет о создании Dropdown навигации с применением Bootstrap 4. Выпадающий список был вдохновлен сайтом DigitalOcean на котором реализованы примерно такие же списки. По умолчанию мы продемонстрируем три выпадающих списка, содержания которых стилизировано содержание от простого текста до иконок с подписями. Списки достаточно красиво смотрятся, по этому отлично подойдут к светлому и темному сайту, все списки реализованы с применением Bootstrap 4.
