Π‘Π°ΠΉΡ‚

Π‘Π°ΠΉΡ‚ с параллакс эффСктом: 30 ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹Ρ… Π²Π΅Π±-сайтов с ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ использования параллакс-скроллинга

27.12.2022

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ параллакс-эффСкт Π½Π° сайтС ΠΈ способы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ всё Π΅Ρ‰Ρ‘ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚! β€’ ivashovsv.ru

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ-эффСкт β€” это Ρ‚Π΅Ρ€ΠΌΠΈΠ½, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡˆΠΈΡ€ΠΎΠΊΠΎ ΠΈ часто примСняСтся Π² ΠΌΠΈΡ€Π΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Как Ρ‚Ρ€Π΅Π½Π΄, ΠΎΠ½ Π±Ρ‹Π» популярСн ΠΈ нСпопулярСн Π² Ρ€Π°Π²Π½ΠΎΠΉ стСпСни Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Ρƒ параллакса Π΅ΡΡ‚ΡŒ свои ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹, ΠΎΡ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с удобством использования Π΄ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ ΠΎΡ‚ΠΊΠ»ΠΈΠΊΠΎΠΌ, Π½ΠΎ это Ρ‚Π°ΠΊΠΆΠ΅ интСрСсный способ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒ сайт, Ссли всё сдСлано ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ.

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

  1. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ параллакс эффСкт ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚?
  2. Π˜ΡΡ‚ΠΎΡ€ΠΈΠΈ параллакс эффСкта
  3. ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ врСмя посСщСния сайта
  4. ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Π΄ΠΎΠ²Π΅Ρ€ΠΈΠ΅
  5. ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π±ΠΎΠ»Π΅Π΅ интСрСсной
  6. ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒ
  7. ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ Π»ΡƒΡ‡ΡˆΠ΅ запоминаСтся
  8. Π§Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ использовании параллакса?
  9. РСзюмС

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ параллакс эффСкт ΠΈ ΠΊΠ°ΠΊ ΠΎΠ½ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚?

Π˜ΡΡ‚ΠΎΡ€ΠΈΠΈ параллакс эффСкта

Начнём с простого. Один ΠΈΠ· самых эффСктивных способов ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°Π»Π»Π°ΠΊΡΠ½ΡƒΡŽ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ Π² нашС врСмя β€” это Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ. БСгодняшниС ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΈΡ‚Π΅Π»ΠΈ хотят ΠΈΠΌΠ΅Ρ‚ΡŒ ΡΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΡƒΡŽ связь с Π±Ρ€Π΅Π½Π΄Π°ΠΌΠΈ, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΠ½ΠΈ ΠΏΠΎΠΊΡƒΠΏΠ°ΡŽΡ‚ ΠΈ сСйчас большС, Ρ‡Π΅ΠΌ ΠΊΠΎΠ³Π΄Π°-Π»ΠΈΠ±ΠΎ.

Π’ эпоху Ρ†ΠΈΡ„Ρ€ΠΎΠ²ΠΎΠ³ΠΎ потрСблСния, ΠΊΠΎΠ³Π΄Π° люди Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ Π»ΠΈΡ‡Π½ΠΎ Ρ‡Π΅Ρ€Π΅Π· Π»ΠΈΡ‡Π½ΠΎΠ΅ взаимодСйствиС с Π΅Ρ‘ ΠΏΡ€ΠΎΠ΄Π°Π²Ρ†Π°ΠΌΠΈ, компаниям Π½ΡƒΠΆΠ½Ρ‹ Π½ΠΎΠ²Ρ‹Π΅ способы связи со своими ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ.

Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим Π½Π° сайт Β«Recap After UseΒ», ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, ΠΏΡ€ΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°Ρ‰Π΅Π΅ новаторским ΠΏΡ€ΠΎΠ΄Π°Π²Ρ†Π°ΠΌ.

Π­Ρ‚ΠΎΡ‚ сайт дСмонстрируСт Π½Π°Π²Ρ‹ΠΊΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΡ… Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… эффСктов, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ, которая создаёт Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ рисуСт страницу, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅Ρ‚Π΅ Π΅Ρ‘.

Π­Ρ‚ΠΎ своСго Ρ€ΠΎΠ΄Π° ΠΈΡΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ анимация, которая Π΄Π΅Π»Π°Π΅Ρ‚ ΠΏΠ°Ρ€Π°Π»Π»Π°ΠΊΡΠ½ΡƒΡŽ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ. Анимация ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½Π° Π½Π΅ для Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ измСнСния страницы β€” ΠΎΠ½Π° рассказываСт Π²Π°ΠΌ большС ΠΎ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ΅, стоящСм Π·Π° сайтом, ΠΈ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ.

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ врСмя посСщСния сайта

Если сайт эффСктивно рассказываСт ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ параллаксной Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ, Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΈΠ»ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ дольшС ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π½Π° страницС.

ΠŸΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΠΈ ΠΎΡ‚ΠΊΠ°Π·ΠΎΠ², ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, относятся ΠΊ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Ρƒ посСтитСлСй сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°ΠΆΠΈΠΌΠ°ΡŽΡ‚ ΠΊΠ½ΠΎΠΏΠΊΡƒ «Назад» послС просмотра ΠΏΠ΅Ρ€Π²ΠΎΠΉ страницы вашСго сайта.

Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ люди ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ сайты с параллаксом ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ²Ρ€Π΅Π΄ΠΈΡ‚ΡŒ Π²Π°ΡˆΠ΅ΠΌΡƒ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Ρƒ SEO, Ссли ΠΎΠ½ΠΈ Π·Π°ΠΌΠ΅Π΄Π»ΡΡŽΡ‚ ваш сайт, Π΅ΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΆΠ΅ Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚, Ρ‡Ρ‚ΠΎ отсутствиС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ страницы ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ²Ρ€Π΅Π΄ΠΈΡ‚ΡŒ SEO.

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ анимация, Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π°Ρ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‰Π°Ρ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ Π·Π° счёт Ρ‚Ρ‰Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ донСсённой ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ β€” это ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΡƒΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ людСй Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ дольшС, Ρ‡Π΅ΠΌ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ.

НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ страницу, ΠΊΠ°ΠΊ нСсколько Ρ„ΠΈΠ³ΡƒΡ€ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΡΡŽΡ‚ΡΡ Π²ΠΎ врСмя Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ.

Π€ΠΎΡ€ΠΌΡ‹ ΡΠ»ΠΈΠ²Π°ΡŽΡ‚ΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… впСчатлСниях, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ для ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ². Π­Ρ‚ΠΎ способ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ Π½Π°Π»Π°Π΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ со Π·Ρ€ΠΈΡ‚Π΅Π»Π΅ΠΌ, Π° Π½Π΅ просто ΠΏΠΈΡΠ°Ρ‚ΡŒ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π΄Π΅Π»Π°Π΅Ρ‚Π΅, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ тСкста.

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Π΄ΠΎΠ²Π΅Ρ€ΠΈΠ΅

Π•ΡΡ‚ΡŒ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΎΠ±Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ рассмотрСли Π΄ΠΎ сих ΠΏΠΎΡ€, взяты ΠΈΠ· творчСских ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ.

По сути, это Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ Β«ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΒ», Π° Π½Π΅ Β«Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒΒ» ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ ΠΎ своих Π½Π°Π²Ρ‹ΠΊΠ°Ρ…. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΊΠΎΠΌΡƒ-Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ…ΠΈΡ‚Ρ€Ρ‹Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ анимация, Π½ΠΎ ΠΎΠ½ΠΈ с мСньшСй Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ повСрят Π²Π°ΠΌ.

Команда OK Alpha β€” отличная компания, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ, ΠΊΠΎΠ³Π΄Π° Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Ρ‘Ρ‚ ΠΎ сСнсационном Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Π­Ρ‚Π° компания, каТСтся, всСгда находится Π² Π°Π²Π°Π½Π³Π°Ρ€Π΄Π΅ послСдних Ρ‚Π΅Π½Π΄Π΅Π½Ρ†ΠΈΠΉ, Π±ΡƒΠ΄ΡŒ Ρ‚ΠΎ смСлая Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈΠ»ΠΈ яркиС Ρ†Π²Π΅Ρ‚Π°.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΡΠΈΠ»ΠΈΡ‚ΡŒ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ ΠΎΡ‚ своСго сайта, компания объСдинила эффСкты параллакса, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ всё Π±ΠΎΠ»Π΅Π΅ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅.

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π±ΠΎΠ»Π΅Π΅ интСрСсной

Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ· нас ΠΏΠΎ своСй ΠΏΡ€ΠΈΡ€ΠΎΠ΄Π΅ Π²ΠΈΠ·ΡƒΠ°Π»Ρ‹. Нам нравится ΠΏΠΎΡ‚Ρ€Π΅Π±Π»ΡΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° Π±Ρ‹Π»Π° ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‰Π΅ΠΉ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ.

Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ большС внимания ΠΈ рСпостов Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях, Ρ‡Π΅ΠΌ ΠΏΠΈΡΡŒΠΌΠ΅Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.

ВмСсто Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹, просто ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ страницу ΠΈ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ тСкста, ваши ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ изобраТСния ΠΈ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΎΠΆΠΈΠ²Π°ΡŽΡ‚ вмСстС с Π±Π»ΠΎΠΊΠ°ΠΌΠΈ тСкста, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ½ΠΈ Ρ‡ΠΈΡ‚Π°ΡŽΡ‚.

Π­Ρ‚ΠΎ ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π²ΠΈΠ΄Π΅ΠΎ Ρ€ΡΠ΄ΠΎΠΌ с ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ людям Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΎ Ρ‡Ρ‘ΠΌ ΠΎΠ½ΠΈ Ρ‡ΠΈΡ‚Π°ΡŽΡ‚. ВзглянитС Π½Π° сайт Web Design and Art History ΠΎΡ‚ Webflow Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°.

Компания Ρ…ΠΎΡ‡Π΅Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π»ΠΈ, ΠΊΠ°ΠΊ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ искусство Ρ€Π°Π·Π²ΠΈΠ²Π°Π»ΠΈΡΡŒ Π½Π° протяТСнии ΠΌΠ½ΠΎΠ³ΠΈΡ… Π»Π΅Ρ‚, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ эту ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² скучном Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅.

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΎΠΉ Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒ

Π§Ρ‚ΠΎ, Ссли Π±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ Π½Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΡƒ-Π½ΠΈΠ±ΡƒΠ΄ΡŒ ΠΎΠ± ΠΈΡ… ΠΎΠΏΡ‹Ρ‚Π΅ чтСния ΠΊΠ½ΠΈΠ³ΠΈ ΠΈΠ»ΠΈ просмотра Π²ΠΈΠ΄Π΅ΠΎ, рассказывая ΠΈΠΌ ΠΎ Π²ΠΈΠ΄Π΅ΠΎ ΠΈΠ»ΠΈ Ρ€ΠΎΠΌΠ°Π½Π΅?

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡΠ½Π°Ρ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° ΠΈ анимация ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π² этом. Π­Ρ‚ΠΎ способ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ваш сайт ΠΏΠΎΡ…ΠΎΠΆΠΈΠΌ Π½Π° Π²ΠΈΠ΄Π΅ΠΎΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ ΠΈΠ»ΠΈ слайд-ΡˆΠΎΡƒ Π±Π΅Π· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ² внСдрСния Π²ΠΈΠ΄Π΅ΠΎΠΏΠ»Π΅Π΅Ρ€ΠΎΠ² Π² Π²Π°ΡˆΡƒ ΡΠ΅Ρ€Π²Π΅Ρ€Π½ΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ.

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π΅Ρ‰Ρ‘ ΠΎΠ΄Π½ΠΎ нСбольшоС прСимущСство ΠΏΠ΅Ρ€Π΅Π΄ стандартным сайтом Π½Π° основС Π²ΠΈΠ΄Π΅ΠΎ.

Π‘ Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, анимация параллакса, управляСмая ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ, позволяСт вашим ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌ ΡΠΎΠ±ΠΈΡ€Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² ΡƒΠ΄ΠΎΠ±Π½ΠΎΠΌ для Π½ΠΈΡ… Ρ‚Π΅ΠΌΠΏΠ΅.

НапримСр, сайт Story of the Goonies. Π­Ρ‚ΠΎΡ‚ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΉ сайт Π·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ вас с дСталями, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ ΠΎ Ρ„ΠΈΠ»ΡŒΠΌΠ΅, Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ выглядит ΠΊΠ°ΠΊ вступлСниС ΠΊ Ρ„ΠΈΠ»ΡŒΠΌΡƒ.

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ Π»ΡƒΡ‡ΡˆΠ΅ запоминаСтся

Какова главная ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ любой Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π΄Π΅Π»Π°Π΅Ρ‚ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ особСнноС для сайта?

Π§Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ. Π’Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Π° ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ сущности Π±Ρ€Π΅Π½Π΄Π°, бизнСса ΠΈΠ»ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ этого ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π° Π½Π΅Π·Π°Π±Ρ‹Π²Π°Π΅ΠΌΡ‹ΠΌ.

ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ являСтся Jomor Design β€” это Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ с ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚ вашС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ с ΠΏΠ΅Ρ€Π²ΠΎΠΉ сСкунды. ΠœΠ°ΠΊΠ΅Ρ‚ прСкрасно сдСлан, с мноТСством ΠΌΠΈΠ½ΠΈ-ΠΌΠΎΠΌΠ΅Π½Ρ‚ΠΎΠ² для взаимодСйствия.

Когда Π²Ρ‹ просматриваСтС сайт, Π²Ρ‹ Π»ΡƒΡ‡ΡˆΠ΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€. МалСнькиС ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π΄Π΅Π»Π°ΡŽΡ‚ вСсь ΠΎΠΏΡ‹Ρ‚ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‰ΠΈΠΌΡΡ.

Π§Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΏΡ€ΠΈ использовании параллакса?

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΌΠ΅Ρ‚ΠΎΠ΄ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π•ΡΡ‚ΡŒ способы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это чудСсным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‚ ΠΈ Π²ΠΎΡΡ…ΠΈΡ‰Π°ΡŽΡ‚ Π²Π°ΡˆΡƒ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ Π΅ΡΡ‚ΡŒ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ областСй, Π³Π΄Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π»Π΅Π³ΠΊΠΎ ΠΎΡˆΠΈΠ±ΠΈΡ‚ΡŒΡΡ.

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ просто способом ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свои дизайнСрскиС знания. Π­Ρ‚ΠΎ Π΅Ρ‰Ρ‘ ΠΎΠ΄Π½Π° функция, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰Π΅Π³ΠΎ сайта.

ΠŸΠΎΠΌΠ½ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚ ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Π°Ρ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ идСально ΡΠΎΡ‡Π΅Ρ‚Π°Ρ‚ΡŒΡΡ Π΄Ρ€ΡƒΠ³ с Π΄Ρ€ΡƒΠ³ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ параллакс Ρ€Π°Π±ΠΎΡ‚Π°Π». Если ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° страницы для людСй Π½Π° мобильном устройствС практичСски Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Π°, Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ ΠΆΠ΅Π»Π°Π΅ΠΌΡ‹Ρ… Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ².

