Все для веб-дизайнера
Записи с метками Анимация
Идеи оригинальной анимации для меню сайта
11 Сен
Выпадающее меню получило второе дыхание в веб-дизайне и ожило прямо с как популярным вариантом для мобильных приложений. Такой подход был не просто отличным решением, чтобы перевести главное меню сайта в маленький интерфейс, но это был единственный действительно, рациональный и практичный способ который охватывал все навигационные элементы. Это была гениальная идея. Это было также прелюдией к другой огромной тенденции — использование кнопок меню гамбургера, хоть особо мы их и не полюбили.
Трехмерная комната с объектами при помощи JS
9 Сен
Вы знаете, что каждое воскресенье мы стараемся сделать обзор, на замечательные работы от талантливых веб-мастеров со всего мира которые покорили интернет своими необычными решениями и подходам к поставленной задаче, сегодня мы хотим показать работу Gerard Ferrandez из города Тулуза который находится во Франции. Его работы вызывают огромный интерес в интернете, потому что каждый его эксперимент это некий пример искусства в мире дизайна и программирования. И одну из его работ мы сегодня хотим вам показать.
3D карусель с параллаксом при помощи GSAP
3 Сен
Начнем неделю с нечто приятного и необычного, все вы, наверняка, любите эффект параллакса, по этому мы бы сегодня хотели рассказать о нем, и о том, как создать замечательную 3D карусель с параллаксом при помощи GSAP. Возможно кто-то не знает, что такое GSAP, так вот, GSAP или его полное название GreenSock (GreenSock Animation Platform), суперэффективный, профессиональный класс анимации HTML5. GSAP имеет слишком много функций, и сегодня одна из них ляжет в основу нашей карусели которая будет полноэкранной.
Объемная галерея картин для сайта при помощи JS
2 Сен
Галерея изображений это всегда интересно, я люблю вещи глазами, чтобы полюбить какой-то ресурс мне достаточно просто взглянуть на него и становится с первых секунд понятно, будет нравится тебе этот сайт или нет. Думаю я не одинок в таком подходе, так вот, мы говорили о галерее ее реализации на сайте. Ранее мы уже рассказывали о картине-галерее, где вы получаете опыт и чувство посетителя в реальной галерее. Сегодня воскресенье, а как вы знаете, по нашей небольшой традиции мы каждое воскресенье показываем вам замечательные анимации и интересные задумки.
Создаем жидкие кнопки для сайта при помощи JS
1 Сен
Я думаю каждый из вас знает, что оформление кнопок на сайте достаточно важный элемент, они позволяют выделить информацию из пользовательского интерфейса для дальнейшего взаимодействия из контентом на сайте. Сегодня мы бы хотели показать как разнообразные жидкие кнопки которые будут реагировать на наведения курсора мыши и тянуться за курсором. Такой прием оживит ваш интерфейс благодаря нестандартному подходу к их реализации, и как по мне, можно провести минуты просто играясь с ними и подбирая различные эффекты.
Меню в стиле слайдов при помощи CSS3
29 Авг
Сегодня мы хотели бы поделиться с вами небольшим меню. Идея состоит в том, чтобы раскрыть навигацию в виде сетки отдельно от слайдера в верхнем правом углу страницы, мы ранее уже рассказывали о подобном решении и как его реализовать. Данное меню это результат вдохновения для всего эффекта и для макета слайд-шоу происходит от дизайна Адриана Сомози и работ Жени Рынчука. Анимация работает на TweenMax. Это только концепт, по этому его работа во всех браузерах не гарантирована в полной мере.
