Все для веб-дизайнера
Записи с метками Веб-мастеру
Анимированный фон с эффектом параллакса
8 Авг
Параллакс это достаточно полезный прием к которому прибегают разработчики своих ресурсов, красивая анимация помогает привлечь взор посетителя, кроме этого интерактивные движение весьма оживляют ресурс. В данном уроке мы рассмотрим пример создания замечательного фона который будет создавать эффект движения частиц в пространстве. Кроме этого вы получаете возможность самостоятельно изменять скорость движения частиц, что сделает сайт более живым. И так, давайте посмотрим что у нас получилось.
Создаем контекстное меню для сайта на JavaScript
3 Июн
Контекстное меню на сайте используется достаточно не часто, но иногда пользователь все же прибегает к подобной функции использовав правую клавишу мыши. В данном уроке мы рассмотрим достаточно простое контекстное меню, которое будет стилизовано помощью градиента css и содержать в себе функции необходимые пользователю для облегчения работы с функциями на сайте. Кроме этого будет добавлен пункт «социальность» который будет содержать в себе подпункты с возможностью выбора любимой социальной сети.
Компактное фиксированное меню для сайта на JS
1 Июн
Красивая навигация поможет пользователю проще ориентироваться на странице и найти желаемую информацию, а следовательно упростит передвижение по сайту, в сегодняшнем уроке мы рассмотрим процесс создания замечательного компактного фиксированного меню для сайта, которое будет появляться в правом нижнем углу при прокрутке страницы и будет отлично выполнять возложенные на него функции. Меню мы украсим красивой анимацией при развертывании. Легкость разработки поможет без особых усилий установить меню.
Создаем тур по странице с подсказками на CSS3
31 мая
Иногда, при редизайне или открытии нового проекта, веб-мастеру необходимо ознакомить посетителя с нововведениями, при этом подчеркнув основные элементы и предоставить инструкцию по работе с ними. В сегодняшнем уроке мы рассмотрим как создать такой замечательный тур по странице с использованием «живых» подсказок. Для работоспособности нам понадобится немного стилей css и несколько простых функций jquery. Подсказки будут происходить при нажатии на кнопку начала действия.
Tilt эффект для изображений сайта на CSS3
30 мая
Создавая новый проект важно подчеркнуть его уникальность, при этом использовав приемы и техники которые не были применены ранее. Благодаря новшеству вы можете привлечь посетителя к сайту, а также приобрести постояльцев ресурса. В данном уроке мы бы хотели показать как можно создать замечательный тилт-эффект для изображений при использовании небольших правил CSS. По сути исходное изображение копируется на несколько слоёв, которые в свою очередь отображены с эффектом прозрачности.
Как создать слайдер с навигацией для сайта
28 мая
Слайдер весьма удобная штука на сайте где дизайнер хочет донести информацию до читателя с помощью графика, красивая организация, лаконичный дизайн позволяет поместить множество информации в достаточно небольшом пространстве, при этом слайдер не останется без внимания посетителя, так как всегда находится на видном месте. В сегодняшнем уроке речь пойдет о процессе создания замечательного слайдера с множеством полезных функций, которые сделают ваш сайт уникальным.