Π—Π°ΠΏΠΎΠΌΠ½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ совСты:

  • Π›ΡƒΡ‡ΡˆΠ΅ просто сокращайтС количСство ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов Π½Π° страницС, ΠΊΠΎΠ³Π΄Π° это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ. Π§Π΅ΠΌ мСньшС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ для привлСчСния внимания вашСго ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°, Ρ‚Π΅ΠΌ мСньшС Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΡΡ‚ΠΎΠ»ΠΊΠ½Ρ‘Ρ‚Π΅ΡΡŒ с ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΎΠΉ.
  • Π‘ΠΆΠΈΠΌΠ°ΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ². Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ сниТаСтС ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ своСго сайта, создавая ΠΎΠ΄Π½Ρƒ ΠΎΠ³Ρ€ΠΎΠΌΠ½ΡƒΡŽ страницу с ΠΊΡƒΡ‡Π΅ΠΉ высококачСствСнных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π’Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ наимСньшиС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Ρ„Π°ΠΉΠ»ΠΎΠ².
  • ΠŸΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ ΠΎΡ‚ΠΊΠ»ΠΈΠΊΠ°: ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ эффСкт параллакса Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° вашСм смартфонС ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π΅ Ρ‚Π°ΠΊ ΠΆΠ΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ, ΠΊΠ°ΠΊ ΠΈ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅. По ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ ΠΊΠ°ΠΊ, всё большС людСй пСрСносят свои дСйствия Π² смартфон, Π²Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ΡŒ сСбС ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²ΠΎΡΡ‚ΡŒ.
  • НайдитС «эффСкт Π²Π°ΡƒΒ»: посмотритС Π½Π° Ρ€Π°Π·Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ сайтов с параллаксом.

РСзюмС

ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ выдСляСтся, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π΄Π΅Π»Π°Π΅Ρ‚ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ особСнноС с эффСктом ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ. Если Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эту ΡΡ‚Ρ€Π°Ρ‚Π΅Π³ΠΈΡŽ Π½Π° своём сайтС, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° стоит Π·Π°Ρ‚Ρ€Π°Ρ‡Π΅Π½Π½Ρ‹Ρ… усилий.

На этом ΠΌΡ‹ Π·Π°Π²Π΅Ρ€ΡˆΠ°Π΅ΠΌ наш ΠΎΠ±Π·ΠΎΡ€ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ параллакс-эффСкт Π½Π° сайтС? Π’Π°ΠΊΠΆΠ΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΏΡ€ΠΎ ΠΊΡ€Π°Ρ‚ΠΊΡƒΡŽ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°!

Если ΡΡ‚Π°Ρ‚ΡŒΡ Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ, ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ с Π΄Ρ€ΡƒΠ·ΡŒΡΠΌΠΈ этой ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, просто Π½Π°ΠΆΠ°Π² Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ соцсСтСй!

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ эффСкт ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ β€” LDM & Co

Π‘ появлСниСм ΠΈ Π½Π°Ρ‡Π°Π»ΠΎΠΌ ΡˆΠΈΡ€ΠΎΠΊΠΎΠ³ΠΎ распространСния HTML5 (новСйшСго стандарта для структурирования ΠΈ для прСдставлСния Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ содСрТимого) ΠΈ CSS3 (ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½Π½ΠΎΠΉ вСрсии языка, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ внСшний Π²ΠΈΠ΄ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ²) ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΠ»ΠΎΡΡŒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌ Π½Π°Ρ‡Π°Ρ‚ΡŒ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‰ΠΈΠ΅ΡΡ элСмСнты ΠΏΡ€ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠΈ Π»ΡŽΠ±Ρ‹Ρ… ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-страниц, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ, разумССтся, ΠΈ Π»Π΅Π½Π΄ΠΈΠ½Π³ΠΈ.  

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ эффСкт ΠΈΠ»ΠΈ параллакс-скроллинг (Π°Π½Π³Π». parallax-scrolling β€” особая Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Ρ‚Π΅Ρ…Π½ΠΈΠΊΠ°, примСняСмая Π³Π»Π°Π²Π½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ, Π³Π΄Π΅ Π² пСрспСктивС Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Π΅ изобраТСния Π΄Π²ΠΈΠ³Π°ΡŽΡ‚ΡΡ ΠΌΠ΅Π΄Π»Π΅Π½Π½Π΅Π΅, Ρ‡Π΅ΠΌ элСмСнты Π½Π° ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅) β€” это ΠΎΠ΄Π½Π° ΠΈΠ· Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π½Π°Ρ…ΠΎΠ΄ΠΎΠΊ соврСмСнных Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², Π½ΠΎ Π΅Π΅ Ρ‡Ρ€Π΅Π·ΠΌΠ΅Ρ€Π½ΠΎΠ΅, Π½Π΅ΠΎΠ±Π΄ΡƒΠΌΠ°Π½Π½ΠΎΠ΅ использованиС ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΡ…ΡƒΠ΄ΡˆΠΈΡ‚ΡŒ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ сайта ΠΈ ΡΠ½ΠΈΠ·ΠΈΡ‚ΡŒ коэффициСнт конвСрсии.

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΌΡ‹ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ»ΠΈ для вас Ρ€Π΅Π΄ΠΊΡƒΡŽ ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΡƒ ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ ΡƒΠ΄Π°Ρ‡Π½Ρ‹Ρ… Ρ†Π΅Π»Π΅Π²Ρ‹Ρ… страниц, Π³Π΄Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½Π΅Π½ эффСкт параллакс-скроллинга. ΠžΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈΠ· Π½ΠΈΡ… ΠΏΠΎΡ…ΠΎΠΆΠΈ Π½Π° настоящиС произвСдСния соврСмСнного искусства, Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ β€” нСсколько ΡƒΠ΄ΠΈΠ²Π»ΡΡŽΡ‚ своим Π½Π΅ΠΎΡ€Π΄ΠΈΠ½Π°Ρ€Π½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠΌ, ΠΎΠ΄Π½Π°ΠΊΠΎ, всС ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ удостоСны вашСго внимания. 

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΎΡ‚Π²Π΅Ρ‚ΡŒΡ‚Π΅ Π½Π° вопрос β€” Ρ‡ΡŒΡŽ сторону Π²Ρ‹ Π·Π°ΠΉΠΌΠ΅Ρ‚Π΅?

Π‘ ΠΏΠΎΠ΄Π°Ρ‡ΠΈ Π³ΠΈΠ³Π°Π½Ρ‚ΠΎΠ² Microsoft, Apple ΠΈ Google плоский Π΄ΠΈΠ·Π°ΠΉΠ½ (Π°Π½Π³Π». flat design) ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ прСвратился Π² Ρ…ΠΈΡ‚ сСзона ΠΈ стал ΠΏΡ€Π΅Π΄ΠΌΠ΅Ρ‚ΠΎΠΌ для обсуТдСния Π² сотнях Π±Π»ΠΎΠ³ΠΎΠ² ΠΈ новостных Π»Π΅Π½Ρ‚. Он Π±Ρ‹Π» воспринят ΠΊΠ°ΠΊ своСобразный ΠΏΡ€ΠΎΡ€Ρ‹Π² Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ, скорСС всСго, Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ½ ΠΈ Π±Ρ‹Π» Π² Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ агСнтство Β«IntactΒ», ΠΎΠ±Ρ€Π°Ρ‚ΠΈΠ²ΡˆΠ΅Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ своих ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² Π½Π° Ρ‚Π°ΠΊΠΎΠΉ, нСсколько Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ этап Π² Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ»ΠΎ для Π½ΠΈΡ… ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠ΅ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ «Плоский Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΡ€ΠΎΡ‚ΠΈΠ² Ρ€Π΅Π°Π»ΠΈΠ·ΠΌΠ°Β». ЕстСствСнно, всС создавалось с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ эффСкта параллакс-скроллинга.

ΠšΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΎΠΌ агСнтства АлСхандро Лазосом сдСлано пояснСниС, Ρ‡Ρ‚ΠΎ самым Π½Π΅Ρ‚Ρ€ΠΈΠ²ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ для Π½ΠΈΡ… Π±Ρ‹Π»ΠΎ объСдинСниС HTML5-ΠΈΠ³Ρ€Ρ‹ с параллакс-скроллингом.

«Нам Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ дСйствиС ΡΠΎΠ²Π΅Ρ€ΡˆΠ°Π»ΠΎΡΡŒ Π½Π΅ΠΏΡ€Π΅Ρ€Ρ‹Π²Π½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠ³ Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ Π½Π°Ρ‡Π°Π»Π° Π΄ΠΎ самого ΠΊΠΎΠ½Ρ†Π° Π±Π΅Π· остановки. Для этого ΠΌΡ‹ воспользовались ajax-Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠ΅ΠΉ, Π΄ΠΎΠΏΡƒΡΠΊΠ°ΡŽΡ‰Π΅ΠΉ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Ρƒ Π΄Π°Π½Π½Ρ‹Ρ… посрСдством url ΠΈ ΠΈΡ… ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ Π² Ρ„ΠΎΠ½ΠΎΠ²ΠΎΠΌ Ρ€Π΅ΠΆΠΈΠΌΠ΅, Ρ‡Ρ‚ΠΎ обСспСчит ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅ΠΉ страницСй Π±Π΅Π· всякой Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠΈΒ». 

ΠŸΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ свою ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΡŽ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΊΠ°ΠΊ это ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ корпорация Β«SonyΒ», ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ, Π½Π΅ ΡƒΠΌΠ΅Π΅Ρ‚ большС Π½ΠΈΠΊΡ‚ΠΎ. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»Π΅Π½Π½Ρ‹ΠΉ ΠΈΠΌΠΈ Π»Π΅Π½Π΄ΠΈΠ½Π³ β€” это Ρ‡Π°ΡΡ‚ΡŒ Π°Π³ΠΈΡ‚Π°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΊΠ°ΠΌΠΏΠ°Π½ΠΈΠΈ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠΈ Β«Be MovedΒ» (Π°Π½Π³Π». be moved β€” Π±ΡƒΠ΄ΡŒ Π² Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΈ).

Π‘Π°ΠΌΠΈ ΠΎΠ½ΠΈ говорят ΠΎ ΠΊΠ°ΠΌΠΏΠ°Π½ΠΈΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅:

«Как-Ρ‚ΠΎ нас Π½Π°Π·Π²Π°Π»ΠΈ ΠΏΠΎΠ΄ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΌΠΈ ΠΊΡ€ΠΎΠ»ΠΈΠΊΠ°ΠΌΠΈ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ всС ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ пытаСмся Π²Π½Π΅Π΄Ρ€ΠΈΡ‚ΡŒ, Ρ‚ΡƒΡ‚ ΠΆΠ΅ бСрутся Π½Π° Π²ΠΎΠΎΡ€ΡƒΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ½ΠΊΡƒΡ€ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΌΠΈ компаниями. Нас, Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅, Ρ…ΠΎΡ‚Π΅Π»ΠΈ ΠΊΠ°ΠΊ-Ρ‚ΠΎ Π·Π°Π΄Π΅Ρ‚ΡŒ, ΠΎΠ΄Π½Π°ΠΊΠΎ, ΠΌΡ‹ воспринимаСм это ΠΊΠ°ΠΊ ΠΊΠΎΠΌΠΏΠ»ΠΈΠΌΠ΅Π½Ρ‚. ΠšΠΎΠ»Π»Π΅ΠΊΡ‚ΠΈΠ²Π½Π°Ρ Ρ€Π°Π±ΠΎΡ‚Π° ΠΈΠ½ΠΆΠ΅Π½Π΅Ρ€ΠΎΠ² ΠΈ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ² β€” всСгда экспСримСнт. Однако, лишь Π² Ρ‚Π°ΠΊΠΎΠΌ случаС ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π΄Π΅ΡΡ‚ΡŒΡΡ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΡƒΠΆΠ΅ Π·Π°Π²Ρ‚Ρ€Π° Π²Ρ‹ сдСлаСтС Π²ΠΏΠ΅Ρ€Π΅Π΄ ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠΉ шаг». 

Π’ΠΏΠ΅Ρ‡Π°Ρ‚Π»ΡΡŽΡ‰ΠΈΠΉ одностраничник являСтся Π΄Π΅Ρ‚ΠΈΡ‰Π΅ΠΌ агСнтства Β«Graphite DigitalΒ». БовсСм Π½Π΅Π΄Π°Π²Π½ΠΎ ΠΏΠ΅Ρ€Π΅Π΄ агСнтством стояла Π·Π°Π΄Π°Ρ‡Π° самым ярким ΠΈ интСрСсным ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΌΠΈΡ€Ρƒ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ Β«Costa CoffeeΒ».

Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ Ρ€Π°Π±ΠΎΡ‚Ρ‹ профСссионалов заслуТиваСт всСвозмоТных ΠΏΠΎΡ…Π²Π°Π». Π˜Ρ… Π»Π΅Π½Π΄ΠΈΠ½Π³ выглядит просто Ρ€ΠΎΡΠΊΠΎΡˆΠ½ΠΎ, ΠΎΠ½ донСльзя Π½Π°Π±ΠΈΡ‚ всСвозмоТными ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ элСмСнтами ΠΈ мноТСством Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ.

 

Π­Ρ‚ΠΎΡ‚ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΉ ΠΌΠΈΠ½ΠΈΠ°Ρ‚ΡŽΡ€Π½Ρ‹ΠΉ сайт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ агСнтством ΠΈΠ· Нью-Касла Β«Shout DigitalΒ» туристичСскому агСнтству Β«ExsusΒ» (ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‰Π΅ΠΉΡΡ Π½Π° ΠΎΡ€Π³Π°Π½ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΌΠ΅Π΄ΠΎΠ²Ρ‹Ρ… мСсяцСв ΠΈ Π΄ΠΎΡ€ΠΎΠ³ΠΎΠΌ ΠΎΡ‚Π΄Ρ‹Ρ…Π΅) ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π²Π°Ρ‚ΡŒ Π΅Ρ‰Π΅ ΠΎΠ΄Π½ΠΈΠΌ прСвосходным ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠΌ ΠΏΠΎ нашСй Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΠΊΠ΅.

Π˜Ρ… изготовлСнная Π² стилС Β«Ρ€Π΅Ρ‚Ρ€ΠΎΒ» анимация Π² состоянии ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎ Π·Π°Ρ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ всС Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ большС Π½Π΅ ΠΎΡ‚ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π΄ΠΎ самых Π·Π°ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΈΡ‚Ρ€ΠΎΠ². Оказавшись Π² классичСском «КадиллакС Π­Π»ΡŒΠ΄ΠΎΡ€Π°Π΄ΠΎΒ» 1959 Π³ΠΎΠ΄Π°, Π²Ρ‹ смоТСтС ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚ΡŒ самыС извСстныС мСста ΠΏΠΎΠ±Π΅Ρ€Π΅ΠΆΡŒΡ ΠšΠ°Π»ΠΈΡ„ΠΎΡ€Π½ΠΈΠΈ.

Π‘ ΠΏΠ΅Ρ€Π²ΠΎΠ³ΠΎ взгляда всС эффСкты ΠΊΡ€Π°ΠΉΠ½Π΅ просты, ΠΎΠ΄Π½Π°ΠΊΠΎ, ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π²Ρ‹ приступитС ΠΊ скроллингу, ΠΏΠ΅Ρ€Π΅Π΄ Π²Π°ΠΌΠΈ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎ истинноС Π²ΠΎΠ»ΡˆΠ΅Π±ΡΡ‚Π²ΠΎ. 

Π’Π΅ΠΌΠ° Π΄Π΅Π½Π΅Π³ интСрСсуСт ΠΌΠ½ΠΎΠ³ΠΈΡ…. ИмСнно поэтому нью-йоркскоС агСнтство Β«FirstbornΒ», подготавливая Π·Π°ΠΊΠ°Π· для ΠšΡ€Π΅Π΄ΠΈΡ‚Π½ΠΎΠ³ΠΎ союза, Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ€Π΅ΡˆΠΈΠ»ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π° ΠΈΠ½Π½ΠΎΠ²Π°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ.

ΠŸΠΎΡΡ‚Π°Π²ΠΈΠ² сСбС Ρ†Π΅Π»ΡŒ ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ ΠΎΠ±Ρ‰ΡƒΡŽ ΠΎΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ Π² достоинствах ΠšΡ€Π΅Π΄ΠΈΡ‚Π½ΠΎΠ³ΠΎ союза (ΠΈ, ΠΎΠ΄Π½ΠΎΠ²Ρ€Π΅ΠΌΠ΅Π½Π½ΠΎ, нСдостатках Π±Π°Π½ΠΊΠΎΠ²), ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³Π°ΠΌΠΈ создан ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΉ Π»Π΅Π½Π΄ Π² интСрСсной ΠΈ доступной Ρ„ΠΎΡ€ΠΌΠ΅ Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ, ΠΊΠ°ΠΊ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½ΠΈΡ€ΡƒΠ΅Ρ‚ ΠšΡ€Π΅Π΄ΠΈΡ‚Π½Ρ‹ΠΉ союз, Π³Π΄Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ Π΅Π³ΠΎ офисы ΠΈ Π΅Ρ‰Π΅ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄Ρ€ΡƒΠ³ΠΎΠ΅.

