Привет! Меня зовут Андрей, я работаю в Veeam Software. Поскольку на Хабре про мою компанию была только одна статья, да и та больше похожа на исторический экскурс, я бы хотел заполнить пустоту и рассказать про современный российский офис компании Veeam.

Для тех, кто не в курсе, просто напомню, что ИТ стартап Veeam был основан в 2006 году небольшой группой петербургских специалистов, и сегодня, спустя 8 лет существования, в компании работает 1,300+ сотрудников по всему миру.

Кому интересно узнать подробности, прошу под кат.

Доброго времени суток уважаемые хабраюзеры. На сегодняшний день Parallax Scrolling является неким трендом и я хочу рассказать о простой реализации данного эффекта. Техника основана на скорости изменения свойства background-position. Эффект Parallax Scrolling заключается в том, что фон движется медленнее чем содержимое

HTML разметка

Создаем два блока с атрибутами "data-type" и "data-speed":

<section id="home" data-type="background" data-speed="10" class="pages">
         <article>Простая техника Parallax Scrolling</article>
</section>
<section id="about" data-type="background" data-speed="10" class="pages">
         <article>Простая техника Parallax Scrolling</article>
</section>

Для управления значениями скорости и позиции в JavaScript, data-type используются как ключевые атрибуты при передачи необходимых параметров.