Вывод случайного контента на странице

Иногда бывает необходимость показать контент из некоторого набора. В этой статье мы разберем, как показать текст случайным образом.


Читать дальше
03 июня 2017, 12:18    Ivan Web-дизайн 0    2    0 0

2 способа создать кнопку «Наверх»

Простой скрипт, тем не менее, часто используется. Казалось бы – мелочь, но из них и складывается ориентированный на пользователя интерфейс.


Читать дальше
31 мая 2017, 09:17    Ivan Web-дизайн 0    4    0 0

Эффекты при наведении.

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



Видео урок здесь
Читать дальше
31 мая 2017, 08:17    Юлия Обучающий раздел 0    10    0 0

Оформляем часы

В продолжение предыдущей статьи, посмотрим как можно оформить часы средствами редактора PIXLI


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

Немного про композицию и видео.

В этом уроке мы создадим область сайта, в основе композиции которой, лежат два пересекающихся блока. Заголовок области состоит из 2 текстов, накладывающихся один на другой. Заголовок находится сбоку и повернут на 90 градусов.

При нажатии на кнопку блока появляется всплывающее окно которое содержит в себе видеоролик, размещённой на Youtube.



Видеоурок здесь
Читать дальше
25 мая 2017, 09:32    Юлия Обучающий раздел 0    4    0 0

Дата и время на сайте

На многих сайтах мы видим идущие часы или таймер обратного отсчета. Сегодня мы разберемся, как установить такую функцию на сайте PIXLI.


Читать дальше
24 мая 2017, 18:12    Ivan Web-дизайн 0    3    0 0

Анимация SVG элементов с тегом animate

В прошлых статьях мы рассказывали о способах анимации SVG изображений с помощью CSS и JavaScript. Эта статья посвящена возможностям тега animate.


Читать дальше
20 мая 2017, 14:23    Ivan Web-дизайн 0    2    0 0

Анимация SVG с помощью библиотек JavaScript

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


Читать дальше
17 мая 2017, 14:22    Ivan Web-дизайн 0    4    0 0

Редактор PIXLI. Создаём страничку по-быстрому.

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

На мобильных видах меню приобретает свернутый вид. Чтобы создать такую страницу, потребуется около 15 минут.



Ссылка на видеоурок здесь
Читать дальше
16 мая 2017, 20:14    Юлия Обучающий раздел 0    10    0 0

Эффект первого окна

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



Видеоурок здесь
Читать дальше
15 мая 2017, 09:53    Юлия Обучающий раздел 0    4    0 0