Помимо этого, здСсь встроСн ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€, способный ΠΏΠΎΠ΄ΡΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΏΡ€ΠΈΠ±Ρ‹Π»ΡŒ, ΠΏΠΎΠ»ΡƒΡ‡Π°Π΅ΠΌΡƒΡŽ Π±Π°Π½ΠΊΠ°ΠΌΠΈ ΠΎΡ‚ Π²Π°ΡˆΠΈΡ… финансовых Π²Π»ΠΎΠΆΠ΅Π½ΠΈΠΉ. 

ΠšΠΈΡ‚Π°ΠΉΡΠΊΠΈΠ΅ ΠΌΡƒΠ΄Ρ€Π΅Ρ†Ρ‹ ΡƒΡ‚Π²Π΅Ρ€ΠΆΠ΄Π°Π»ΠΈ: Β«ΠœΡ‹ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π΅Π΄ΠΈΠΌΒ». Однако, для Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² ΠΈ вСсьма Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΏΠΎΡ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΉ Π±Π°ΠΉΠΊΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π·ΠΎΠ²ΡƒΡ‚ Π ΠΎΠΌΠ΅ΠΉΠ½ Боурдиукс ΠΈ Вомас ΠŸΠΎΠΌΠ°Ρ€Π΅Π»Π»ΠΈ эта дрСвняя ΠΌΡƒΠ΄Ρ€ΠΎΡΡ‚ΡŒ Π·Π²ΡƒΡ‡ΠΈΡ‚ нСсколько ΠΈΠ½Π°Ρ‡Π΅ β€” Β«ΠœΡ‹ Ρ‚ΠΎ, Π½Π° Ρ‡Π΅ΠΌ ΠΌΡ‹ Π΅Π·Π΄ΠΈΠΌΒ».

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ ΠΈΠΌΠΈ Π² соавторствС сайт ΡƒΠ΄ΠΈΠ²ΠΈΡ‚ всСх Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π½ΠΎΠ²Ρ‹ΠΌ параллакс-эффСктом, Π½ΠΎ Π΅Ρ‰Π΅ ΠΈ прСвосходным чувством ΡŽΠΌΠΎΡ€Π° ΠΈ ΠΏΡ€ΠΎΡ„Π΅ΡΡΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΠΌΠΈ.

БкладываСтся ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ Π½Π΅ ΠΏΡ€ΠΎΠΏΡƒΡ‰Π΅Π½ Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π²ΠΈΠ΄ΠΎΠ² вСлосипСдов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ½ΠΈ сумСли ΠΏΡ€Π΅ΠΏΠΎΠ΄Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· посСтитСлСй загораСтся ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ΠΌ приобрСсти ΠΈ для сСбя вСлосипСд, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠΎΠ±Ρ‰ΠΈΡ‚ΡŒΡΡ ΠΊ этой ΡΡƒΠ±ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Π΅ ΠΌΠΈΠ»Π»ΠΈΠΎΠ½ΠΎΠ² людСй. 

Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π²ΡˆΠΈΡΡŒ этим сайтом, Π½ΠΎΠ²ΡƒΡŽ модСль извСстной Π»ΠΈΠ½Π΅ΠΉΠΊΠΈ Β«LexusΒ» ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π°ΠΆΠ΅ Π½Π΅ выходя ΠΈΠ· своСго Π΄ΠΎΠΌΠ°. Π˜Π½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠ΅ руководство ΠΎΡ‚ консалтингового digital-агСнтства Β«AmazeΒ» способно ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ ΠΏΠΎΠ»Π½ΠΎΠΉ ΠΈ наглядной ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΏΠΎ ΡΠΊΡΡ‚Π΅Ρ€ΡŒΠ΅Ρ€Ρƒ ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€ΡŒΠ΅Ρ€Ρƒ Β«Lexus ISΒ». ΠžΠ±Π΅Ρ‰Π°Π΅ΠΌ полнСйший эффСкт присутствия!

Для достиТСния ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π° ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³ΠΈ Π±Ρ‹Π»ΠΈ Π²Ρ‹Π½ΡƒΠΆΠ΄Π΅Π½Ρ‹ Π·Π°ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Ρ‚ΡŒ Π°Π²Ρ‚ΠΎ Π½Π° Ρ„ΠΎΠ½Π΅ самых Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠ΅ΠΉΠ·Π°ΠΆΠ΅ΠΉ, ΠΏΡ€ΠΈΡˆΠ»ΠΎΡΡŒ ΡΠΊΠ°Π½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠΊΡ€ΡƒΠΆΠ°ΡŽΡ‰ΡƒΡŽ обстановку ΠΈΠ· ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠΉ Ρ‚ΠΎΡ‡ΠΊΠΈ. Благодаря тСхнологиям HTML5, Π»Π΅Π½Π΄ΠΈΠ½Π³ Β«Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Β» ΠΈ Π½Π° ПК, ΠΈ Π½Π° смартфонах, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ этого автомобиля ΠΊΡ€Π°ΠΉΠ½Π΅ ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹ΠΌ.

ΠšΠΎΠΌΠΌΠ΅Ρ€Ρ‡Π΅ΡΠΊΠΈΠΉ Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ Β«AmazΒ», Π’Π΅Π½Π΄ΠΈ Π‘Ρ‚ΠΎΡƒΠ½Ρ„ΠΈΠ»Π΄, Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚:

Β«ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ HTML5 прСдоставило Π½Π°ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π΄ΠΎΡΡ‚ΠΈΡ‡ΡŒ сразу Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Ρ†Π΅Π»Π΅ΠΉ. ΠŸΠ΅Ρ€Π²ΠΎΠ΅ β€” Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡ‚ΡŒ Π² ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ этого автомобиля, всСх Π΅Π³ΠΎ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… особСнностСй. Π’Ρ‚ΠΎΡ€ΠΎΠ΅ β€” интСрактивная ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π°Ρ, Π±Π΅Π· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π½Π΅ обходится сСйчас Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· соврСмСнных ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ²: Π² нашСм случаС, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Ρ†Π²Π΅Ρ‚ ΠΊΡƒΠ·ΠΎΠ²Π° ΠΈ салона Π°Π²Ρ‚ΠΎ. ΠŸΡ€ΠΈ создании Π²ΠΈΠ΄Π΅ΠΎ ΠΌΡ‹ большС ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π»ΠΈΡΡŒ Π½Π° Π±ΠΎΠ»Π΅Π΅ ΠΈΡΠΊΡƒΡˆΠ΅Π½Π½ΠΎΠ³ΠΎ зритСля, Ρ‡Ρ‚ΠΎ с ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ сСгодня тСхнологиями, стало Π±ΠΎΠ»Π΅Π΅ Ρ‡Π΅ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ. Нами ΠΏΠΎΠΊΠ°Π·Π°Π½ Β«Lexus ISΒ» Π² Ρ‚Π°ΠΊΠΎΠΌ Π²ΠΈΠ΄Π΅, ΠΊΠ°ΠΊΠΎΠ² ΠΎΠ½ Π΅ΡΡ‚ΡŒ Π² Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈΒ».

 

Π€Ρ€Π°Π·Ρƒ Β«Life in my ShoesΒ» с английского ΠΌΠΎΠΆΠ½ΠΎ пСрСвСсти ΠΊΠ°ΠΊ Β«Π³Π»Π°Π·Π°ΠΌΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ°Β». Главная Π·Π°Π΄Π°Ρ‡Π° Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π°ΠΌΠ±ΠΈΡ†ΠΈΠΎΠ·Π½ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π° β€” искорСнСниС страхов ΠΈ прСдубСТдСнности людСй ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π’Π˜Π§-ΠΈΠ½Ρ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ…, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΠ΅ компСтСнтности ΠΌΠΎΠ»ΠΎΠ΄ΠΎΠ³ΠΎ поколСния Π² вопросах Π’Π˜Π§ ΠΈ Π‘ΠŸΠ˜Π”.

Π—Π°Π΄Π°Π½ΠΈΠ΅, ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½ΠΎΠ΅ лондонским агСнтством Β«

TrafficΒ» Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π»ΠΎΡΡŒ Π² ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ Π»Π΅Π½Π΄ΠΈΠ½Π³Π°, способного ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΌΠΎΠ»ΠΎΠ΄Π΅ΠΆΠΈ ΠΈ Π·Π°Π²ΠΎΠ΅Π²Π°Π½ΠΈΠ΅ Π΅Π΅ Π΄ΠΎΠ²Π΅Ρ€ΠΈΠ΅, с ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ ΠΎΠ½ΠΈ прСвосходно ΡΠΏΡ€Π°Π²ΠΈΠ»ΠΈΡΡŒ.

Π¨Ρ€ΠΈΡ„Ρ‚ Houshka Rounded Medium здСсь рСализуСтся ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‰ΠΈΠΌ синтаксис font-face, ΠΎΡ‚ этого страница выглядит Ρ‚Π°ΠΊ ΠΆΠΈΠ²ΠΎ ΠΈ интСрСсно. Π”Ρ€ΡƒΠ³ΠΈΠ΅ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹, вмСстС с использованиСм чистого ΠΆΠ΅Π»Ρ‚ΠΎΠ³ΠΎ Ρ†Π²Π΅Ρ‚Π°, Π΄Π΅Π»Π°ΡŽΡ‚ этот рСсурс ΠΎΡ‡Π΅Π½ΡŒ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π² эстСтичСском ΠΏΠ»Π°Π½Π΅. 

9. The Lab 

Π’Π΅Π΄ΡƒΡ‰Π΅Π΅ ΡƒΡ‡Ρ€Π΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ Π² Π’Π΅Π»ΠΈΠΊΠΎΠ±Ρ€ΠΈΡ‚Π°Π½ΠΈΠΈ Β«Alzheimer’s ResearchΒ» занимаСтся ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΠ΅ΠΌ Π±ΠΎΠ»Π΅Π·Π½ΠΈ ΠΠ»ΡŒΡ†Π³Π΅ΠΉΠΌΠ΅Ρ€Π°, ΠΎΠ½ΠΎ Ρ€Π΅ΡˆΠΈΠ»ΠΎ Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΎ своСй Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ ΡˆΠΈΡ€ΠΎΠΊΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ, ΠΎ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹Ρ… Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π°Ρ…, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΡƒΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈ Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΌ массам Ρ„ΠΎΡ€ΠΌΡƒ.

Для этого создали рСсурс Β«The LabΒ», Π½Π° страницах ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΈΠ· ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ лабораториями ΠΈ с самой ΠΊΠ»ΠΈΠ½ΠΈΠΊΠΎΠΉ этого учрСТдСния. Π’ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ подсказки Π² нСсколько Π»Π°ΠΊΠΎΠ½ΠΈΡ‡Π½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ΅ Π΄Π°ΡŽΡ‚ пояснСния ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Π½Π° экранС. ΠšΠ»ΠΈΠΊΠ½ΡƒΠ² Π½Π° любой ΠΈΠ· подсказок, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. Показ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΡƒΡ‡Π΅Π½Ρ‹Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ Π±ΠΎΠ»ΡŒΠ½Ρ‹ΠΌ, Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° здСсь Π½Π°ΠΈΠ»ΡƒΡ‡ΡˆΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ. 

АгСнтство Β«NeoMam StudiosΒ» Π½Π°ΠΏΠΎΠΌΠ½ΠΈΠ»ΠΎ ΠΎ сСбС прСвосходным паралакс-скроллинг Π»Π΅Π½Π΄ΠΈΠ½Π³ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ освСщаСт Π³Π»Π°Π²Π½Ρ‹Π΅ достоинства ΠΈΠ½Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ Π² качСствС ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠ² ΠΏΠΎΠ΄Π°Ρ‡ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.

Дэнни Π­ΡˆΡ‚ΠΎΠ½, Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, дСлится с Π½Π°ΠΌΠΈ своим ΠΎΠΏΡ‹Ρ‚ΠΎΠΌ:

Β«ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ-скроллинг β€” это, Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅, самоС Ρ‚Ρ€ΡƒΠ΄Π½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ нашим Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌ ΠΏΡ€ΠΈΡˆΠ»ΠΎΡΡŒ Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ. ВсС доступныС для Π½ΠΈΡ… Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ ΠΎΠ½ΠΈ посчитали нСсколько Π±Π°Π½Π°Π»ΡŒΠ½Ρ‹ΠΌΠΈ, вмСсто этого ΠΎΠ½ΠΈ Ρ€Π΅ΡˆΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ собствСнныС». 

Главная ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡ‚ΡŒ этого рСсурса Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ здСсь каТдая ΠΈΠ· страниц ΠΈΠΌΠ΅Π΅Ρ‚ собствСнный ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ скроллинга. ΠŸΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΠ΅Ρ‚Π΅, каТдая! Π­Ρ‚ΠΎ вСсьма Π·Π°Π±Π°Π²Π½Ρ‹ΠΉ ΠΈ ΠΎΡ‡Π΅Π½ΡŒ Π΄Π°ΠΆΠ΅ ΡƒΠ΄Π°Ρ‡Π½Ρ‹ΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ для Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΈΠ΄Π΅ΠΉ параллакс-скроллинга, Π΄ΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ, Ρ‡Ρ‚ΠΎ подобная тСхнология Π΄Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ изобрСтСния просто Π³Π΅Π½ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΠΎΡ€ΠΌ прСдставлСния Ρ€Π°Π·Π»ΠΈΡ‡Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. 

Π—Π΄Π΅ΡΡŒ параллакс-скроллинг «трудится» Π½Π΅ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ Π½Π° саму Π·Ρ€Π΅Π»ΠΈΡ‰Π½ΠΎΡΡ‚ΡŒ, сколько Π½Π° вСсь ΡΡŽΠΆΠ΅Ρ‚ Π² Ρ†Π΅Π»ΠΎΠΌ.

Данная ΠΈΠ½Ρ„ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π»Π°ΡΡŒ Π€Ρ€Π΅Π½ΠΊΠΎΠΌ Π§ΠΈΠΌΠ΅Ρ€ΠΎ, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΠ²ΡˆΠ΅ΠΌΡƒΡΡ ΠΊ параллакс-скроллингу Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π±ΠΎΠ»Π΅Π΅ Π²Ρ‹Π³ΠΎΠ΄Π½ΠΎΠ³ΠΎ прСдставлСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Π½ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ для Π΅Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ вписания Π² Ρ€Π°ΠΌΠΊΠΈ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ ΡΡŽΠΆΠ΅Ρ‚Π°. Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π²Π°Ρ‚ΡŒ Π²Ρ‹ΡΡˆΠΈΠΌ ΠΏΠΈΠ»ΠΎΡ‚Π°ΠΆΠ΅ΠΌ! 

Π­Ρ‚ΠΎΡ‚ Π»Π΅Π½Π΄ΠΈΠ½Π³ спроСктирован Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ студиСй Β«Nice & SeriousΒ» с использованиСм параллакс-скроллинга, с Ρ†Π΅Π»ΡŒΡŽ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΎΠΊΠΎΠΉ общСствСнности Π½Π° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π΄Π΅Ρ„ΠΈΡ†ΠΈΡ‚Π° Π½Π° ΠΏΠ»Π°Π½Π΅Ρ‚Π΅ чистой Π²ΠΎΠ΄Ρ‹. ΠšΡƒΠ΄Π° ΠΌΡ‹ расходуСм Π²ΠΎΠ΄Ρƒ? Как Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ ΠΈ Π³Π΄Π΅? Π’Ρ‹ всС смоТСтС ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎΠ± этой ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ΅, Π΄ΠΎ послСднСй капСльки! 

