SVG графика и ее возможности

В HTML 5 появился новый тег для отображения и рисования векторной графики. Что же это такое, и какие возможности дает разработчику?


Читать дальше
13 мая 2017, 09:16    Ivan Web-дизайн 0    1    0 0

Эффект увеличительного стекла

Эффект лупы, или retina-эффект, был придуман в Apple. При наведении на изображении вместо курсора мыши появляется изображение лупы с увеличенным фрагментом. Разберемся, как внедрить этот эффект в сайт Pixli.


Читать дальше
10 мая 2017, 17:20    Ivan Web-дизайн 0    1    0 0

Создаем эффект движущихся линий на сайте

Сейчас очень популярен эффект линий, которые «прилипают» к мыши и двигаются вслед за ней. Он реализовывается с помощью плагинаparticle-js. Давайте добавим к сайту, созданному в редакторе PIXLI этот эффект.


Читать дальше
05 мая 2017, 12:46    Ivan Web-дизайн 0    2    0 0

Эффект мерцающих звезд при наведении мыши

Качественно реализованные анимационные эффекты на сайте могут украсить любой дизайн. Для этого они должны быть не навязчивыми, не бросаться в глаза и, тем более, не ослеплять пользователя слишком яркими эффектами. Сегодня мы рассмотрим пример внедрения эффекта звезд, которые появляются на блоке при наведении указателя мыши.

Читать дальше
03 мая 2017, 17:58    Ivan Web-дизайн 1    7    0 +1

Создадим меню сайта. Используем анимацию.

В сегодняшнем уроке мы создадим меню сайта. Меню расположено справа и зафиксировано. Оно плавно выезжает при загрузке страницы, кнопки меню также плавно проявляются. При наведении курсора текст кнопок меняет цвет. При уменьшении размеров экрана меню приобретает свернутый вид.



Видеоурок здесь
Читать дальше
03 мая 2017, 11:29    Юлия Обучающий раздел 1    7    0 +1

Анимация счетчика при прокрутке страницы

Анимированный счетчик сейчас актуален. Посетитель видит показатели в динамике. Так как анимация привлекает внимание, то взгляд пользователя задержится на этом фрагменте. Сегодня мы расскажем, как подключить плагин анимации счетчика jquery.spincrement.js.


Читать дальше
29 апреля 2017, 07:49    Ivan Web-дизайн 0    2    0 0

Необычное использование виджета "Табы"

В этом уроке мы создадим блок, описывающий достижения компании. Информация в этом блоке разбита по годам. При наведении на кнопку с описанием года она приобретает желтый цвет. При нажатии на кнопку содержимое блока меняется. Этот блок сайта реализован с помощью виджета табы.

На Большом мониторе и планшете вид блока одинаковый. А на горизонтальном и вертикальном смартфоне порядок кнопок имеет другой вид. Кроме этого исчезает картинка, иллюстрирующая текст в блоке.


Ссылка на видео урок здесь
Читать дальше
24 апреля 2017, 18:28    Юлия Обучающий раздел 1    3    0 0

7 факторов, влияющих на качество сайта

Web-дизайн — очень важная фаза создания сайта или приложения, и всегда есть потребность сделать проект максимально успешным. Любая компания, малочисленная или крупная, имеет свое представительство в сети. Никто не сможет реализовать успешный онлайн-бизнес при отсутствии хорошо разработанного сайта. Тем не менее, чаще нам встречаются слабые непрофессиональные ресурсы.


Читать дальше
22 апреля 2017, 13:04    Ivan Web-дизайн 0    2    0 0

Навигация на сайте с левой стороны

В этом уроке мы создадим меню сайта. В нём есть интересные эффекты при наведении. На большом мониторе панель располагается слева и уменьшается в зависимости от размера экрана. На планшете панель располагается сверху. На горизонтальном и вертикальном смартфоне панель принимает свернутый вид и располагается в верхнем правом углу. На всех размерах сохраняются эффекты при наведении на кнопках навигационной панели.


Ссылка на видеоурок здесь
Читать дальше
19 апреля 2017, 13:45    Юлия Обучающий раздел 1    7    0 0

6 приемов дизайна или почему так надо делать?

Некоторые приемы веб-дизайна поддержаны исследованиями мозга. Оказывается, на определенные части мозга могут оказываться влияние методы маркетинга.


Читать дальше
15 апреля 2017, 15:03    Ivan Web-дизайн 0    4    0 0