• ОЀОРМИВЬ ΠŸΠžΠ”ΠŸΠ˜Π‘ΠšΠ£ ΠžΠ’Π—Π«Π’Π«

🌐 Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ сайтов [Breezzly] Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΊΡΠΊΠ»ΡŽΠ·ΠΈΠ²Π½Ρ‹Ρ… сайтов с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ Π½Π° Tilda Zero Block (2021)

Gatsby

ВЕЧНЫЙ

Gatsby

ВЕЧНЫЙ
РСгистрация
10 ΠžΠΊΡ‚ 2018
БообщСния
34,758
Π›Π°ΠΉΠΊΠΈ
139,759
Автор: Breezzly
НазваниС: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠΊΡΠΊΠ»ΡŽΠ·ΠΈΠ²Π½Ρ‹Ρ… сайтов с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ Π½Π° Tilda Zero Block (2021)

2021-08-17_20-25-19.png

Π§Ρ‚ΠΎ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅ Π½Π° курсС
Π‘Π½Π°Ρ‡Π°Π»Π° Π²Ρ‹ ΠΎΡΠ²ΠΎΠΈΡ‚Π΅ΡΡŒ Π² Tilda, Π° Π·Π°Ρ‚Π΅ΠΌ Π²ΠΎΠ·ΡŒΠΌΠ΅Ρ‚Π΅ΡΡŒ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ ΠΈΠ· Figma Π² ΠΏΠΎΠ»Π½ΠΎΡ†Π΅Π½Π½Ρ‹Π΅ сайты ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹Π΅ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ. Вас ΠΆΠ΄Π΅Ρ‚ ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ° ΠΏΠΎ вСрсткС нСстандартных ΠΊΠΎΠΌΠΏΠΎΠ·ΠΈΡ†ΠΈΠΉ, Ρ€Π°Π±ΠΎΡ‚Π° с пошаговой Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΈ адаптация Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠ΄ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅. Π—Π° врСмя курса Π²Ρ‹ Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ ΠΏΠΎ Π±ΠΎΠ΅Π²ΠΎΠΌΡƒ Π±Ρ€ΠΈΡ„Ρƒ с интСрСсными композициями ΠΈ анимациями, освоитС систСму создания сайтов Π½Π° Tilda Zero Block, станСтС смСлСС Π² экспСримСнтах ΠΈ Π²ΠΎΠΏΠ»ΠΎΡ‰Π΅Π½ΠΈΠΈ собствСнных ΠΈΠ΄Π΅ΠΉ!

Π§Π΅ΠΌΡƒ Π½Π°ΡƒΡ‡ΠΈΡ‚Π΅ΡΡŒ
  • Π’Ρ‹ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ процСсс ΠΈ ΠΎΡ€Π³Π°Π½ΠΈΠ·ΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ ΠΏΠΎ созданию сайтов Π² ВильдС
  • Π’Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ‹ ΠΈΠ· Figma с ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π² Tilda Zero Block
  • Π Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с сСткой ΠΈ Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Grid ΠΈ Window Container
  • ΠΠ½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ элСмСнты сайта с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π±Π°Π·ΠΎΠ²ΠΎΠΉ ΠΈ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΠΎΠΉ пошаговой Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ
  • Π”ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ изобраТСниям Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ с эффСктом параллакс
  • ΠΠ°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΡƒΡŽ Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€Π½ΡƒΡŽ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΡŽ ΠΏΡ€ΠΈ взаимодСйствии с ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌΠΈ Π½Π° экранС
  • ΠΠ΄Π°ΠΏΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ΄ смартфоны ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹
  • Π”ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ ΠΈ Π½Π°ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡ‹ Π½Π° сайтС для сбора Π·Π°ΠΊΠ°Π·ΠΎΠ²
ΠŸΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° курса:

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ 1. ВСрстка ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ· Figma Π² Tilda Zero Block β€” командная ΠΈΠ³Ρ€Π° Figma ΠΈ Tilda
Π¨Π°Π³ 1. Знакомство с ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠΌ ΠΈ ΠΎΠ±Π·ΠΎΡ€ Tilda
Π¨Π°Π³ 2. Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ Π²ΠΈΡ‚Ρ€ΠΈΠ½Ρƒ ΠΏΡ€ΠΎΠΌΠΎ-страницы (ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ экран) ΠΏΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ Π² Figma
Π¨Π°Π³ 3. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ с интСрСсными ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ стилями
Π¨Π°Π³ 4. БвСрстаСм популярныС ΠΏΠΎΠ΄Π±ΠΎΡ€ΠΊΠΈ ΠΏΠΎ нСстандартной сСткС
Π¨Π°Π³ 5. Π”ΠΎΠ±Π°Π²ΠΈΠΌ атмосфСрный Π±Π»ΠΎΠΊ с Ρ†ΠΈΡ‚Π°Ρ‚ΠΎΠΉ
Π¨Π°Π³ 6. Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Tilda ToolTip
Π¨Π°Π³ 7. Освоим Ρ€Π°Π±ΠΎΡ‚Ρƒ с панСлью слоСв ΠΈ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠΌ ΠΊΠΎΠ»Π»Π°ΠΆ капсулы
Π¨Π°Π³ 8. Π Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ Π±Π»ΠΎΠΊ с ΠΎΡ‚Π·Ρ‹Π²Π°ΠΌΠΈ ΠΈ настроим Ρ„ΠΎΡ€ΠΌΡ‹ сбора ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ²

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ 2. ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏΡ‹ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π² Tilda Zero Block β€” ΠΎΡ‚ ΠΏΡ€ΠΎΡ‚ΠΎΡ‚ΠΈΠΏΠΎΠ² ΠΊ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚ΠΎΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π² ВильдС
Π¨Π°Π³ 1. Знакомство с пошаговой Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ Π² Tilda Zero Block, настройка Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ Ρ„ΠΎΡ‚ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π° Π² ΠΏΠ΅Ρ€Π²ΠΎΠΌ экранС
Π¨Π°Π³ 2. ΠžΡ€ΠΊΠ΅ΡΡ‚Ρ€ΠΎΠ²ΠΊΠ° Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π³Ρ€ΡƒΠΏΠΏ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚ΠΎΠ² с собствСнной Ρ‚Ρ€Π°Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠ΅ΠΉ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π°ΠΉΠΌΠ»Π°ΠΉΠ½Π°
Π¨Π°Π³ 3. Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΡˆΠΎΡƒΡ€ΠΈΠ» с Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠ΅ΠΉ ΠΏΠΎ навСдСнию курсора
Π¨Π°Π³ 4. АнимируСм ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³
Π¨Π°Π³ 5. АнимируСм мягкоС появлСниС дизайнСрских ΠΊΠΎΠ»Π»Π΅ΠΊΡ†ΠΈΠΉ ΠΏΡ€ΠΈ cΠΊΡ€ΠΎΠ»Π»Π΅ Π±Π»ΠΎΠΊΠ°
Π¨Π°Π³ 6. АнимируСм ΡΡ„Ρ„Π΅ΠΊΡ‚Π½ΡƒΡŽ заставку, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ экран сайта

ΠŸΡ€ΠΎΠ΅ΠΊΡ‚ 3. ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ вСрсии ΠΈ адаптация Π² Zero Block для ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² ΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ²
Π¨Π°Π³ 1. Адаптация Zero Block ΠΏΠΎΠ΄ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹ β€” тонкости Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΉ вСрстки Π½Π° ВильдС
Π¨Π°Π³ 2. Адаптация Zero Block ΠΏΠΎΠ΄ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρ‹ ΠΈ срСда для тСстирования Π½Π° популярных смартфонах
Π¨Π°Π³ 3. Адаптация мСню для мобильной Π² Zero block β€” создаСм Β«Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€Β»

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅:
Π‘ΠΊΡ€Ρ‹Ρ‚ΠΎΠ΅ содСрТимоС доступно для зарСгистрированных ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ!

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ:
 
Π’ΠΠ–ΠΠž:

НС оставляйтС ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ с ΠΏΡ€ΠΎΡΡŒΠ±Π°ΠΌΠΈ ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ / Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ссылку Π½Π° скачиваниС ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ Ρ‚ΠΈΠΏΠ° Β«404Β», «ошибка».

Для восстановлСния ссылки Π΅ΡΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«Π–Π°Π»ΠΎΠ±Π° / Π’ΠΎΡΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ссылку» Π² ΠΏΠ΅Ρ€Π²ΠΎΠΌ постС Ρ‚Π΅ΠΌΡ‹.

ΠŸΡ€ΠΈ Π½Π°Ρ€ΡƒΡˆΠ΅Π½ΠΈΠΈ Π’Π°Ρˆ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ΄Π°Π»Π΅Π½, Π° Π’Π°Ρˆ Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚ Π·Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Π½ Π½Π° сутки. ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, ΠΈΠ·ΡƒΡ‡ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° нашСго сайта.
Π‘Π²Π΅Ρ€Ρ…Ρƒ Π‘Π½ΠΈΠ·Ρƒ