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