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

Главные фишки продающих 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 тестирование




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

Технология нанесения аэрозольных красок
02.09.2013

1 . Поврежденный участок зачистить шлифовочным полотном № 60-80 до металла. 2 . Обработать поверхность обезжиривателем. 3 . При необходимости на поврежденное место нанести шпатлевку....

Ярлыки: Технология нанесения аэрозольных красок
Комментариев нет
В Приморье после пробы манту госпитализировали 30 школьников
09.10.2013

09.10.2013  10:07 В прокуратуру Яковлевского района поступило сообщение о госпитализации учащихся МБОУ «СОШ № 1» с. Новосысоевка после туберкулинодиагностике, в связи с чем, по поручению...


Комментариев нет
Выступление Президента Партнерства В.В. Федина на конференции в Самаре
08.11.2013

Выступление Президента Партнерства В.В. Федина на конференции в Самаре. На мероприятии В.В. Федин рассказал об очень острых вопросах рынка  специальной оценки условий труда , про...

Ярлыки: Аттестация рабочих мест Специальная оценка условий труда
Комментариев нет
SsangYong Kyron и среднеразмерный кроссовер Actyon со скидкой 50 тысяч рублей.
24.06.2013

В период  с 01 июня по 15 июля 2013 г. во всех официальных дилерских центрах  SsangYong покупатели получают возможность приобрести внедорожник SsangYong Kyron и среднеразмерный кроссовер Actyon со...


Комментариев нет
Гран При Италии ЧМ по Мотокроссу 2013 - класс MX2
19.06.2013

Победителем Гран При Италии Чемпионата Мира по Мотокроссу 2013 в классе MX2 вновь стал голландец Джефрей Херлингс. Россиянин Александр Тонков упустил шанс попасть на подиум после падения в...


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

19.06.2013

...


Комментариев нет
Новый порядок проведения специальной оценки условий труда вступит в силу с 2014 г.
14.09.2013

Опубликован законопроект «О специальной оценке условий труда». Документ разработан в рамках формирования единой системы оценки условий труда с целью определения профессиональных рисков...

Ярлыки: Аттестация рабочих мест
Комментариев нет
Компрессор автомобильный Беркут R-20
07.06.2013

Модель BERKUT R20 - это компрессор для больших шин больших автомобилей! Этот компрессор интресен для владельцев спортивных и специально подготовленных внедорожников, которые участвуют в...


Комментариев нет
Трактор К-700 А
01.09.2013

Трактор К-700 А   тягового класса 5 в комплекте с навесными и прицепными орудиями используется на основных сельскохозяйственных работах: пахоте, культивации, бороновании, посеве. В...

Ярлыки: Трактор К-700 А
Комментариев нет
"Яндекс" открестился от занижения уровня пробок
28.08.2013

Компания " Яндекс " опровергла предположение о намеренном занижении уровня пробок в Москве, ответив на обвинения со стороны блоггера, заподозрившего сервис "Яндекс.Карты" в сговоре с...

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

28.08.2013

...


Комментариев нет
Российские дороги считаются одними из худших в мире
22.04.2013

Эксперты Мирового экономического форума подтвердили то, в чем уверено большинство российских водителей – наши дороги одни из худших в мире. Такой вывод можно сделать на основании...


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

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