Все для веб-дизайнера
Архивы за Июнь, 2014
Вертикальная прокрутка изображений на jQuery
30 Июн
Все чаще я встречаю сайты где галерея реализована в полномасштабном формате, не в новом окне, а именно на самой странице, без всяких нажатий на картинку и развороте материала. Как Вы уже догадались, сегодня речь пойдет о реализации полноэкранной вертикальной прокрутки изображений при скроллинге страницы. Для реализации мы уберем стандартную полосу прокрутки и заменим ее на более нам подходящую в виде точек. Также у нас будет дюжина изображений, которые будут плавно замещать друг друга при прокрутке страницы вниз.
Анимированный подвал сайта с адаптацией на CSS
29 Июн
На сайте важны все детали, зачастую дизайнеры разрабатывают красочную шапку экрана, но забывают о не менее важно элементе как подвал. Зачастую пользователь дочитывая материал на сайте прокручивает страницу именно вниз, где должна находится важная информация для него. Дизайнеры размещают пару стандартных ссылок, которые обеспечивают быструю навигацию, но если Вам необходимо разметить множество информации, и при этом сохранив максимально места. В данном уроке мы рассмотрим как реализовать замечательный подвал на Вашем сайте.
Простой эффект прокрутки с параллаксом на CSS3
26 Июн
Параллакс один из самых красивых эффеков в современном сайтостроении, простота, и необычность эффекта заставляет посетителя восхищаться такой изюминкой. Мы много уделяем внимания данной теме, и она все больше набирает обороты в читаемости. В данном уроке мы рассмотрим один из достаточно простых эффектов, это прокрутка с эффектом параллакса реализованного с помощью CSS3 и JS. У нас будет четыре изображения, которые будут плавно замещать друг друга при прокрутке страницы. Такой эффект уже реализован на многих сайтах.
Знаменитая игра Flappy bird с помощью JavaScript
25 Июн
Все Вы наверняка слышали о знаменитой игре Flappy bird, которая заставит Вас изрядно понервничать, Flappy Bird это знаменитая мобильная игра, разработанная вьетнамским разработчиком Донгом Нгуеном, в которой игрок с помощью касаний экрана должен контролировать полёт птицы между рядами зелёных труб, не задевая их. Игра была выпущена 24 мая 2013 года и получила внезапный рост популярности в начале 2014 года. Была подвергнута критике за сложный игровой процесс, другие обозреватели посчитали, что она вызывает привыкание.
Складывающаяся панель вкладок для сайта
24 Июн
Красивая анимация не оставит равнодушного посетителя, я уже не раз уже утверждал это, выходя из личного опыта, простые но красиво реализованные фишки помогают удержать посетителя. Кривой дизайн, нагроможденность различной не нужной информации плохо сказывается на посещаемости, и отталкивает пользователя в дальнейшем. В данном уроке мы рассмотрим достаточно просто но весьма эффектный пример реализации складывающейся панели вкладок реализованной с помощью правил css3. Давайте посмотрим, что у нас получилось.
Концепт морфизма кнопок на сайте на CSS
24 Июн
Сегодня мы хотим поделиться примерами для вдохновения, а именно концепции морфинга кнопки. Вы наверняка сталкивались с этим понятием уже: идея заключается в реализации элемента действия для кнопки, и изменять его в нечто другое при нажатии. В принципе, элемент действия без прогрузки страницы отображает дополнительный контент при этом плавно трансформируясь. Это может быть полноэкранное наложение, модальное окно, расширение для социального общение и так далее. Пожалуйста, обратите внимание, что это только для вдохновения!
Создание простых всплывающих подсказок на JS
23 Июн
Не спорю, отсутствие на сайте подсказок не так уж критично, но бывают такие моменты когда они просто необходимы, к примеру вывести быструю информацию о состоянии заказа, или указать пользователю на его ошибку при заполнении анкеты при регистрации. Такие мелочи позволяют удержать пользователя на сайте, проинформировать и упростив дизайн сайта не перебрасывая каждый раз пользователя на страницу с ошибкой. В данном уроке мы рассмотрим достаточно простую анимацию для всплывающих подсказок сайта реализованных с помощью JavaScript.
Загрузка ...