Lecaw

Учимся создавать Web-сайты

Это – экспериментальный, интерактивный компонент слайд-шоу, который использует HTML5 элемент canvas. Слайд-шоу состоит из формы и текста, оба сделаны из небольших частиц, с которыми пользователь может взаимодействовать. При помощи Canvas мы можем динамически растягивать 2D элементы, используя JavaScript.

(532)
(3)

Сегодня я хочу рассказать Вам о слайд-шоу с технологией «Морфинг». Идея заключается в плавном переходе между различными устройствами, которые показывают скриншот адаптивного дизайна сайта или приложения, применяя «класс устройства». Используя одинаковые элементы и псевдо-элементы для всех устройств, мы можем создать интересный эффект морфинга. Мы будем контролировать классы и переключение изображений при помощи JavaScript. Добавим опцию автоматического слайд-шоу, а также опцию вращения некоторых устройств.

(404)
(1)

Сегодня я хочу рассказать вам, как создать простое и веселое круговое слайд-шоу. Идея состоит в том, чтобы зеркально отразить плоскость в определенной точке, в зависимости от места в которое мы нажимаем. Есть три различных области для каждой стороны круга: верхняя, средняя и нижняя часть. Например, при щелчке по верхней правой части изображения, круг повернется в соответствующую сторону, как будто мы надавливаем на ту часть чтобы увидеть следующее изображение, которое находится на задней стороне круга.

(389)
(0)
 
 

BigVideo.js - jQuery плагин, который упрощает адаптирование видео слайдшоу на веб-страницу. Вы можете использовать одно или несколько видео или использовать jQuery плагин в качестве проигрывателя, с отображением плей-листа.

(835)
(0)
Страница 1 из 2