Блог ”Справочник Петербуржца”
интернет-журнал событий,
интернет-дневник, онлайн-дневник

Главные фишки продающих web-страниц.

17.12.2014

Минерал-Арт-Дизайн
Природный камень для строительства, реставрации, дизайна
Адрес и телефон
Всем привет.

Сейчас интернет буквально заполнен сайтами-визитками или продающими страничками типа landingpage.

Главная web-анимация таких страниц которая пока не надоела пользователю, это  плавное появление элементов про прокрутке страницы по вертикали. Это раз.

И второе – это эффект красивой замены бекграунда во время той же прокрутки. Чаще  этот эффект называют параллаксом бекграунда.

Оказалось что создать и то и другое довольно легко. И методов реализовать и первое и второе - много.  Назову вам два основных. Назвать их разными можно  с натяжкой ибо оба метода используют вездесущий jquery. Один из них требует личного написания html-кода. Другой - только знания инструмента  AdobeMuse.

Плавное появление элементов на странице.

  1. С помощью написания html-кода: эффекты плавного появления элементов на страничке web-сайта с помощью написания кода я описывал ранее

  1. С помощью AdobeMuse - это штатная функция, немного поигравшись можно ее освоить на ура.

  1. Но не менее интересен для этого виджет Турбомьюз Анимейт от Арслана Ахмедова. С помощью такого виджета вы можете сделать анимацию любому элементу на странице. Надо знать всего лишь только его ID. Можно скомпоновать элементы в группу, можно под один эффект подвязать несколько IDчерез запятую. Вообщем у виджета возможностей много.
 


Эффект параллакса для бекграунда.

  1. Красивый эффект при прокрутке содержания сделанный только на CSS3. Как его сделать подробно описано здесь http://ruseller.com/lessons.php?rub=2&id=1573А сам результат здесь http://ruseller.com/lessons/les1573/demo/index.html

  1. Не менее просто этот эффект достигается в Muse.  Видео-пример здесь


На результат смотрим  здесь.  

Не менее шикарно выглядит и усеченный фон  с таким же эффектом. Как его сделать в AdobeMuseпоказано здесь


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

Успехов.


Ярлыки: Adobe jquery Muse тестирование




Самые интересные записи

Mazda 3 седан
03.07.2013

Седан Mazda 3 , с его характерной динамикой стиля и непринужденной уверенностью, всегда по-особому смотрится на дороге....


Комментариев нет

03.07.2013

...


Комментариев нет
Что такое апдейт Яндекса и когда он происходит?
06.11.2015

Алгоритм работы  Яндекса сводится к тому, что сначала робот-паук заходит на сайты интернета и скачивает просмотренные страницы в свою базу, затем в ней происходит индексирование...


Комментариев нет

06.11.2015

...


Комментариев нет
Mazda 5
03.07.2013

Исключительное удовольствие от вождения Уникальная модель Mazda 5 – это не только практичный, универсальный автомобиль многоцелевого назначения. Она совмещает в себе высокие скоростные...


Комментариев нет

03.07.2013

...


Комментариев нет
Проверяет ли инспекция, и какая ответственность предусмотрена, если в ходе проверки выяснится, что не была проведена АРМ?
26.11.2013

Государственная инспекция труда в обязательном порядке проверяет, проведена ли аттестация рабочих мест на предприятии. Так же она обязательно проверит полноту выплат гарантий и...

Ярлыки: Аттестация рабочих мест Охраны труда
Комментариев нет
Audi Q7, 2006 г.в. Цена 1290000 руб.
15.05.2013

Audi Q7 Цена: 1290000 руб. Год выпуска: 2006 Объем двигателя: 4.2 FSI (350 Hp) quattro tiptronic Тип двигателя: Бензин инжектор Тип трансмиссии: Автомат Пробег: 158603 км Кузов: ...


Комментариев нет
Утвержден календарь водно-моторных соревнований ФВМС России
15.12.2008

Всероссийская федерация водно-моторного спорта утвердила календарь соревнований на 2009 год. Первый этап всероссийского Чемпионата и первенство России состоится в г. Людинов Московской обл....


Комментариев нет
Мотоодежда и мотоэкипировка в Санкт-Петербурге
12.09.2013

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

Ярлыки: Мотоодежда мотоэкипировка Moto+Extreme
Комментариев нет

12.09.2013

...


Комментариев нет
Антитеррористическая защищенность
26.09.2014

Паспорт антитеррористической защищенности или паспорт безопасности – это информационно-справочный документ, в котором отображается детальная информация об объекте, а также...

Ярлыки: Антитеррористическая защищенность
Комментариев нет
Турецкий "Яндекс" подарил Lamborghini пользователю
05.07.2013

Турецкий филиал " Яндекса " 3 июля подарил автомобиль марки Lamborghini интернет-пользователю, победившему в объявленном компанией конкурсе. Об этом сообщили представители российского "Яндекса"....

Ярлыки: Авто новости Lamborghini Яндекс Авто Интернет Новости Интернет
Комментариев нет

05.07.2013

...


Комментариев нет
Ома (река в Архангельской обл.)
27.06.2013

Ома (река в Архангельской обл.) Ома (река в Архангельской обл.) Ома , река в Ненецком национальном округе Архангельской области РСФСР. Длина 268 км , площадь бассейна 5050 км 2 . Течёт по...


Комментариев нет

Мониторинг доступности сайтаПроверено на вирусыДизайн сайта “СириусВеб”