Все для веб-дизайнера
Эффект зума шапки сайта с помощью CSS3
мая 21
Большие изображения в шапке сайта часто используются в наши дни в качестве фона для сайта. Они визуально разделяют сайт на несколько важных разделов, при этом пользователи могут сосредоточиться на основных элементах - навигация, текстовая информация и призыв к действию. Изображения, зачастую, служат только визуальным украшением, но сегодня мы рассмотрим как сделать анимационную шапку сайта с эффектом зума и объемности, что будет весьма притягивать взор посетителей.
Сравнение двух фото на сайте с помощью jQuery
мая 18
При создании страницы с продуктом возникает необходимость показать пользователю какое отличие между различными вариантами, для этого можно поставить изображения стопкой, чтобы пользователь увидел отличия, но лучше всего чтобы посетитель принимал участие в сравнении. В сегодняшнем уроке мы рассмотрим как создать эффект наложения двух фото с возможностью сравнения средством передвижения манипулятора на изображении. При этом пользователь наглядно увидит отличия между изображениями и сделает свое заключение.
Фиксированное горизонтальное меню для сайта
мая 15
Фиксированная навигация весьма удобная вещь на сайте, где много информации и посетителю необходимо быстро ориентироваться на сайте, при этом с возможностью быстрого перемещения. В данном уроке мы рассмотрим именно такое меню, по умолчанию меню находится внизу страницы, но при прокрутке страницы навигация трансформируется, превращаясь в верхнюю панель навигации, нажатием на пункты меню, вы будете легко перемещаться к нужной информации, при этом будет все это обрабатываться плавной анимацией.
F.A.Q. раздел сайта с помощью CSS3 и jQuery
мая 11
Если на вашем сайте пользователи имеют много возможностей, то скорее всего, что такой проект нуждается в создании раздела часто задаваемых вопросов с информацией для поддержки ваших пользователей, кроме контактной формы. Мы собрали простой в настройке шаблон частых вопросов, который можно использовать, чтобы построить свою справку по сайту с удобной навигацией. Благодаря отзывчивому интерфейсу и реализации с помощью CSS и JQuery мы получаем кроссбраузерный раздел, с поддержкой устройств где выключен JS.
Фиксированный эффект фона при прокрутке
мая 8
Иногда вам не нужно знать js, чтобы придумать творческие и приятные глазу эффекты. В сегодняшнем уроке мы расскажем об интересном приеме CSS, а именно привязанности фона. Вы можете установить фон для крепления в области просмотра. Мы будем использовать это в прокрутке и отображения фона в необходимой нам области. Эффект состоит в том, чтобы изменять фоновое изображения двумя путями, первое это общий фон, в котором будет отображаться информация, и второй-фиксированный телефон с разными элементами.
Слайдер продуктов для интернет-магазина на JS
мая 5
В то время как мы просматриваем страницу товаров в интернет-магазине, часто возникает желание узнать больше об этом товаре, при этом вам приходится переходить на новую страницу, но что делать, если вы хотите создать простую манипуляцию с изображениями просто перематывая их вид, и узнавая цену на различные вариации данного продукта, при этом не переходя на дополнительную вкладку. В данном уроке мы расскажем, как можно осуществить такой слайдер с изображения, при этом с панелью навигации и ценовой политикой.
Стилизация вкладок для сайта с помощью CSS3
мая 3
Вкладки или как их еще называют-табы, весьма универсальная вещь, ведь позволяет сохранить множество пространства на сайте, при этом структуризовав всю, необходимую вам информацию. В этой статье мы подготовили для вас несколько стилей для табов. В данном примере используются псевдо-элементы, SVG и CSS анимация. Это позволит сделать табы практичными, при этом ускорив их загрузку. В данной коллекции представлены стили на любой вкус. Выберите тот вариант, который больше подходит для вашего дизайна.
Загрузка ...