ΠŸΠ΅Ρ€Π΅Π΄ агСнтством Β«TribalΒ» стояла Π·Π°Π΄Π°Ρ‡Π° обновлСния ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²Π° агСнтства Β«Living WordΒ», Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰Π΅Π³ΠΎΡΡ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Π°ΠΌΠΈ, Π±Ρ‹Π»ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎ Π±ΠΎΠ»Π΅Π΅ интСрСсным ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ. Π Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠΌ Π²Ρ‹ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠ»ΡŽΠ±ΠΎΠ²Π°Ρ‚ΡŒΡΡ, ΠΎΠ΄Π½Π°ΠΊΠΎ, сразу ΠΏΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π°Π΅ΠΌ, Π±Ρ€ΠΈΡ‚Π°Π½Ρ†Ρ‹ Π½Π΅ создали Π½ΠΈΡ‡Π΅Π³ΠΎ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ, ΠΎΠ΄Π½Π°ΠΊΠΎ, всС сдСлали чисто ΠΈ ΠΎΡ‡Π΅Π½ΡŒ Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½ΠΎ. 

НаходящССся Π² Нью-Π™ΠΎΡ€ΠΊΠ΅ агСнтство Β«MadwellΒ», Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰Π΅Π΅ΡΡ Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ΠΌ ΠΏΡ€Π΅Π΄ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚Π΅Π»ΡŒΡΡ‚Π²Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ для ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ своСго ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΠΏΠΎΡΠ°Π΄ΠΎΡ‡Π½ΡƒΡŽ страницу.

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ-скролинг β€” нСкая изюминка Π² этом, ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Π½ΠΎΠΌ агСнтством, дСйствС β€” 3D-эффСкт Ρ‚ΠΎΠ»ΡŒΠΊΠΎ добавляСт Π² ΠΈΡ… Ρ‚Π²ΠΎΡ€Π΅Π½ΠΈΠ΅ Π΅Ρ‰Π΅ большС Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹. 

Π’Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ, СТСмСсячно проходящий Π² Π³ΠΎΡ€ΠΎΠ΄Π΅ Π”ΠΆΠ΅ΠΊΡΠΎΠ½Π²ΠΈΠ»Π»ΡŒ ΡˆΡ‚Π°Ρ‚Π° Π€Π»ΠΎΡ€ΠΈΠ΄Π° ΠΏΡ€Π°Π·Π΄Π½ΠΈΠΊ ΠΊΡƒΠ»ΡŒΡ‚ΡƒΡ€Ρ‹ ΠΈ искусства Β«The Jacksonville Downtown Art WalkΒ», растягиваСтся ΠΏΠΎ Π³ΠΎΡ€ΠΎΠ΄Ρƒ Π½Π° 15 ΠΊΠ²Π°Ρ€Ρ‚Π°Π»ΠΎΠ², ΠΎΠ½ состоит ΠΈΠ· ΠΌΠ½ΠΎΠ³ΠΈΡ… дюТин ΠΌΡƒΠ·Π΅Π΅Π², Π³Π°Π»Π΅Ρ€Π΅ΠΉ ΠΈ Π±Π°Ρ€ΠΎΠ², сопровоТдаСмых ΡƒΠ»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ Π°ΠΊΡ‚Π΅Ρ€Π°ΠΌΠΈ ΠΈ ΠΌΡƒΠ·Ρ‹ΠΊΠ°Π½Ρ‚Π°ΠΌΠΈ.

ΠŸΠ΅Ρ€Π΅Π΄ Π½Π°ΠΌΠΈ сайт с ΠΎΡ‡Π΅Π½ΡŒ красивым Π°ΠΊΠ²Π°Ρ€Π΅Π»ΡŒΠ½Ρ‹ΠΌ эффСктом параллакса, знакомящий с этим мСроприятиСм, приносящий радостноС настроСниС Π² любой ΠΈΠ· Π΄ΠΎΠΌΠΎΠ². 

ΠœΠΎΠ΄Π½Ρ‹ΠΌ Π±Ρ€Π΅Π½Π΄ΠΎΠΌ Β«Von DutchΒ» со страниц ΠΈΡ… сайта рассказываСтся ΠΎΠ± ΡƒΠ΄ΠΈΠ²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ ΠΆΠΈΠ·Π½ΠΈ Π΅Π³ΠΎ основатСля. Π‘Π΅Π· сомнСния, для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π² Ρ‚Ρ€Π΅Π½Π΄Π΅, использовался здСсь Π½ΠΎΠ²Ρ‹ΠΉ параллакс эффСкт.

ΠŸΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π½ΠΈΠΈ страницы, ΠΈΠΊΠΎΠ½ΠΊΠΈ ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ ΠΏΠ»Ρ‹Ρ‚ΡŒ Π²Π²Π΅Ρ€Ρ… ΠΈ Π²Π½ΠΈΠ·, Ρ‡Ρ‚ΠΎ создаСт ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π² ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€, ΠΏΠΎΠΊΠ° Π²Ρ‹ отсутствовали, ΠΊΡ‚ΠΎ-Ρ‚ΠΎ успСл Π½Π°Π»ΠΈΡ‚ΡŒ Тидкости. 

Π›Π΅Π½Π΄ΠΈΠ½Π³ Β«FanabeeΒ» создан Π½Π΅ ΡΡ‚ΠΎΠ»ΡŒΠΊΠΎ для ΡƒΠ²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΡ…ΡΡ ΠΌΡƒΠ·Ρ‹ΠΊΠΎΠΉ, сколько для Π΅Π΅ ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΎΠ½Π΅Ρ€ΠΎΠ². Π‘ этим сСрвисом ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Π½Π°Ρ€ΠΎΠ΄ΠΎΠ²Π°Ρ‚ΡŒ список всСго Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Π°ΠΌΠΈ Π±Ρ‹Π»ΠΎ собрано (постСры, ΠΊΠΎΠΌΠΏΠ°ΠΊΡ‚-диски, Ρ„ΡƒΡ‚Π±ΠΎΠ»ΠΊΠΈ ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅), ΠΈ ΠΎΡ‚Ρ‹ΡΠΊΠ°Ρ‚ΡŒ Ρ‚ΠΎ, Ρ‡Π΅Π³ΠΎ Π²Π°ΠΌ Π½Π΅ Ρ…Π²Π°Ρ‚Π°Π»ΠΎ. 

Π‘ΠΎΠ³Π»Π°ΡΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π½ΠΎΠ²Ρ‹Π΅ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΊ-Ρ‚ΠΎ ΠΈΠ½Π°Ρ‡Π΅?

Π­Ρ‚ΠΎΡ‚ ΠΎΠ½Π»Π°ΠΉΠ½-комикс Π±Ρ‹Π» создан ΠΏΠΎ Π·Π°ΠΊΠ°Π·Ρƒ Π°Π²Ρ‚ΠΎΠ³ΠΈΠ³Π°Π½Ρ‚Π° Β«PeugeotΒ» ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΠ» Π°Π²Ρ‚ΠΎΠΊΠΎΠ½Ρ†Π΅Ρ€Π½Ρƒ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Π΄Π²Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ сразу: Π²ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, вСсьма эффСктно ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ созданный ΠΈΠΌΠΈ Π½ΠΎΠ²Ρ‹ΠΉ ΠΌΠ΅Ρ…Π°Π½ΠΈΠ·ΠΌ Π½Π°Π·Π²Π°Π½Π½Ρ‹ΠΉ Β«Peugeot Hybrid4Β», Π°, Π²ΠΎ-Π²Ρ‚ΠΎΡ€Ρ‹Ρ…, ΠΏΠΎΡ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ Π½Π° ΠΈΠΌΠΈΠ΄ΠΆ ΠΊΠ°ΠΊ самого ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, Ρ‚Π°ΠΊ ΠΈ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ: ΠΏΡ€ΠΈΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ сСбя ΠΊ Β«PeugeotΒ». 

ΠšΠΎΠ½ΡΠ°Π»Ρ‚ΠΈΠ½Π³ΠΎΠ²ΠΎΠ΅ агСнтство Β«Cultural SolutionsΒ» занято Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… вопросов Π² сфСрС искусства. Π•Π³ΠΎ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ β€” Ρ€Π°Π·Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Π΅ ΠΊΡ€ΡƒΠ³ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°Π»ΠΎΠΆΠ΅Π½Ρ‹ ΠΎΠ΄ΠΈΠ½ Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ.

Как Ρ€Π°Π· ΠΈΠ·-Π·Π° этого Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ страницС ΠΈΡ… сайта ΠΈΠΌΠ΅Π½Π½ΠΎ эти ΠΊΡ€ΡƒΠ³ΠΈ ΠΈ ΠΎΠ±Ρ‹Π³Ρ€Π°Π½Ρ‹ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ параллакс эффСкта. Они Π΄Π²ΠΈΠ³Π°ΡŽΡ‚ΡΡ с Ρ€Π°Π·Π½Ρ‹ΠΌΠΈ скоростями, Ρ‡Ρ‚ΠΎ добавляСт Π³Π»ΡƒΠ±ΠΈΠ½Ρƒ ΠΈ больший объСм. ΠŸΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ вСсьма Π»Π°ΠΊΠΎΠ½ΠΈΡ‡Π½ΠΎΠ΅, ΠΎΠ΄Π½Π°ΠΊΠΎ, довольно ΡΡ‚ΠΈΠ»ΡŒΠ½ΠΎΠ΅ высказываниС, ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‰Π΅Π΅ΡΡ Π΅ΠΌΠΊΠΎΡΡ‚ΡŒΡŽ. 

Π‘Π°ΠΉΡ‚ Β«jQuery ConferenceΒ» ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ Π±Ρ‹Π» создан для ΠΎΡ‡Π΅Ρ€Π΅Π΄Π½ΠΎΠΉ ΠΊΠΎΠ½Ρ„Π΅Ρ€Π΅Π½Ρ†ΠΈΠΈ Β«jQueryΒ» ΠΈ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ‚ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ большим эффСктом параллакса, ΠΎΠ΄Π½Π°ΠΊΠΎ, сам ΠΎΠ½ ΠΈΠ·Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½ с большой Ρ„Π°Π½Ρ‚Π°Π·ΠΈΠ΅ΠΉ.

ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ страницу, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Ρ†Π΅ΠΏΠΎΡ‡ΠΊΡƒ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹Ρ… Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ β€” слСва Π½Π°ΠΏΡ€Π°Π²ΠΎ ΠΏΡ€ΠΎΠ΅Π·ΠΆΠ°ΡŽΡ‰ΠΈΠΉ вСлосипСд, ΠΈΠ»ΠΈ ΡΡ‚Π°ΡŽ морских Ρ‡Π°Π΅ΠΊ, ΠΏΡ€Π΅ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π·Π»ΠΎΠ±Π½ΡƒΡŽ Π°ΠΊΡƒΠ»Ρƒ. Π’ Ρ†Π΅Π»ΠΎΠΌ, всС ΠΎΡ‡Π΅Π½ΡŒ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΠΎ ΠΈ совсСм Π½Π΅ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ лишними эффСктами.

Π‘ΠΎΠ³Π»Π°ΡΠΈΡ‚Π΅ΡΡŒ, Π³Π»Π°Π²Π½ΠΎΠ΅ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ всСх ΡƒΠ΄ΠΈΠ²ΠΈΡ‚ΡŒ, Π½ΠΎ ΠΈ Π±Ρ‹Ρ‚ΡŒ ΡƒΡΠ»Ρ‹ΡˆΠ°Π½Π½Ρ‹ΠΌ. 

22. Shape


ΠšΡ€Π΅Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ агСнтством Β«ShapeΒ» Π½Π° ΠΈΡ… Π»Π΅Π½Π΄ΠΈΠ½Π³Π΅ довольно Π»Π°ΠΊΠΎΠ½ΠΈΡ‡Π½ΠΎ рассказываСтся ΠΎ Π³Π»Π°Π²Π½Ρ‹Ρ… этапах ΠΈΡ… Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ. Π˜ΠΌΠ΅ΡŽΡ‰ΠΈΠ΅ΡΡ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ большСй наглядности. БовмСстно с параллакс скроллингом создаСтся Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ эффСкт, ΠΊΡ€Π°ΠΉΠ½Π΅ приятный Π³Π»Π°Π·Ρƒ. 

Для знакомства Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ с Π½ΠΎΠ²ΠΎΠΉ сСриСй извСстной ΠΈΠ³Ρ€Ρ‹ Β«Mario KartΒ», японской ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠ΅ΠΉ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π° посадочная страница, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‰Π°Ρ эффСкты параллакс скроллинга. Она рассказываСт посСтитСлям ΠΎΠ± ΠΈΠ³Ρ€Π΅, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ малСнького ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΡ ΠΏΠΎ Π΅Π΅ ΠΌΠΈΡ€Π°ΠΌ.

Π”ΠΈΠ·Π°ΠΉΠ½ этого Π»Π΅Π½Π΄ΠΈΠ½Π³Π° ΠΈ вся Π΅Π³ΠΎ Π³Π°ΠΌΠΌΠ° Ρ†Π²Π΅Ρ‚ΠΎΠ² ΠΊΠΎΠΏΠΈΡ€ΡƒΠ΅Ρ‚ ΡΡ‚ΠΈΠ»ΡŒ самой ΠΈΠ³Ρ€Ρ‹, Π² Ρ‚Π΅Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΡ здСсь ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ²ΡΡ‚Ρ€Π΅Ρ‡Π°Ρ‚ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π·Π½Π°ΠΊΠΎΠΌΡ‹Π΅ ΠΌΠ½ΠΎΠ³ΠΈΠΌ с самого дСтства Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· пСрсонаТСй. 

КомпаниСй Β«Activate DrinksΒ», Π·Π°Π½ΠΈΠΌΠ°ΡŽΡ‰Π΅ΠΉΡΡ распространСниСм Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹Ρ… Π²ΠΈΡ‚Π°ΠΌΠΈΠ½ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π½Π°ΠΏΠΈΡ‚ΠΊΠΎΠ², для ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠ³ΠΎ продвиТСния своСй ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ этот Π°ΠΊΡ‚ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡΡ… рСсурс.

Π˜Π·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΡ‚ΠΊΡ€ΡƒΡ‚ΠΈΡ‚ΡŒ ΠΊΡ€Ρ‹ΡˆΠΊΡƒ Π½Π° Π±ΡƒΡ‚Ρ‹Π»ΠΊΠ΅ (разумССтся, прокручивая страничку), Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹ ΠΎΠΊΠ°ΠΆΠ΅Ρ‚Π΅ΡΡŒ Π² Π²ΠΈΡ…Ρ€Π΅ ΡΡ‚Ρ€Π΅ΠΌΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΏΡƒΠ·Ρ‹Ρ€ΡŒΠΊΠΎΠ².

Π’Ρ€ΠΈ уровня размСщСния этих ΠΏΡƒΠ·Ρ‹Ρ€ΡŒΠΊΠΎΠ², совмСстно с параллакс эффСктом, ΡΠΎΠ·Π΄Π°ΡŽΡ‚ ΠΏΠ΅Ρ€Π΅Π΄ нашими Π³Π»Π°Π·Π°ΠΌΠΈ 3D-эффСкт, Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π²ΠΎΡ‚-Π²ΠΎΡ‚ Π±Ρ€Ρ‹Π·Π³ΠΈ вырвутся ΠΈΠ· ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π° Π½Π°Ρ€ΡƒΠΆΡƒ.  

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ-скроллинг ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡŽΡ‚ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для усилСния эстСтичСской ΡΠΎΡΡ‚Π°Π²Π»ΡΡŽΡ‰Π΅ΠΉ ΠΊΠ°ΠΌΠΏΠ°Π½ΠΈΠΈ, Π½ΠΎ Π΅Ρ‰Π΅ ΠΈ, ΠΊΠ°ΠΊ Π² случаС с амСриканским ΠΏΡ€Π°Π²ΠΈΡ‚Π΅Π»ΡŒΡΡ‚Π²ΠΎΠΌ, для расстановки смысловых ΠΈ ΡΠΌΠΎΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹Ρ… Π°ΠΊΡ†Π΅Π½Ρ‚ΠΎΠ² Π½Π° страницС сайта.

МоТно Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ здСсь прокручиваСтся Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ быстрСС, Ρ‡Π΅ΠΌ просто Π»Π΅ΠΆΠ°Ρ‰ΠΈΠ΅ Π²Π½ΠΈΠ·Ρƒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ изобраТСния. Π‘Π΄Π΅Π»Π°Π½ΠΎ Ρ‚Π°ΠΊ Π±Ρ‹Π»ΠΎ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ, для удСрТания внимания Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΊΠ°ΠΊ Ρ€Π°Π· Π½Π° этих ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΡ…, ΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… своС воздСйствиС Π½Π° эмоции. 

Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-рСсурс Β«Pitchfork Cover StoriesΒ» ΠΏΡ€ΠΈΠΎΠ±Ρ€Π΅Π» ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ‡Π΅Ρ€Ρ‚Ρ‹ глянцСвого ΠΆΡƒΡ€Π½Π°Π»Π°, ΠΎΠ΄Π½Π°ΠΊΠΎ, использованиС здСсь параллакс эффСкта, ΠΈΠ½Ρ‚Π΅Ρ€Π²ΡŒΡŽ, ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… Ρ„ΠΎΡ‚ΠΎ сдСлали рСсурс ΠΌΠ°Π»ΠΎ ΠΏΠΎΡ…ΠΎΠΆΠΈΠΌ Π½Π° Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ извСстноС.

ΠŸΠΎΡ€Ρ‚Ρ€Π΅Ρ‚Π½Ρ‹Π΅ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Ρ„ΠΎΡ‚ΠΎ, ΠΎΠ΄ΡƒΡ…ΠΎΡ‚Π²ΠΎΡ€Π΅Π½Π½Ρ‹ΠΉ тСкст ΠΈ ΠΈΠ΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π½Π½Ρ‹ΠΉ саундтрСк β€” всС это ΠΊΡ€Π°ΠΉΠ½Π΅ изыскано ΠΈ краснорСчиво. 

Минимализм Ρ„Ρ€Π°Π½Ρ†ΡƒΠ·ΠΎΠ² ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Β«Soleil NoirΒ» ΠΏΠΎΠ΄ΠΊΡƒΠΏΠ°Π΅Ρ‚ ΠΌΠ½ΠΎΠ³ΠΈΡ…! Π­Ρ‚ΠΎΡ‚ замысловатый Π»Π΅Π½Π΄ΠΈΠ½Π³ ΠΎΡ‚ агСнтства Β«Soleil NoirΒ», ΠΏΠΎ своСй сути, Π½Π΅ Ρ‡Ρ‚ΠΎ ΠΈΠ½ΠΎΠ΅, ΠΊΠ°ΠΊ прСвосходная новогодняя ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΊΠ°.

Π’Ρ‹ Π½Π΅ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ здСсь Π½ΠΈΡ‡Π΅Π³ΠΎ слишком слоТного β€” параллакс эффСкт Π½Π΅ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ головокруТСния, ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ минималистичны, Π»Π°ΠΊΠΎΠ½ΠΈΡ‡Π½ΠΎΡΡ‚ΡŒ Π²ΠΎ Ρ„Ρ€Π°Π·Π°Ρ…. Однако, ΠΈΠΌΠ΅Π½Π½ΠΎ эта простота ΠΊΠ°ΠΊ Ρ€Π°Π· ΠΌΠ½ΠΎΠ³ΠΈΡ… ΠΈ ΠΏΠΎΠ΄ΠΊΡƒΠΏΠ°Π΅Ρ‚. 

Π—Π΄Π΅ΡΡŒ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ Π² Ρ†Π΅Π»ΠΎΠ΅ прСвосходный параллакс-скроллинг с Π²Ρ‹Ρ€Π°Π·ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ фотографиями.

Β«OakleyΒ» являСтся извСстным поставщиком масок ΠΈ Π·Π°Ρ‰ΠΈΡ‚Π½Ρ‹Ρ… ΠΎΡ‡ΠΊΠΎΠ², рСсурс разрабатывался ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎ для Π±ΠΎΠ»Π΅Π΅ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΠ³ΠΎ продвиТСния новСйшСй ΠΌΠΎΠ΄Π΅Π»ΠΈ Π·Π°Ρ‰ΠΈΡ‚Π½Ρ‹Ρ… ΠΎΡ‡ΠΊΠΎΠ² ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«Airbrake MXΒ».

На Ρ†Π΅Π»Π΅Π²ΠΎΠΉ страницС ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½Π΅Π½Ρ‹ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠΉ параллакс эффСкт с фотографиями, прСкрасно ΠΏΡ€Π΅Π·Π΅Π½Ρ‚ΡƒΡŽΡ‰ΠΈΠΌΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ. 

ΠŸΠ΅Ρ€Π΅Π΄ Π½Π°ΠΌΠΈ Π»Π΅Π½Π΄ΠΈΠ½Π³ Ρ‚Ρ€ΠΎΠΉΠ½ΠΎΠ³ΠΎ олимпийского ΠΈ Π΄Π²ΠΎΠΉΠ½ΠΎΠ³ΠΎ Ρ‡Π΅ΠΌΠΏΠΈΠΎΠ½Π° ΠΌΠΈΡ€Π° Π² вСлосипСдных Π³ΠΎΠ½ΠΊΠ°Ρ… извСстного ДТСйсона КСнни. НСмногим Ρ€Π°Π½Π΅Π΅, Π² этом Π³ΠΎΠ΄Ρƒ Π±Ρ€ΠΈΡΡ‚ΠΎΠ»ΡŒΡΠΊΠΈΠΌ ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²Ρ‹ΠΌ агСнтством Β«Fiasco DesignΒ» Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ этот landong page. Π‘Π΅Π½ Бтирс, ΠΎΠ΄ΠΈΠ½ ΠΈΠ· основатСлСй агСнтства, Π³ΠΎΠ²ΠΎΡ€ΠΈΠ»:

Β«Π‘ ΠΎΠΏΠΎΡ€ΠΎΠΉ Π½Π° тСхничСскоС Π·Π°Π΄Π°Π½ΠΈΠ΅, ΠΌΡ‹ Π·Π°Π΄ΡƒΠΌΠ°Π»ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ этот одностраничный сайт с параллакс-эффСктом ΠΈ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ скроллингом»

Π‘Ρ€Π΅Π΄ΠΈ постоянно Π²ΠΎΠ·Ρ€Π°ΡΡ‚Π°ΡŽΡ‰Π΅Π³ΠΎ количСства посадочных страниц, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ полос ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ для запуска ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Ρ… Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π·Π²ΡƒΠΊΠΎΠ²Ρ‹Ρ… эффСктов, эта Ρ€Π°Π±ΠΎΡ‚Π° агСнтства ΠΈΠ· Π€Ρ€Π°Π½Ρ†ΠΈΠΈ Β«La MouladeΒ» отличаСтся нСсколько Π½Π΅ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠΉ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ†ΠΈΠ΅ΠΉ вашСго полоТСния Π½Π° Π΄Π°Π½Π½ΠΎΠΉ страницС. Он находится Π²Π²Π΅Ρ€Ρ…Ρƒ ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ прСдоставляСт Π²Π°ΠΌ доступ ΠΊ любой ΠΈΠ· частСй Π½Π° этом сайтС. 

Π‘Π°ΠΌΠΎΠ΅, Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅, Ρ‚Ρ€ΡƒΠ΄Π½ΠΎΠ΅ β€” это Π²Π·ΡΡ‚ΡŒ ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ Π² ΠΎΠ΄Π½ΠΎ Ρ†Π΅Π»ΠΎΠ΅ достиТСния всСх Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ. Π“Π΅ΠΉΠ²ΠΈΠ½ Π‘Π΅ΠΊ, Π²Π΅Π΄ΡƒΡ‰ΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ дСлится с Π½Π°ΠΌΠΈ своими впСчатлСниями ΠΎΡ‚ этой Ρ€Π°Π±ΠΎΡ‚Ρ‹:

 Β«Π’ ΠΏΠ΅Ρ€Π²ΡƒΡŽ ΠΎΡ‡Π΅Ρ€Π΅Π΄ΡŒ, ΠΌΡ‹ всС сами являСмся Ρ„Π°Π½Π°Ρ‚Π°ΠΌΠΈ этого ΡˆΠΎΡƒ. Π’ Π½Π°ΡˆΠΈΡ… ΠΏΠ»Π°Π½Π°Ρ… Π±Ρ‹Π»ΠΎ созданиС сайта, ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰Π΅Π³ΠΎ всСлСнной Β«Π₯одячих ΠΌΠ΅Ρ€Ρ‚Π²Π΅Ρ†ΠΎΠ²Β», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ навСрняка ΠΏΠΎΠΊΠ»ΠΎΠ½Π½ΠΈΠΊΠΈ этого сСриала ΠΈΠ·ΡƒΡ‡ΠΈΠ»ΠΈ Π±Ρ‹ ΠΈ ΠΎΡ†Π΅Π½ΠΈΠ»ΠΈ. Для достиТСния этих Ρ†Π΅Π»Π΅ΠΉ, Π½Π°ΠΌ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ использованиС Ρ‚Π°ΠΊΠΈΡ… Π½ΠΎΠ²Π΅ΠΉΡˆΠΈΡ… Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΎΠΊ, ΠΊΠ°ΠΊ CSS3, HTML5, Web Audio/HTML5 Audio, JavaScript/jQuery ΠΈ, разумССтся, эффСкт параллакс-скроллинга. Π‘Π°ΠΌΠΎΠΉ тяТСлой Π·Π°Π΄Π°Ρ‡Π΅ΠΉ Π±Ρ‹Π»Π° Π·Π°Π΄Π°Ρ‡Π° Π·Π°ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ эти всС Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ совмСстно ΠΈ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ доступными для ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… Ρ‚ΠΈΠΏΠΎΠ² ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΒ»

Π’ эпоху, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ люди пСрСстали ΠΎΠ±Ρ€Π΅ΠΌΠ΅Π½ΡΡ‚ΡŒ сСбя Ρ‡Ρ‚Π΅Π½ΠΈΠ΅ΠΌ ΠΆΡƒΡ€Π½Π°Π»ΠΎΠ² ΠΈ Π³Π°Π·Π΅Ρ‚, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΈΠ· Турналистов задались вопросом, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ ΠΊ ΠΏΠ΅Ρ‡Π°Ρ‚Π½ΠΎΠΌΡƒ слову?

Один Ρ‚Π°ΠΊΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΏΠΎ ΠΏΡ€Π΅ΠΎΠ΄ΠΎΠ»Π΅Π½ΠΈΡŽ этого кризиса Π±Ρ‹Π» ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ амСриканской Π³Π°Π·Π΅Ρ‚ΠΎΠΉ Β«The New York TimesΒ», Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π²ΡˆΠ΅ΠΉ Π½ΠΎΠ²ΡƒΡŽ Ρ„ΠΎΡ€ΠΌΡƒ для прСдставлСния своих ΠΆΡƒΡ€Π½Π°Π»ΡŒΠ½Ρ‹Ρ… статСй β€” сайт-одностраничник, созданный с использованиСм послСдних Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΎΠΊ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΠΌΠΈ Аттилы Π€ΡƒΡ‚Π°ΠΊΠΈ.

Как Ρ‚ΠΎΠ»ΡŒΠΊΠΎ начнСтся скроллинг страницы, всС ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ Π½Π°Ρ‡Π½ΡƒΡ‚ Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΏΠΎΠ³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ вас Π² описываСмыС события. 

Π”Π°Π½Π½Ρ‹ΠΉ рСсурс создан агСнтством ΠΈΠ· НорвСгии Β«UnfoldΒ» ΠΈ прСдставляСт ΠΈΠ· сСбя ΠΎΠ±Ρ€Π°Π·Π΅Ρ† совмСщСния бСсконСчного скроллинга с параллакс эффСктом.

Навигационная панСль, прячущаяся Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΠΏΡ€Π°Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ, ΠΌΠΎΠΆΠ΅Ρ‚ всСгда Π΄Π°Ρ‚ΡŒ Π²Π°ΠΌ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Π³Π΄Π΅ Π²Ρ‹ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ΡΡŒ. Она ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ быстро ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π² Π·Π°ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠΎΠ²Π°Π²ΡˆΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ.

А Ссли быстро ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΈΡ‚ΡŒ сайт Π΄ΠΎ самого ΠΊΠΎΠ½Ρ†Π°, Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»Π·ΡƒΠ½ΠΎΠΊ Π½Π° полосС ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ пСрСмСстится автоматичСски Π²Π²Π΅Ρ€Ρ…, Π° Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ сайт Π·Π°Π½ΠΎΠ²ΠΎ. 

ΠŸΡ€ΠΈ создании этого Π»Π΅Π½Π΄ΠΈΠ½Π³Π° Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ°ΠΌΠΈ использовался ΠΏΠ»Π°Π³ΠΈΠ½ skrollr.js, ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ посСтитСли ΠΌΠΎΠ³ΡƒΡ‚ Β«ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒΒ» Π½Π° страницС ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΡƒΡŽΡ‰ΠΈΠ΅ ΠΈΡ… события.

Π­Ρ‚ΠΎ прСдоставляСт Π²Ρ‹ΡΠΎΠΊΡƒΡŽ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ ΠΌΠΎΠ΄Π΅Π»ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡŽ, прСдоставляСт Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ врСмя для сглаТивания ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°Ρ… ΠΈ для построСния качСствСнного интСрфСйса ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. ВСхнология CSS 3D здСсь использовалась ΠΏΡ€ΠΈ создании Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΉ. 


Π’ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ стоит ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΌΠΈΡ€ Π³Π΅Ρ€ΠΎΠ΅Π² Π½Π΅ стоит Π½Π° ΠΎΠ΄Π½ΠΎΠΌ мСстС. ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ дСнь Π² Π½Π΅ΠΌ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Ρ‚ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ Π½ΠΎΠ²Ρ‹Π΅ произвСдСния Π² сфСрС Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. ΠžΠΊΠ°ΠΆΠ΅Ρ‚Π΅ΡΡŒ Π»ΠΈ Π²Ρ‹ Π² сообщСствС этих Π³Π΅Ρ€ΠΎΠ΅Π² Π½Π°ΡˆΠΈΡ… Π΄Π½Π΅ΠΉ?

Π›Π΅Π³ΠΊΠΎ, Ссли Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ΡΡŒ этими Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹ΠΌΠΈ тСхнологиями. Однако, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΎ Π³Π»Π°Π²Π½ΠΎΠΌ β€” любой ΠΈΠ· Π²Π½Π΅Π΄Ρ€Π΅Π½Π½Ρ‹Ρ… эффСктов ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡŽ конвСрсии! Или ΠΎΠ½ Π²Π°ΠΌ просто-напросто Π½Π΅ Π½ΡƒΠΆΠ΅Π½. 

Π’Π΅Π±-сайт с ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ Parallax β€” ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΈ объяснСниС

Parallax ΠΏΡ€ΠΎΡ‡Π½ΠΎ обосновался Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, привлСкая всС большС ΠΈ большС Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ², ΠΈ являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π­Ρ‚ΠΎΡ‚ эффСкт Π±Ρ‹Π» Π²ΠΏΠ΅Ρ€Π²Ρ‹Π΅ использован Π² Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ Π²ΠΈΠ΄Π΅ΠΎΠΈΠ³Ρ€Π°Ρ…, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ Super Mario Bros. Однако Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² 2011 Π³ΠΎΠ΄Ρƒ ΠΎΠ½ ΠΏΡ€ΠΎΠ½ΠΈΠΊ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ с появлСниСм HTML5. Благодаря Π½Π΅Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ манипуляциям с графичСскими элСмСнтами эффСкт параллакса ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠΆΠΈΠ²ΠΈΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊ историям, прСдставлСнным Π½Π° Π΄Π°Π½Π½ΠΎΠΌ Π²Π΅Π±-сайтС.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ сайт с параллаксной ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ?

Π’ΠΈΠΏΠΈΡ‡Π½Ρ‹ΠΉ Π²Π΅Π±-сайт с эффСктом параллакса β€” это Ρ‚ΠΎΡ‚, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Ρ„ΠΎΠ½ Π²Π΅Π±-сайта двиТСтся ΠΌΠ΅Π΄Π»Π΅Π½Π½Π΅Π΅, Ρ‡Π΅ΠΌ элСмСнты Π½Π° ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅ . Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ эффСкт, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π΄ΠΎΠ±ΠΈΡ‚ΡŒΡΡ, создаСт Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ двиТСния ΠΈ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ ΠΌΠ΅ΠΆΠ΄Ρƒ ΠΏΠ΅Ρ€Π΅Π΄Π½ΠΈΠΌ ΠΈ Π·Π°Π΄Π½ΠΈΠΌ ΠΏΠ»Π°Π½Π°ΠΌΠΈ Π΅ΡΡ‚ΡŒ пространство. Π’ настоящСС врСмя Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ параллакс для достиТСния Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… эффСктов, Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ΠΎΠ², постСпСнноС появлСниС ΠΈ исчСзновСниС ΠΈΠ»ΠΈ Π²Ρ€Π°Ρ‰Π΅Π½ΠΈΠ΅ 2D- ΠΈΠ»ΠΈ 3D-элСмСнтов.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ Π²Π΅Π±-сайтов с эффСктом параллакса

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ успСх эффСкта параллакса зависит ΠΎΡ‚ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Π²Π΅Π±-сайта, ΠΎΠ½ рСкомСндуСтся для Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Π²Π΅Π±-сайтов. Π­Ρ‚ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π»ΡŒΠ½ΡƒΡŽ Ρ†Π΅Π»Π΅Π²ΡƒΡŽ страницу для Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΊΠ°ΠΊ новая модСль ΠΎΠ±ΡƒΠ²ΠΈ, Ρ…Π»ΠΎΠΏΡŒΡ для Π·Π°Π²Ρ‚Ρ€Π°ΠΊΠ° ΠΈΠ»ΠΈ Π½ΠΎΠ²Ρ‹ΠΉ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒ. Для Π±ΠΎΠ»ΡŒΡˆΠΈΡ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² рСкомСндуСтся Ρ‚ΠΎΠ½ΠΊΠΈΠΉ параллакс, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π½Π° сайт ΠΈ Π½Π΅ Π²Π»ΠΈΡΡ‚ΡŒ Π½Π° врСмя Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ ΠΈ Ρ„Ρ€ΠΎΠ½Ρ‚Π΅Π½Π΄-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ параллаксы, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ свой ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π·Π½Π°Π½ΠΈΠΉ ΠΈ Π±ΠΎΠ³Π°Ρ‚ΠΎΠ΅ Π²ΠΎΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

1. TAG Heuer

Π’Π΅Π±-сайт Tag Heuer β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ использования параллакса для ΠΌΠ½ΠΎΠ³ΠΎΠΏΠ»Π°Π½ΠΎΠ²ΠΎΠΉ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° β€” ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… часов. Он ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ 3D-ΠΌΠΎΠ΄Π΅Π»ΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ, Π²Ρ€Π°Ρ‰Π°ΡŽΡ‚ΡΡ ΠΈ Ρ€Π΅Π°Π³ΠΈΡ€ΡƒΡŽΡ‚ Π½Π° ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ Π²Π΅Π±-сайта . Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΡ‚ΡŒΡΡ с ΡΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ сторонами прСдставлСнного ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°. Π’ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ° Ρ‚ΠΎΠΆΠ΅ интСрСсна β€” ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ подписи Π΄ΠΎΠΏΠΎΠ»Π½ΡΡŽΡ‚ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°, дСлая Π΅Π΅ ΠΏΠΎΡ…ΠΎΠΆΠ΅ΠΉ Π½Π° Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΈΠΎΠ½Π½ΡƒΡŽ Ρ€Π΅ΠΊΠ»Π°ΠΌΡƒ.

 

2. Meadlight

Π’Π΅Π±-сайт Meadlight прСдставляСт собой ΠΏΡ€ΠΈΡΡ‚Π½ΡƒΡŽ ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΡŽ ΠΌΠ΅Π΄ΠΎΠ²ΠΎΠ³ΠΎ Π½Π°ΠΏΠΈΡ‚ΠΊΠ°. ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ использовался здСсь нСсколькими способами. Π’ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ Π²Ρ€Π°Ρ‰Π°ΡŽΡ‰Π΅ΠΉΡΡ Π±ΡƒΡ‚Ρ‹Π»ΠΊΠ΅, которая сопровоТдаСт нас Π½Π° Π²Π΅Π±-сайтС, Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ использовали параллакс Π² ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΈ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΊ Ρ„ΠΎΠ½Ρƒ . Π­Ρ‚ΠΈ ΠΏΡ€ΠΈΠ΅ΠΌΡ‹ Π΄Π΅Π»Π°ΡŽΡ‚ Π²Π΅Π±-сайт ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΈΠΌ, с ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹ΠΌ пространством ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами.

 

3. Greenhouse Agency

Иногда эффСкт параллакса слСгка освСтляСт Π²Π΅Π±-сайт. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΉ ΠΏΡ€ΠΈΠ΅ΠΌ, Ссли Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ графичСскиС элСмСнты ΠΈ Π²Ρ‹Ρ€Π°Π·ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΡƒ, ΠΊΠ°ΠΊ Π² случаС агСнтства Greenhouse Agency, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π±Ρ€Π΅Π½Π΄Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³ΠΎΠ²ΠΎΠΉ ΠΈ Ρ‚ΠΎΡ€Π³ΠΎΠ²ΠΎΠΉ Π΄Π΅ΡΡ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΠΈ.

 

4. Okalpha

На сайтС Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ студии Okalpha Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ использовали ΠΎΠ³Ρ€ΠΎΠΌΠ½Ρ‹Π΅ гСомСтричСскиС элСмСнты ярких Ρ†Π²Π΅Ρ‚ΠΎΠ². ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ, с Π΄Ρ€ΡƒΠ³ΠΎΠΉ стороны, использовался ΠΊΠ°ΠΊ способ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π³Π΅ΠΎΠΌΠ΅Ρ‚Ρ€ΠΈΠΈ, которая отступаСт ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ пСрСмСщСния Π²Π΅Π±-сайта , освобоТдая мСсто для тСкстов.

 

5. Longshot

ΠŸΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΡΡ‚Π²Π΅Π½Π½Π°Ρ студия Longshot Film ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ параллакс для прСдставлСния ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ, создавая пространствСнный комикс. Π­Ρ‚ΠΎ своСобразноС мСню Π²Π΅Π΄Π΅Ρ‚ ΠΊ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Ρ€Π°Π±ΠΎΡ‚ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΎΠ². Π’ случаС с этим Π²Π΅Π±-сайтом параллаксы использовались Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… уровнях , вводя зритСля Π² атмосфСру открытия Π½ΠΎΠ²Ρ‹Ρ… элСмСнтов.

 

6. БалбСсы

Π‘Π°ΠΉΡ‚ Ρ„ΠΈΠ»ΡŒΠΌΠ° БалбСсы ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ параллакс Π² Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… плоскостях, Π° Ρ‚Ρ€Π΅Ρ‚ΡŒΡ ΠΏΠ»ΠΎΡΠΊΠΎΡΡ‚ΡŒ прСдставляСт собой Π½Π΅ΠΏΠΎΠ΄Π²ΠΈΠΆΠ½Ρ‹ΠΉ элСмСнт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½Π΅ двигаСтся. Π’ слоС со скрабами Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ использовали эффСкт ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅, Ρ‡Ρ‚ΠΎ автоматичСски создаСт Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ приблиТаСмся ΠΊ Π²ΠΈΠ΄Ρƒ Π·Π° Π½ΠΈΠΌΠΈ . ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, затухая, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ уступаСт мСсто слою с тСкстом. Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ Ρ‚Π°ΠΊΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° ΠΎΡ‡Π΅Π½ΡŒ Π»Π΅Π³ΠΊΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ, Π° участиС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС.

 

7. Custo

Custo β€” это классичСский Π²Π΅Π±-сайт, посвящСнный ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° β€” ΡƒΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ ящика. Π”Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ сайта ΠΎΡ‡Π΅Π½ΡŒ Ρ‚ΠΎΠ½ΠΊΠΎΠ΅, Π½ΠΎ это создаСт Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½ΠΎΠ³ΠΎ сайта ΠΈ усиливаСт Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ ΠΎΡ‚ качСствСнной Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΈ. ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ Π±Ρ‹Π» использован для прСдставлСния характСристик ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° . Π’ Π»Π΅Π²ΠΎΠΉ части экрана ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π²ΠΈΠ΄Ρ‹ прилоТСния, Π° Π² ΠΏΡ€Π°Π²ΠΎΠΉ части β€” описания Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΎΠ±Ρ€Π°Ρ‰Π°Π΅Ρ‚ большС внимания Π½Π° Ρ‚Ρƒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ хотят донСсти Π°Π²Ρ‚ΠΎΡ€Ρ‹ сайта.

 

8. Porsche

Π˜Π½Ρ‚Π΅Ρ€Π΅ΡΠ½Π°Ρ идСя использования параллакса β€” всСвозмоТныС историчСскиС сайты, Π³Π΄Π΅ основным элСмСнтом являСтся Ρ‚Π°ΠΉΠΌΠ»Π°ΠΉΠ½ . Компания Porsche создала красивый Π²Π΅Π±-сайт, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ прСдставлСны ΠΌΠΎΠ΄Π΅Π»ΠΈ автомобиля, начиная с 1920. По ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΌΡ‹ продвигаСмся Π²Π½ΠΈΠ· ΠΏΠΎ сайту, ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ нашС Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ дальнСйшиС изобраТСния, проходящиС снизу, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅, ΠΊΠ°ΠΊ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΠΈ измСнились Π·Π° дСсятилСтия. ΠŸΡ€Π΅Π΄ΠΏΠΎΡΡ‹Π»ΠΊΠΎΠΉ успСха Ρ‚Π°ΠΊΠΎΠ³ΠΎ параллакса, нСсомнСнно, являСтся Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ сдСланы ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ ΠΈ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ ΠΈΠΌΠ΅ΡŽΡ‚ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€. Π’ΠΎΠ³Π΄Π° Ρƒ нас Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ‚ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ Π·Π°ΠΌΠ΅Π½Ρ‹ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π°.

 

9. Антон ΠΈ Π˜Ρ€ΡΠ½

ΠŸΠ΅Ρ€Π΅Π΄ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠ°ΠΌΠΈ стоит ΠΎΡ‡Π΅Π½ΡŒ слоТная Π·Π°Π΄Π°Ρ‡Π°, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ хотят ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ своС ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Π‘Π°ΠΉΡ‚Ρ‹, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ сСбя ΠΈ свои Ρ€Π°Π±ΠΎΡ‚Ρ‹, Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±Π΅Π·Π³Ρ€Π°Π½ΠΈΡ‡Π½ΠΎΠ΅ Π²ΠΎΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ чувство вкуса. Антон ΠΈ Π˜Ρ€ΡΠ½ β€” худоТСствСнныС Ρ€ΡƒΠΊΠΎΠ²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΠΈ β€” сдСлали сайт с использованиСм параллакса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ отдаляСт ΠΈΡ…, ΠΊΠ°ΠΊ Π±ΡƒΠ΄Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π° доскС. Π’Π΅Π½ΠΈ ΠΏΠΎΠ·Π°Π΄ΠΈ ΠΈΡ… Ρ„ΠΈΠ³ΡƒΡ€ ΠΈ параллакс, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΠΉ Ρ„ΠΈΠ³ΡƒΡ€Ρ‹ Π² стороны, ΡΠΎΠ·Π΄Π°ΡŽΡ‚ красивоС Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅ ΠΎ пространствС ΠΏΠΎΠ·Π°Π΄ΠΈ ΠΈ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ.

 

10. Dior by Starck

Авторы этого сайта использовали параллакс, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΠ²ΠΎΠ΅ΠΎΠ±Ρ€Π°Π·Π½ΡƒΡŽ ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ создания ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ стула. Когда ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΏΠΎ Π²Π΅Π±-сайту, ΠΎΠ½ΠΈ Π²ΠΎΠ²Π»Π΅ΠΊΠ°ΡŽΡ‚ΡΡ Π² ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‰ΠΈΡ…ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², источников свСта, тСкста ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ . ВсС, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ, это двиТущиСся Π΄Ρ€ΡƒΠ³ ΠΏΡ€ΠΎΡ‚ΠΈΠ² Π΄Ρ€ΡƒΠ³Π° изобраТСния ΠΈ использованиС прозрачности.

 

11. Часы Blok

Π­Ρ‚ΠΎ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ Π²Π΅Π±-сайт, посвящСнный часам для Π΄Π΅Ρ‚Π΅ΠΉ. Π”ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ использовали ΠΈΠ³Ρ€Ρƒ Π±ΡƒΠΊΠ² ΠΈ Ρ€Π΅ΡˆΠΈΠ»ΠΈ привСсти ΠΈΡ… Π² Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ параллакса. Для усилСния эффСкта Ρ…ΡƒΠ΄ΠΎΠΆΠ½ΠΈΠΊΠΈ использовали Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ часов вмСстС с 3D-элСмСнтами, ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‰ΠΈΠΌΠΈΡΡ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ сосСдних Π°Π±Π·Π°Ρ†Π΅Π². Π­Ρ‚ΠΎ ΠΏΡ€ΠΈΠ΄Π°Π΅Ρ‚ всСму Π²Π΅Π±-сайту Π»Π΅Π³ΠΊΠΈΠΉ, пространствСнный ΠΈ Π΄Π°ΠΆΠ΅ Ρ‚Ρ€Π΅Ρ…ΠΌΠ΅Ρ€Π½Ρ‹ΠΉ эффСкт.

 

Π’Π΅Π±-сайт с ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ параллакса β€” сводка

ΠœΡ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ 11 Π²Π΅Π±-сайтов с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌΠΈ прилоТСниями параллакса. Одни Π±Ρ‹Π»ΠΈ просто Π»Π΅Π³ΠΊΠΎΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, ΠΎΠ±ΠΎΠ³Π°Ρ‰Π°ΡŽΡ‰Π΅ΠΉ ΠΈ ΠΏΡ€ΠΈΠ΄Π°ΡŽΡ‰Π΅ΠΉ Π»Π΅Π³ΠΊΠΎΡΡ‚ΡŒ сайту, Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ рассказывали истории ΠΈ ΡƒΠ²Π»Π΅ΠΊΠ°Π»ΠΈ нас Π² свой ΠΌΠΈΡ€, ΠΊΠ°ΠΊ ΠΊΠΈΠ½ΠΎ ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π½Π°Ρ ΠΈΠ³Ρ€Π°. Π­Ρ‚ΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ добились ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹, примСняя ΠΎΡ‡Π΅Π½ΡŒ старый ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏ построСния Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ. Однако Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ этот Ρ‚ΠΈΠΏ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π½Π° Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… вСрсиях Π²Π΅Π±-сайтов. Π’Ρ‚ΠΎΡ€ΠΎΠΉ аспСкт, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ обСспСчит успСх Ρ‚Π°ΠΊΠΎΠ³ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ, β€” это количСство ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ. Если ΠΌΡ‹ Π·Π½Π°Π΅ΠΌ, Ρ‡Ρ‚ΠΎ Π½Π° нашСй Π²Π΅Π±-страницС Π±ΡƒΠ΄Π΅Ρ‚ большС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρ‹ ΠΈ анимация Π±Ρ‹Π»ΠΈ мягчС ΠΈ слуТили для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ Π΄ΠΈΠ½Π°ΠΌΠΈΠΊΠΈ ΠΈ создания пространства.

Π’Π°ΠΌ интСрСсно, являСтся Π»ΠΈ параллакс Ρ…ΠΎΡ€ΠΎΡˆΠΈΠΌ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ для вашСго сайта? Наша ΠΊΠΎΠΌΠ°Π½Π΄Π° Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€ΠΎΠ² UX ΠΈ UI ΠΏΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΡƒΠ΅Ρ‚ ваш ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΈ посовСтуСт, ΠΊΠ°ΠΊΠΈΠ΅ эффСкты стоит Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ.

Π­Ρ„Ρ„Π΅ΠΊΡ‚ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса 101: ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ

Π’Π°Ρˆ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ это Π²ΠΈΠ΄Π΅ΠΎ

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½

23 сСнтября 2022 Π³. побуТдая ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ страницу.

ИспользованиС эффСкта ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ фокуса Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. ΠŸΡ€ΠΎΡΡ‚ΠΎ Π²ΠΎΠ·ΡŒΠΌΠΈΡ‚Π΅ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ элСмСнты, настройтС ΠΈΡ… Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ с Ρ€Π°Π·Π½ΠΎΠΉ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅Ρ‚ страницу, ΠΈ вуаля: Π²Ρ‹ создали иллюзию трСхмСрности. Благодаря ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ созданным Ρ€Π°Π·Π΄Π΅Π»Π°ΠΌ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса  , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ нСпосрСдствСнно Π½Π° страницу, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅Ρ‚Π΅, Vev  ΠΎΠ±Π»Π΅Π³Ρ‡ΠΈΡ‚ привнСсСниС ΠΌΠ°Π³ΠΈΠΈ параллакса Π² ваш ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ параллаксная ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ°?

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡΠ½Π°Ρ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° β€” это мощная Ρ‚Π΅Ρ…Π½ΠΈΠΊΠ°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠ°Ρ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ красивСС, Π½ΠΎ ΠΈ для привлСчСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. Π’ Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ Π»ΡƒΡ‡ΡˆΠΈΠ΅ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠΎΡ‰Ρ€ΡΡŽΡ‚ вас Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ΡΠ°ΠΌΡƒΡŽ Π²Π°ΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части страницы, эффСкт ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса позволяСт Π²Π°ΠΌ ΠΏΡ€ΠΎΡΠ²Π»ΡΡ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ большС вообраТСния ΠΈ Ρ€Π°ΡΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ сам эффСкт ΠΏΠΎΠ±ΡƒΠΆΠ΄Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Ρ‚ΡŒ страницу, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ Π² Ρ‚Π΅ΠΌΠΏΠ΅, ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΠ²Π°ΡŽΡ‰Π΅ΠΌ большС пространства для вашСго ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π² Ρ‚ΠΎ ΠΆΠ΅ врСмя вплСтая Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ сообщСния ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ.

Π’Π°Ρˆ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ это Π²ΠΈΠ΄Π΅ΠΎ

НСкоторыС элСмСнты ΠΌΠΎΠ³ΡƒΡ‚ Π΄Π²ΠΈΠ³Π°Ρ‚ΡŒΡΡ ΠΌΠ΅Π΄Π»Π΅Π½Π½ΠΎ, Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ быстро. Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π½Π° ΠΏΠ΅Ρ€Π΅Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅ двиТутся быстрСС, Ρ‡Π΅ΠΌ Π½Π° Π·Π°Π΄Π½Π΅ΠΌ ΠΏΠ»Π°Π½Π΅. Π’Ρ‹ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π·Π°ΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ тСкст ΠΈΠ»ΠΈ изобраТСния Π½Π° мСстС, Π² Ρ‚ΠΎ врСмя ΠΊΠ°ΠΊ ΠΎΡΡ‚Π°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° пСрСмСщаСтся ΠΌΠΈΠΌΠΎ Π½ΠΈΡ…. ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡΠ½Π°Ρ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° сопоставляСт Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… элСмСнтов, придавая ΠΈΠΌ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ физичности ΠΈ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹.

Когда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эффСкты ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса

ΠŸΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° параллакса ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ нСсколькими способами для ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡ взаимодСйствия с ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

Π’ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅Ρ€Ρ‹Π²Ρ‹

Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, это эффСктивный способ прСподнСсти ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚. Если Ρƒ вас ΠΌΠ½ΠΎΠ³ΠΎ тСкста, Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Ρ… элСмСнтов, установка эффСкта параллакса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°Π΅Ρ‚ эти элСмСнты нСзависимо Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°, ΠΏΡ€Π΅Π΄ΠΎΡ‚Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ ΠΈΡ… ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅. ИспользованиС этого ΠΌΠ΅Ρ‚ΠΎΠ΄Π° проСктирования позволяСт Ρ€Π°Π·Π²Π΅Ρ€Ρ‚Ρ‹Π²Π°Ρ‚ΡŒ большиС ΠΎΠ±ΡŠΠ΅ΠΌΡ‹ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΌΠ΅Π½Π΅Π΅ Π»ΠΈΡ…ΠΎΡ€Π°Π΄ΠΎΡ‡Π½ΠΎ, Ρ‡Π΅ΠΌ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это всС сразу.

Π˜Π½ΡŠΠ΅ΠΊΡ†ΠΈΡ тСкучСсти ΠΈ двиТСния

Наряду с Π±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ для Π³Π»Π°Π· способом отобраТСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ тСкста, параллаксная ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° обСспСчиваСт Π±ΠΎΠ»Π΅Π΅ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚. ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅Π±-страницС Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ нСсколько Ρ‚ΠΎΡ‡Π΅ΠΊ активности Π½Π° экранС, Ρ‡Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ ΠΈΠΌ ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½Π½ΠΎΠ΅ чувство Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎΠΉ связи ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅. Π­Ρ‚ΠΎ Π½Π΅ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ эффСкт ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса ΠΎΠ³Ρ€ΠΎΠΌΠ΅Π½, Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΠ· Π½ΠΈΡ… Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ³Π»ΡƒΡˆΠ΅Π½Ρ‹, ΠΈ ΠΈΡ… ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΠΏΡ€ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ, Ссли Π²Ρ‹ Π½Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°Π΅Ρ‚Π΅ внимания.

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅ интСрСса ΠΊ Π΄Π»ΠΈΠ½Π½Ρ‹ΠΌ Ρ„ΠΎΡ€ΠΌΠ°ΠΌ

Учитывая всС Π²Ρ‹ΡˆΠ΅ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ΅, параллаксная ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° являСтся прСкрасным Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ ΠΊΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠΌ случаям использования. Π­Ρ„Ρ„Π΅ΠΊΡ‚ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса особСнно Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ с Π΄Π»ΠΈΠ½Π½Ρ‹ΠΌ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ рассказываСт ΠΈΡΡ‚ΠΎΡ€ΠΈΡŽ. Scrollytelling β€” сочСтаниС «рассказывания историй» ΠΈ Β«ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈΒ» β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ истории ΠΎΠ½Π»Π°ΠΉΠ½ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ряда элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ Π²ΠΎΠ²Π»Π΅ΠΊΠ°ΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΈ интСрактивности. ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡΠ½Π°Ρ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° β€” ΠΎΠ΄Π½Π° ΠΈΠ· этих Ρ‚Π΅Ρ…Π½ΠΈΠΊ, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½Π° ΠΏΠΎΠ±ΡƒΠΆΠ΄Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ΡŒ Ρ‡Ρ‚Π΅Π½ΠΈΠ΅, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ ΠΌΠΎΠΌΠ΅Π½Ρ‚Ρ‹ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ яркой Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ ΠΈ Π²ΠΈΠ΄Π΅ΠΎ.

ИспользованиС эффСкта ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ фокуса Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅.

Π­Ρ„Ρ„Π΅ΠΊΡ‚ параллаксной ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠŸΠ΅Ρ€Π΅Π΄ΠΎΠ²ΠΎΠΉ ΠΎΠΏΡ‹Ρ‚

НСсмотря Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ параллаксная ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ ваш Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½, слСдуСт ΠΏΠΎΠΌΠ½ΠΈΡ‚ΡŒ ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… Π²Π΅Ρ‰Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π΅Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ.

Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

ВСроятно, это самоС Π²Π°ΠΆΠ½ΠΎΠ΅, Ρ‡Ρ‚ΠΎ слСдуСт ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π»ΡŽΠ±Ρ‹Ρ… Π½ΠΎΠ²Ρ‹Ρ… эффСктов Π½Π° ваш сайт. Π‘ΠΎΠ»ΡŒΡˆΠ°Ρ Ρ‡Π°ΡΡ‚ΡŒ Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° Π² наши Π΄Π½ΠΈ поступаСт с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств, ΠΈ параллакс Π½Π΅ всСгда ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π»ΡƒΡ‡ΡˆΠΈΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠΌ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств. Π‘Ρ‚ΠΎΠΈΡ‚ ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ ΠΎΠ± ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΈ ΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΈ параллакса Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Ρ‚ΠΎΡ‚ ΠΎΠΏΡ‹Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΎΠ½ΠΈ Π·Π°ΡΠ»ΡƒΠΆΠΈΠ²Π°ΡŽΡ‚, ΠΈ Ρ‚ΠΎΡ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ позволяСт ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ваш ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… устройствах.

Π‘ΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы

Π‘ΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅. Π’Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ посСтитСли ΡƒΡ…ΠΎΠ΄ΠΈΠ»ΠΈ, Π° SEO вашСго сайта ΠΏΠΎΠ΄Π²Π΅Ρ€Π³Π°Π»ΠΎΡΡŒ опасности ΠΏΠΎ любой ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅. Если Π²Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚Π΅ эффСкт ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса Π½Π° свою Π²Π΅Π±-страницу, это ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΡ‚ΠΈ, поэтому ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ отслСТивайтС ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы ΠΈ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ ΠΏΡ€ΠΎΠ²Π°Π»Ρ‹ (скрСстим ΠΏΠ°Π»ΡŒΡ†Ρ‹, это Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΌΠΎΠ΄Π½Ρ‹ΠΉ Π½ΠΎΠ²Ρ‹ΠΉ эффСкт параллакса).

Π§Π΅ΠΌ мСньшС, Ρ‚Π΅ΠΌ Π»ΡƒΡ‡ΡˆΠ΅

ВсСгда Π΄Π΅Ρ€ΠΆΠΈΡ‚Π΅ ΠΏΠΎΠ΄ ΠΊΠΎΠ½Ρ‚Ρ€ΠΎΠ»Π΅ΠΌ свою любовь ΠΊ Π½ΠΎΠ²ΠΎΠΌΡƒ эффСкту, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. ΠœΡ‹ всС увлСкаСмся Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ элСмСнтов Π² Π΄ΠΈΠ·Π°ΠΉΠ½, Π½ΠΎ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ это ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ созданию ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½Π½ΠΎΠΉ страницы, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ слоТно ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ. Π‘Π²Π΅Π΄ΠΈΡ‚Π΅ использованиС эффСктов ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса ΠΊ ΠΌΠΈΠ½ΠΈΠΌΡƒΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΈΡ… Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π°ΠΌ, Π³Π΄Π΅ ΠΎΠ½ΠΈ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ Ρ†Π΅Π½Π½ΠΎΡΡ‚ΡŒ вашСго Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

10 ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ эффСкта ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ людСй Π½Π° Π²Π΅Π±-сайт, эффСкт ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса β€” ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ ΠΈ ΡƒΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΈΡ… Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. Π”Π°Π²Π°ΠΉΡ‚Π΅ взглянСм Π½Π° Π΄Π΅ΡΡΡ‚ΡŒ Π²Π΅Π±-сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ эту Ρ‚Π΅Ρ…Π½ΠΈΠΊΡƒ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ ΠΈ ΠΆΠΈΠ²ΠΎΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚.

AnnonsΓΈrinnhold

AnnonsΓΈrinnhold , это Ρ„ΠΈΠ»ΡŒΠΌ ΠΎ ΠΆΠΈΠ·Π½ΠΈ ΠœΠ°Ρ€Π³Π°Ρ€ΠΈΡ‚Ρ‹ ΠŸΠ΅Ρ€Π²ΠΎΠΉ, которая ΠΊΠΎΠ³Π΄Π°-Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π° Π”Π°Π½ΠΈΠ΅ΠΉ, НорвСгиСй ΠΈ Π¨Π²Π΅Ρ†ΠΈΠ΅ΠΉ. Π­Ρ‚ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½, созданный с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π’Π΅Π²Π°, содСрТит ΠΌΠ½ΠΎΠ³ΠΎ историчСской ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΊΠ°Π΄Ρ€Ρ‹ ΠΈΠ· Ρ„ΠΈΠ»ΡŒΠΌΠ°. БущСствуСт ΠΎΠ³Ρ€ΠΎΠΌΠ½ΠΎΠ΅ количСство тСкстов ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Π°Π½Ρ‹ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹. Π­Ρ‚ΠΎ Π±Ρ‹Π» Π±Ρ‹ довольно Π΄Π»ΠΈΠ½Π½Ρ‹ΠΉ Π²Π΅Π±-сайт для ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠΉ, Ссли Π±Ρ‹ Π½Π΅ параллаксная ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ°.

Π’ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅ Π΅ΡΡ‚ΡŒ полноразмСрная фотография, которая фиксируСтся Π½Π° мСстС ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Π΅ тСкста ΠΈ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ замСняСтся ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ страницСй содСрТимого. Π­Ρ‚ΠΎΡ‚ эффСкт параллаксной ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ, Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡŽΡ‰ΠΈΠΉ ΡΠΊΠΎΠ»ΡŒΠ·ΡΡ‰Π΅Π΅ ΠΎΠΊΠ½ΠΎ, сигнализируСт ΠΎ Π½Π°Ρ‡Π°Π»Π΅ ΠΈ ΠΊΠΎΠ½Ρ†Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ€Π°Π·Π΄Π΅Π»Π° ΠΈ Ρ€Π°Π·Π±ΠΈΠ²Π°Π΅Ρ‚ содСрТимоС Π½Π° Π±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹Π΅ для восприятия Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρ‹. Π‘ΠΎΠ»Π΅Π΅ Ρ‚ΠΎΠ³ΠΎ, Π½Π° страницС Π΅ΡΡ‚ΡŒ ΠΈΠ½Π΄ΠΈΠΊΠ°Ρ‚ΠΎΡ€ выполнСния ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ , Ρ‚ΠΎΠ½ΠΊΠΎ Π½Π°ΠΌΠ΅ΠΊΠ°ΡŽΡ‰ΠΈΠΉ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ»Π³ΠΎ ΠΈΡ… ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΠΈΠ΅, ΠΏΠΎΠ±ΡƒΠΆΠ΄Π°ΡŽΡ‰ΠΈΠΉ ΠΈΡ… Π΄ΠΎΠΉΡ‚ΠΈ Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π° ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Цифровая Ρ€Π΅Ρ„ΠΎΡ€ΠΌΠ°

Reform Digital отличаСтся Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, Π² основС ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ Π»Π΅ΠΆΠ°Ρ‚ большиС яркиС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ эффСкты. Π’Π°ΠΌ Π΅ΡΡ‚ΡŒ гигантский тСкст, Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡŽΡ‰ΠΈΠ΅ΡΡ ΠΊΡ€ΡƒΠ³Π»Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹, ΠΈ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ экранС Π΅ΡΡ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ Π΄Π΅ΠΉΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅Ρ‚. Π’ этом Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½ΠΎΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Ρ‚Π°ΠΊΠΆΠ΅ Π΅ΡΡ‚ΡŒ нСсколько эффСктов ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ динамичности ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌΡƒ ΠΎΠΏΡ‹Ρ‚Ρƒ.

Π’Π°Ρˆ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ это Π²ΠΈΠ΄Π΅ΠΎ

ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΠΈ ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΡƒΡŽΡ‚ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ тСкста, Ρ„ΠΎΡ€ΠΌ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΈ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π° экранС с Ρ€Π°Π·Π½Ρ‹Ρ… Π½Π°ΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΉ. Digital Reform ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ максималистский ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ ΠΊ этому Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ, наполняя ΠΊΠ°ΠΆΠ΄ΡƒΡŽ Π΅Π³ΠΎ страницу Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΌΠΈ эффСктами ΠΈ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒΡŽ.

Covid-19 Π² АфрикС

Π€ΠΎΠ½Π΄ Мо Π˜Π±Ρ€Π°Π³ΠΈΠΌΠ° создал этот Π²Π΅Π±-сайт, созданный Π’Π΅Π², Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ людям Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠ΅ послСдствия COVID-19 Π² АфрикС, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ чувство Π½Π°Π΄Π΅ΠΆΠ΄Ρ‹ Π½Π° Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ этому Ρ€Π΅Π³ΠΈΠΎΠ½ Π² своСм восстановлСнии.

Π’Π°Ρˆ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ это Π²ΠΈΠ΄Π΅ΠΎ

Π•ΡΡ‚ΡŒ нСсколько Ρ‚ΠΎΠ½ΠΊΠΈΡ… эффСктов ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса. Π“Ρ€Π°Ρ„ΠΈΠΊΠ°, статистика ΠΈ тСкст ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π½Π° экран ΠΏΠΎ ΠΌΠ΅Ρ€Π΅ Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ посСтитСли ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΏΠΎ страницС. ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡΠ½Π°Ρ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ° Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΠΎΡ‚Π²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΎΡ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ ΠΎΠ±ΠΌΠ΅Π½Π° сообщСниями, придавая этому Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅ плавности, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ людям ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² пространствС.

Поклонная 9

ΠœΠ½ΠΎΠ³ΠΎΠΊΠ²Π°Ρ€Ρ‚ΠΈΡ€Π½Ρ‹ΠΉ Π΄ΠΎΠΌ Поклонная 9 с Π΄Π½Π΅Π²Π½Ρ‹ΠΌ спа-салоном ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΌΠΎΠ΄Π½Ρ‹ΠΌΠΈ удобствами ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ‚ Ρ‚Π΅ΠΌ, ΠΊΡ‚ΠΎ ΠΈΡ‰Π΅Ρ‚ Ρ€ΠΎΡΠΊΠΎΡˆΠ½ΡƒΡŽ Тизнь. Π­Ρ‚ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ дСмонстрируСт Ρ…ΠΎΡ€ΠΎΡˆΠΎ Ρ€Π°Π·Π²ΠΈΡ‚ΠΎΠ΅ чувство размСрности. Наряду с эффСктами ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса, Π΅ΡΡ‚ΡŒ наслоСниС тСкста ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ Π³Π»ΡƒΠ±ΠΈΠ½Ρ‹ всСму.

Π₯отя Π½Π° этом Π²Π΅Π±-сайтС ΠΏΡ€Π΅ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‚ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ, ΠΎΠ½ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ каТСтся слишком Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½Ρ‹ΠΌ. Π­Ρ„Ρ„Π΅ΠΊΡ‚Ρ‹ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса ΠΎΡ‚Π΄Π΅Π»ΡΡŽΡ‚ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ элСмСнт Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°, привлСкая Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ посСтитСлСй, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π° экранС.

Hajk

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ эффСкта параллаксной ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π½Π° Π²Π΅Π±-сайтС, созданном Vev для Hajk , скандинавского Π±Ρ€Π΅Π½Π΄Π° Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ ΠΎΠ΄Π΅ΠΆΠ΄Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ дСмонстрируСт свою ΠΏΡ€ΠΈΠ²Π΅Ρ€ΠΆΠ΅Π½Π½ΠΎΡΡ‚ΡŒ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΠ°ΠΌ устойчивого развития. ΠžΡ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°Ρ…, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΠ·Π³ΠΎΡ‚ΠΎΠ²Π»Π΅Π½Π° ​​одСТда Hajk, Π΄ΠΎ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ людСй, ΠΎΠ΄Π΅Ρ‚Ρ‹Ρ… Π² своС снаряТСниС, ΠΏΡƒΡ‚Π΅ΡˆΠ΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΡ… ΠΏΠΎ Π³ΠΎΡ€Π°ΠΌ, Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ, ΠΊΡ‚ΠΎ ΠΎΠ½ΠΈ ΠΊΠ°ΠΊ компания ΠΈ Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ цСнят.

Подобно Π²Π΅Π±-сайту Annonsorinnhold, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ рассмотрСли ΠΏΠ΅Ρ€Π²Ρ‹ΠΌ, этот Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ‚Π°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ параллакса для создания эффСкта ΡΠΊΠΎΠ»ΡŒΠ·ΡΡ‰Π΅Π³ΠΎ ΠΎΠΊΠ½Π°. Π­Ρ‚ΠΎΡ‚ Ρ€Π°Π·Π΄Π΅Π» Π½ΠΈΠΆΠ½Π΅Π³ΠΎ ΠΊΠΎΠ»ΠΎΠ½Ρ‚ΠΈΡ‚ΡƒΠ»Π° обСспСчиваСт параллакс, открывая Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ с большСй ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ, Ρ‡Π΅ΠΌ ΠΎΡΡ‚Π°Π»ΡŒΠ½Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ экрана, создавая ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° физичСски вытягиваСтся снизу.

Vev: ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΠΌ ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‡Ρƒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ этого многослойного эффСкта ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса изобраТСния, встроСнного Π² Vev. Наша ΠΊΠΎΠΌΠ°Π½Π΄Π° Π½Π°Π·Π²Π°Π»Π° Π΅Π³ΠΎ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· самых Π½Π΅Π΄ΠΎΠΎΡ†Π΅Π½Π΅Π½Π½Ρ‹Ρ… Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ Vev .

ΠŸΠ°Ρ€Π°Π»Π»Π°ΠΊΡ многослойного изобраТСния позволяСт Π²Π°ΠΌ Π²Π·ΡΡ‚ΡŒ слоТноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‚Π°ΠΊΠΎΠ΅ ΠΊΠ°ΠΊ эта Ρ€Π°Π΄ΡƒΠ³Π° ΠΈΠ· Ρ€Π°Π·Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Ρ… полос, ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π²ΠΏΠ΅Ρ‡Π°Ρ‚Π»Π΅Π½ΠΈΠ΅, Π±ΡƒΠ΄Ρ‚ΠΎ всС Π΅Π³ΠΎ части двиТутся ΠΏΡ€ΠΈ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅. ΠœΡ‹ Ρ€Π°Π΄Ρ‹ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ это ΠΊΠ°ΠΊ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΌΠ½ΠΎΠ³ΠΈΡ… Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… эффСктов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Vev.

Vendredi Society

ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΠΌ ΠΏΡ€Π°Π²Π΄Π΅ Π² Π³Π»Π°Π·Π°, Π² наш Π²Π΅ΠΊ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΡ… ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΎΠ² внимания Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ Π·Π°Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ посСтитСля с Ρ‚ΠΎΠ³ΠΎ ΠΌΠΎΠΌΠ΅Π½Ρ‚Π°, ΠΊΠ°ΠΊ ΠΎΠ½ ΠΏΠΎΠΏΠ°Π΄Π°Π΅Ρ‚ Π½Π° ваш сайт, ΠΈ ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π½Π° протяТСнии всСго Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ, ΠΏΠΎΠΊΠ° ΠΎΠ½ΠΈ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ Π΅Π³ΠΎ. Π‘ эффСктами ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса всС ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡƒΡ‚ΠΎΠΌΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ, ΠΊΠΎΠ³Π΄Π° всС ΠΎΠ½ΠΈ ΡΠ»Π΅Π΄ΡƒΡŽΡ‚ ΠΎΠ΄Π½ΠΈΠΌ ΠΈ Ρ‚Π΅ΠΌ ΠΆΠ΅ шаблонам. Vendredi Society  ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΡˆΠΈΡ€ΠΎΠΊΠΈΠΉ Π²Ρ‹Π±ΠΎΡ€ параллакса, благодаря Ρ‡Π΅ΠΌΡƒ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ этого Π΄ΠΈΠ·Π°ΠΉΠ½Π° каТСтся свСТим ΠΈ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΌ.

Π’Π°Ρˆ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ это Π²ΠΈΠ΄Π΅ΠΎ

Π­Ρ‚Π° Π²Π΅Π±-страница ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΎΠΏΡ‹Ρ‚, Π½Π°ΠΏΠΎΠ»Π½Π΅Π½Π½Ρ‹ΠΉ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒΡŽ ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ, ΠΈ ΠΏΡ€ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅ ΠΎΠ½Π° ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ Π·Π°Ρ…Π²Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ Π² ΡƒΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΠ΅ с ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΎΠΉ параллакса. Π•ΡΡ‚ΡŒ тСкст ΠΈ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ эффСкты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΏΠΎ экрану с Ρ€Π°Π·Π½ΠΎΠΉ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒΡŽ. Π”Π°Π»ΡŒΠ½Π΅ΠΉΡˆΠ΅Π΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊ ΠΎΡ‰ΡƒΡ‰Π΅Π½ΠΈΡŽ размСрности β€” это Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ z-индСксы, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ½ΠΈ Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°ΡŽΡ‚ΡΡ.

Eidsiva

Eidsiva β€” норвСТская компания, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‰Π°ΡΡΡ Π½Π° возобновляСмых источниках энСргии. Π’ этом Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, созданном Vev, Π΅ΡΡ‚ΡŒ элСмСнты ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ тСкст, ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‰ΠΈΠΉΡΡ ΠΏΠΎ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ Π²ΠΈΠ΄Π΅ΠΎ, Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ тСкст, Π° Ρ‚Π°ΠΊΠΆΠ΅ эффСкты ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса. Π­Ρ‚ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Ρ‹ΠΈΠ³Ρ€Ρ‹Π²Π°Π΅Ρ‚ ΠΎΡ‚ мноТСства встроСнных эффСктов Vev, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ слуТат ΠΊΠ°ΠΊ Π΄Π΅ΠΊΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΌ, Ρ‚Π°ΠΊ ΠΈ практичСским цСлям, привлСкая Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ частям ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Forner

Благодаря ΡΡ‚ΠΈΠ»ΡŒΠ½ΠΎΠΌΡƒ ΡΠΎΡ‡Π΅Ρ‚Π°Π½ΠΈΡŽ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ, ΠΏΠ°ΡΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Ρ‚ΠΎΠ½ΠΎΠ² ΠΈ блСстящих Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ² Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³Π°, Π½Π°Π΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ ΠΎΠ½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΈ, Forner Studio смСло дСмонстрируСт свою Ρ€Π°Π±ΠΎΡ‚Ρƒ, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Π΅Ρ‚ ΠΈΡ… ΡƒΡ‚ΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹Π΅ ΠΈ ΡƒΡ‚ΠΎΠ½Ρ‡Π΅Π½Π½Ρ‹Π΅ чувства.

Π’Π°Ρˆ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ это Π²ΠΈΠ΄Π΅ΠΎ

Π’Π΅Π±-сайты, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π½Π° эстСтику высокого класса, ΠΈΠ½ΠΎΠ³Π΄Π° каТутся Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ скучными. ΠœΠ½ΠΎΠΆΠ΅ΡΡ‚Π²ΠΎ эффСктов ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса, Π·Π°Ρ‚Ρ€Π°Π³ΠΈΠ²Π°ΡŽΡ‰ΠΈΡ… ΠΊΠ°ΠΊ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ эффСкты, Ρ‚Π°ΠΊ ΠΈ тСкст, Π΄Π΅Π»Π°ΡŽΡ‚ Π΅Π³ΠΎ Π±ΠΎΠ³Π°Ρ‚Ρ‹ΠΌ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΈΠΌ интСрфСйсом, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ каТСтся ΠΏΠΎΠ»Π½Ρ‹ΠΌ ΠΆΠΈΠ·Π½ΠΈ ΠΈ Π΄Π°Π΅Ρ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Ρƒ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π΄Ρ‹ΡˆΠ°Ρ‚ΡŒ.

Π‘Π΅Π²Π΅Ρ€Π½ΠΎΠ΅ ΠΌΠΎΡ€Π΅

Π‘Π΅Π²Π΅Ρ€Π½ΠΎΠ΅ ΠΌΠΎΡ€Π΅ , Π±ΠΎΠ΅Π²ΠΈΠΊ, дСйствиС ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ происходит Π² ΠΎΠΊΠ΅Π°Π½Π΅, начинаСтся с ΠΊΠ°Π΄Ρ€Π° горящих нСфтяных Π²Ρ‹ΡˆΠ΅ΠΊ. Π­Ρ‚ΠΎ драматичСскоС Π½Π°Ρ‡Π°Π»ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ с самого Π½Π°Ρ‡Π°Π»Π° Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ чувство Π»ΡŽΠ±ΠΎΠΏΡ‹Ρ‚ΡΡ‚Π²Π° ΠΊ этому Ρ„ΠΈΠ»ΡŒΠΌΡƒ. Π­Ρ‚ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ прСдставляСт собой приятноС сочСтаниС Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΉ, тСкста ΠΈ Π²ΠΈΠ΄Π΅ΠΎ, ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅, ΠΊΠ°ΠΊ Π»Π΅Π³ΠΊΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Π΅ Ρ‚ΠΈΠΏΡ‹ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Vev.

Π˜ΡΡ‚ΠΎΡ€ΠΈΡ этого Ρ„ΠΈΠ»ΡŒΠΌΠ° рассказываСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ°Π΄Ρ€ΠΎΠ² ΠΈΠ· Ρ„ΠΈΠ»ΡŒΠΌΠ°, Π° Ρ‚Π°ΠΊΠΆΠ΅ тСкста. Π’Π°ΠΊΠΎΠ΅ использованиС эффСктов ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса Π² Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Π΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, Ρ€Π°ΡΡΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌ ΠΎ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠ΅, ΠΎΡ‡Π΅Π½ΡŒ эффСктивно, облСгчая Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ ΠΏΠΎ Π±ΠΎΠ»ΡŒΡˆΠΎΠΌΡƒ количСству ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ эффСкты ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΠΈ параллакса Π² своСм ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π΅

Π’Π΄ΠΎΡ…Π½ΠΎΠ²ΠΈΠ»ΠΈΡΡŒ ΠΈ ΠΆΠ°ΠΆΠ΄Π΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‚ΠΊΡƒ параллакса Π² свой собствСнный ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚? Π‘ Π’Π΅Π² ΠΏΡ€ΠΎΡ‰Π΅ Π½Π΅ΠΊΡƒΠ΄Π°. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ наши ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ элСмСнты параллакса β€” параллакс изобраТСния ΠΈ многослойный параллакс β€” ΠΈ быстро создайтС Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ сСбС прСдставляСтС. НС трСбуСтся большого Π±ΡŽΠ΄ΠΆΠ΅Ρ‚Π° ΠΈΠ»ΠΈ Π·Π½Π°Π½ΠΈΠΉ Π² области кодирования. ΠŸΡ€ΠΎΡΡ‚ΠΎ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΡƒΠΉΡ‚Π΅ свой сайт прямо Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, ΠΊΠΎΠ³Π΄Π° Π±ΡƒΠ΄Π΅Ρ‚Π΅ Π³ΠΎΡ‚ΠΎΠ²Ρ‹.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *