Все для веб-дизайнера
Архивы за Ноябрь, 2016
Модальное окно с эффектом перетаскивания на JS
25 Ноя
Прочитав заголовок вы подумаете, что ничего нового в этом уроке вы для себя не найдете, но не спешите делать выводы. В сегодняшнем уроке мы рассмотрим достаточно новый и экспериментальный эффект перетаскивания элементов, который наверняка вас удивит. Во время перетаскивания объектов мы будем менять их форму для добавления интерактивности. Одной из самых интересных вещей является вычисление прозрачности объекта в зависимости его позиции по оси x. Давайте посмотрим, что у нас получилось.
Качественный бюджетный хостинг для сайта
24 Ноя
Что такое хостинг? Хостинг представляет собой услугу, предлагающую физическому лицу вариант хранения собственной информации в цифровом формате на выделенном для этого сервере, имеющем постоянное подключение к интернету. С каждым годом хостингов становится все больше, и найти хороший хостинг с надежным обслуживанием и по разумным ценам становиться все тяжелее. Сегодня мы Вам расскажем о качественном бюджетном хостинге для вашего блога или сайта.
Стильный слайдер для сайта при помощи SVG
22 Ноя
В данном уроке мы бы хотели вам рассказать о возможности реализации достаточно легкого слайдера, который отлично впишется в любой дизайн сайта, кроме этого мы будем использовать SVG, что позитивно скажется в скорости загрузки сайта и поисковой оптимизации. Идея состоит в следующем, у нас будет две стрелки стилизованы с предварительным просмотром в виде ромба, по центру находиться квадрат с изображением, слайды будут изменяться при нажатии на стрелки навигации при помощи красивой анимации.
Навигация для сайта при помощи CSS3 и JS
20 Ноя
Несколько недель назад ресурс stripe.com запустил новый дизайн сайта. Ресурс получился, по нашему мнению, удивительным. Одна особенность,которая первая нам бросилась в глаза, это морфинг выпадающей навигации. Вместо того , чтобы скрывать, а затем показывать новый выпадающий «контейнер» пользователю предлагается переключается с одного элемента навигации к другому,при помощи анимации и плавного изменения контента во вкладке. Пользователю не нужно нажимать на навигацию, ему достаточно навести курсор.
Слайдер отзывов клиентов сайта на CSS и jQuery
18 Ноя
Отзывы клиентов для сайта который предоставляет услуги или рекламирует себя является очень важным элементов в структуре сайта. Данный раздел не стоит упускать из виду и подать его посетителям красиво и отзывчиво. В данном уроке мы рассмотрим как реализовать данную функцию. Мы рассмотрим замечательный способ создания простого модуля для отзывов клиентов, который можно легко встроить в ваш дизайн. Кроме этого мы предусмотрели вариант, когда пользователям необходимо посмотреть больше отзывов.
Параллакс с эффектом увеличения с помощью JS
16 Ноя
Параллакс весьма интересная тема для наших читателей и мы не могли пройти ее стороной, в данном уроке мы рассмотрим достаточно простой способ реализации параллакса, а именного эффект увеличения шапки страницы с движением при прокрутки вниз. Смотрится такой эффект достаточно оригинально и визуально оживляет страницу, реализовать его тоже не составит труда. Для реализации нам понадобиться всего навсего несколько простых правил оформленных все это в обыкновенные стили. Получилось достаточно красиво.
