Все для веб-дизайнера
Записи с метками JQuery
Современный эффект параллакса на jQuery
12 Дек
Эффект параллакса на jQuery и то как его создать. Сегодня мы бы хотели рассказать о процессе создания современного эффекта параллакса для сайта при помощи CSS3 и jQuery. Мы постараемся максимально упростить процесс создания для легкости его внедрения в структуру сайта. Параллакс будет поддерживать отображение на мобильных устройствах, кроме этого будет адаптивным, для его создания мы подготовили подборку изображений. Также были добавлены подписи на изображения верхним слоем, для отображения дополнительной информации, они также будут сопровождены данным эффектом.
Как создать аудио-проигрыватель на JS
22 Окт
Как создать аудио-проигрыватель на JS. Сегодня мы хотим рассказать о том, как создать весьма интересный и визуально привлекательный аудио-проигрыватель для сайта при помощи JavaScript. Идея состоит в том, что у нас будет небольшой плеер в светлых тонах с навигационными клавишами для переключения треков, а также диск, который будет вращаться при проигрывании музыки. Кроме этого фон будет размываться в дизайн обложки альбома играющей музыки. Также будет реализован статус-бар.
Идеи оригинальной анимации для меню сайта
11 Сен
Идеи оригинальной анимации для меню сайта. Выпадающее меню получило второе дыхание в веб-дизайне и ожило прямо с как популярным вариантом для мобильных приложений. Такой подход был не просто отличным решением, чтобы перевести главное меню сайта в маленький интерфейс, но это был единственный действительно, рациональный и практичный способ который охватывал все навигационные элементы. Это была гениальная идея. Это было также прелюдией к другой огромной тенденции — использование кнопок меню гамбургера, хоть особо мы их и не полюбили.
Объемная галерея картин для сайта при помощи JS
10 Сен
Объемная галерея картин для сайта при помощи JS. Галереи изображений на сайте это не всегда уныло разбросаны изображения на странице с установленным стандартным лайтбоксом, иногда стоит выйти за рамки в буквальном смысле этого слова. И сегодня мы хотим это сделать, показав вам как реализовать замечательную, объемную галерею картинок для сайта при помощи javascript и CSS. У нас будет кубическая галерея в 3D, пользователь может по ней путешествовать нажимая на понравившиеся ему изображения.
Автоматический scroll текста при помощи jQuery
4 Сен
Автоматический scroll текста при помощи jQuery. Иногда необходима возможность реализовать прокрутку блоков с текстом, чтобы визуально предоставить информацию для посетителя. Сегодня мы хотим рассказать, как создать автоматический scroll текста на сайте при помощи jQuery и CSS3. Быстрый, эффективный вертикальный скроллер текста, который автоматически прокручивает группу абзацев с эффектами масштабирования и затухания на основе анимации CSS3. Если вы хотите реализовать на своем сайте анимированное отображение заголовков.
3D карусель с параллаксом при помощи GSAP
3 Сен
3D карусель с параллаксом при помощи GSAP. Начнем неделю с нечто приятного и необычного, все вы, наверняка, любите эффект параллакса, по этому мы бы сегодня хотели рассказать о нем, и о том, как создать замечательную 3D карусель с параллаксом при помощи GSAP. Возможно кто-то не знает, что такое GSAP, так вот, GSAP или его полное название GreenSock (GreenSock Animation Platform), суперэффективный, профессиональный класс анимации HTML5.
