Все для веб-дизайнера
Записи с метками CSS
Как создать аудио-проигрыватель на JS
22 Окт
Сегодня мы хотим рассказать о том, как создать весьма интересный и визуально привлекательный аудио-проигрыватель для сайта при помощи JavaScript. Идея состоит в том, что у нас будет небольшой плеер в светлых тонах с навигационными клавишами для переключения треков, а также диск, который будет вращаться при проигрывании музыки. Кроме этого фон будет размываться в дизайн обложки альбома играющей музыки. Также будет реализован статус-бар с индикатором времени трека и возможностью перейти к нужному времени.
Стилизация формы подписки с помощью CSS3
18 Окт
Cегодня мы хотим показать, как создать интересную стилизацию формы подписки для сайта, такая форма поможет Вашим читателям не пропустить важные обновления на сайте, ведь на их почту будут приходить актуальные новые обновления Вашего сайта. Такое взаимодействие весьма положительно скажется на базе посетителей сайта так и регулярных читателях, ведь помогает увеличить приток пользователя на ресурс. В данном уроке мы покажем как анимировать и оживить форму подписки добавив немного мелочей с анимацией.
Открытие формы входа при прокрутке страницы
9 Окт
Форма авторизации это ключевое составляющее взаимодействия с вашими посетителями, ведь авторизация поможет расширить функционал посетителя предоставив ему новые возможности. Также не забывайте, что зарегистрировавшись на нашем сайте вы сможете добавлять и сохранять в избранное любимые статьи и подписываться на уведомления о новых уроках. Сегодня речь пойдет о создании интересной формы авторизации которая будет появляться при прокрутке страницы вниз, кроме этого вы можете ее вызвать при помощи кнопки внизу сайта.
Трехмерная комната с объектами при помощи JS
9 Сен
Вы знаете, что каждое воскресенье мы стараемся сделать обзор, на замечательные работы от талантливых веб-мастеров со всего мира которые покорили интернет своими необычными решениями и подходам к поставленной задаче, сегодня мы хотим показать работу Gerard Ferrandez из города Тулуза который находится во Франции. Его работы вызывают огромный интерес в интернете, потому что каждый его эксперимент это некий пример искусства в мире дизайна и программирования. И одну из его работ мы сегодня хотим вам показать.
Красивый эффект при наведении на картинку
5 Сен
Ховер эффекты позволяют отобразить дополнительную информацию на изображениях когда пользователь наводит курсор мыши. Это удобно и привлекательно, также помогает визуально разгрузить сайт. Сегодня мы хотим показать как создать красивый hover-эффект для изображений при наведении курсора мыши с помощи CSS3. При наведении курсора мыши на изображение будет происходить анимация и плавное появление рамки на изображениях с текстовыми полями, благодаря плавности эффект выглядит очень интересно и в то же время просто.
3D карусель с параллаксом при помощи GSAP
3 Сен
Начнем неделю с нечто приятного и необычного, все вы, наверняка, любите эффект параллакса, по этому мы бы сегодня хотели рассказать о нем, и о том, как создать замечательную 3D карусель с параллаксом при помощи GSAP. Возможно кто-то не знает, что такое GSAP, так вот, GSAP или его полное название GreenSock (GreenSock Animation Platform), суперэффективный, профессиональный класс анимации HTML5. GSAP имеет слишком много функций, и сегодня одна из них ляжет в основу нашей карусели которая будет полноэкранной.
Боковое многоуровневое мобильное меню
31 Авг
Недавно мы писали о том, как мы относимся к гамбургер меню, но не смотря на это дизайнеры и разработчики все активней его используют, к сожалению, хоть этот тренд отходит и всех уже немного достал, но не стоит забывать о людях которым нравится и они желают видеть такое меню на своем сайте. Сегодня мы хотим рассказать, как создать боковое многоуровневое меню при помощи плагина jQuery. HC MobileNav-это плагин jQuery для создания многоуровневой, мобильной, боковой навигации вне видимой области, которая поддерживает бесконечное вложение элементов.
Загрузка ...