Все для веб-дизайнера
Вращающиеся на 360 градусов 3D фото товаров
Сен 22
Обзор товара весьма важен не только для покупателя, но и для продавца, по этому данная технология для просмотра изображений в последнее время весьма популярное. Ранее уже мы рассказывали о подобном приеме, но сегодня хотелось бы уделить больше внимания данному подходу. Мы создадим слайдер изображений который будет вращать изображения, при этом у нас будет индикатор, который покажет процесс загрузки все слоев, что не позволит пользователю увидеть недозагруженный слайдер. Слайдер весьма легкий в конструкции и практичен.
Анимированное взаимодействие с корзиной сайта
Сен 20
В данном уроке мы рассмотрим как создать анимацию всплывающего окна для пользователя который решил купить товар на вашем сайте. Корзина на сайте с покупками является неотъемлемым дизайном интернет магазина. Иногда разработчики не много внимания уделяют данному разделу, по этому он остается блеклым звеном в дизайне. Мы решили исправить данную проблему и создать замечательный дизайн, при нажатии на иконку корзины произойдет разворот корзины, без перехода на другую страницу, с подробной информацией и возможностью продолжить покупки.
Эффект чернильного перехода для сайта на CSS3
Апр 4
Недавно я наткнулся на несколько веб-сайтов с использованием чернильных эффектов в качестве перехода. Хорошим примером является сайт Sevenhills . Сначала я думал , что они использовали технику , приведенный в действие HTML холста (для обеспечения возможности прозрачности), а затем я проверил исходный код и выяснил , что они не используют видео, но применено изображение со спрайтами PNG. Используя PNG спрайты и steps() функцию синхронизации в CSS.
Онлайн покупка билетов в кинотеатре для сайта
Янв 12
В данном уроке мы рассмотрим интересный концепт организации покупки мест в кинотеатре. По умолчанию у нас откроется видеопроигрователь, который можно будет запустить благодаря индикатору воспроизведения, в низу будет организована плашка, в которой указано название ролика, а также выделен текст о возможности покупки билетов. При нажатии на меню выбора покупки билетов, то вы увидите анимацию, и развертывания киноряда для отображения мест.
Новогодний параллакс для сайта на JS и CSS3
Дек 31
В предвкушении нового года мы бы хотели поделиться праздничным эффектом, который можно применить у себя на сайте в качестве шапки. При этом добавить замечательный эффект параллакса, который так цениться нашими пользователями, и весьма приятно воспринимается посетителями сайтов. Нам понадобиться немного стилей и магии скриптов, и в результате мы получим эффект движение елок и текста при движении курсора мыши. Давайте посмотрим, что у нас получилось в канун нового года.
Сегодня проекту rudebox исполняется 5 лет
Дек 18
Пять лет назад, мне пришла мысль о создании проекта, в котором я бы смог делиться интересными наработками в области дизайна с людьми. Это были как и собственные наработки так и материалы которые я нашел на зарубежных сайтах. С каждым годом сайт наполнялся новыми, интересными материалами, у нас появился свой стиль который стал узнаваем не только в странах СНГ, но и за рубежом. И сегодня мы бы хотели поблагодарить всех тех, кто с нами и поддерживает нас.
Модальные окна с размытым фоном на CSS3
Дек 15
Модальные окна являются неотъемлемой частью современного веб-дизайна, с помощью их, разработчик может прибегнуть к методу зацикливания на одной странице и не перебрасывания посетителя на вспомогательные страницы. В данном уроке мы рассмотрим как создать замечательные модальные окна с размытым фоном для сайта с использованием jQuery и CSS3. Благодаря данным правилам мы создадим размытый фон при появлении окна, что привяжет взор посетителя только к необходимой информации на сайте.
Загрузка ...