Полно-экранное приложение с переходам между страницами

Сегодня мы посмотрим на реализацию адаптивного полноэкранного дизайна. Переход по каждому из разделов (псевдо-страницам) сопровождается плавной анимацией.

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

Вся анимация осуществляется через CSS и с помощью специальных классов через JavaScript. Сама вёрстка очень гибка и для отображения на разных мониторах, используются медиа запросы.

Давайте взглянем на скриншот.

Примерно так происходит расширение одной из частей на весь экран.

При клике на одну из частей откроется новый вид страницы.

Там, где контент страницы не помещается в один экран, добавляется элемент прокрутки.

В разделе выполненных работ, при клике по картинкам, также откроется новое представление страницы.

Надеюсь, вам понравится наш эксперимент!


Источник: http://feedproxy.google.com/~r/ruseller/CdHX/~3/zHY6ShS-EMk/lessons.php

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Полно-экранное приложение с переходам между страницами | | 2013-05-27 08:29:37 | | Статьи Web-мастеру | | Сегодня мы посмотрим на реализацию адаптивного полноэкранного дизайна. Переход по каждому из разделов (псевдо-страницам) сопровождается плавной анимацией.Сегодня мы бы хотели поделиться с вами нашим | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: