Все для веб-дизайнера
Записи с метками галерея картинок
Параллакс стена для сайта на JavaScript и CSS3
18 Июн
Сегодня мы хотим рассказать вам об одном замечательном эффекте, а именно о том, как создать эффект параллакс-стены для сайта при помощи JavaScript и CSS3. По умолчанию у нас будет три блока с фотографиями, которые зафиксированы в навигации слева, при этом в правой части будут сами фотографии, перелистывание к которым будет сопровождаться скольжением дополнительных блоков, которые будут сверху слоя с изображением. Все этом оформлено эффектом параллакса и смотрится очень круто и плавно.
Превью постов сайта при помощи Flexbox и CSS3
12 Июн
Мы хотим Вам показать и донести, что красивый, а главное оригинальный сайт ценится больше чем повседневные однообразные сайты «без души». Для многих сайты это просто кусок работы о котором забываешь когда видишь заветные деньги от заказчика. Но если вы действительно хотите запомнится и быть востребованный разработчиком и дизайнером то не надо бояться экспериментов, а смело двигаться вперед и пробовать новые идеи. Сегодня мы бы хотели поговорить о создании превью, а именно превью для постов сайта, и сделаем это мы с помощью Flexbox и CSS3.
Эффект параллакса для контента сайта на JavaScript
5 мая
Параллакс достаточно популярный эффект среди современных веб-разработчиков, много кто пытается оживить свой ресурс благодаря такому подходу, это, несомненно, является отличный прием для скучного сайта, который, буквально, вдыхает новую жизнь в ваш проект и привлекает внимание посетителей. В данном уроке мы рассмотрим достаточно красивый прием стилизации контента для вашего сайта с помощью эффекта параллакса. Для достижения такого эффекта мы будем использовать parallax Content,-это плагин jQuery, который применяет эффект
Динамическое слайд-шоу для сайта на slideWiz
2 мая
В данном уроке мы бы хотели рассказать и наглядно показать, как можно реализовать достаточно простой, но в то же время необходимый слайдер изображений с динамическим текстом и круговой анимацией для сайта с использованием замечательного плагина jQuery slideWiz. slide Wiz-это динамичный плагин jQuery для создания слайдера-карусели изображений, который включает возможности создавать слои для коллекции изображений (с описаниями, заголовками и кнопками действий), передаваемых в массиве JavaScript.
Popup галерея для сайта при помощи CSS3 и JS
15 Апр
Красивая галерея для сайта является неотъемлемой его частью. Разработчики прибегают к разным вариациям создания такой галереи, обычно это простое модальное окно, которое не украшено никакими эффектами и служит для простого отображения картинки. Но что если пойти дальше и разнообразить данное окно, добавив эффект анимации, и не обычное, которое есть уже у всех, благодаря стандартным модулям и плагинам. В данном уроке мы рассмотрим как же создать разработчику сайта простую Popup галерея для сайта с красивой анимацией.
3D слайдер для сайта с помощью Page Scroll 3D
28 Ноя
В данном уроке мы хотим рассмотреть замечательный пример создания объемного слайдера. Page Scroll 3D — это фантастический плагин jQuery для создания анимированного полноэкранного вертикального слайдера страницы, где ваши пользователи смогут прокручивать страницы с помощью эффекта вращения 3D-куба. Все это смотрится впечатляющее, так как пользователь ощущает страницу объемной, а плавный переход создает иллюзию объемности на странице. Навигация доступна для пользователя как с помощью скролла мыши, так и навигационной панели.
