Адаптивна верстка цікавого сайту. Пояснення дій. HTML CSS JS FIGMA. Частина №3

Рет қаралды 10,979

8 ай бұрын

Адаптивна верстка сайту на базі шаблону Чертоги Фрілансера 3. Пояснення дій. HTML CSS JS FIGMA. Слайдери, спойлери, меню бургер, анімації при скролі, підвантаження з JSON та інше!
👉 Усі частини майстер-класу: • Адаптивна верстка ціка...
👉 Що такє стартовий шаблон "Чертоги Фрілансера": template.fls.guru/template-do...
👉 Посилання на стартовий шаблон з напрацюваннями "Чертоги Фрілансера" 3 (патреон): / startovyi-v3-59380989
👉 Макет (відкритий доступ): / 88064356
👉 Результат верстки (Patreon - Junior): / rezultat-verstki-89199655
👉 Інші безкоштовні майстер-класи з верстки сайтів: • Адаптивная вёрстка лен...
🔴Канал з практикою без слів Code Only - / @codeonly
Курси:
🟢 Курс по верстці: edu.fls.guru/
🟢 Платні майстер-класи: master.fls.guru/
💪 ГетьТривогаЧелендж: t.me/freelancer_lifestyle/496
❤️ Отримати доступ к екстра-контенту + підтримати канал: / freelancerlifestyle
❤️ Спонсорувати канал: / @freelancerlifestyle
Корисні посилання:
👉 Безкоштовний курс по верстці: • БЕСПЛАТНЫЙ курс по вер...
👉 VS Code: • VS Code настройка уста...
👉 Как правильно навчатись: • Как правильно учиться ...
👉 План розвитку фронтенд розробника (+МАПА): • ПЛАН РАЗВИТИЯ ФРОНТЕНД...
🔴 Мапа каналу: miro.com/app/board/o9J_lZB3YKI=/
🔴 Instagram: / freelancer.lifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстці: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
👋 Мене звати Женя Андріканич, я IT - спеціалист, займаюсь розробкою сайтів.
Посилання на канал: / freelancerlifestyle
🤟 Живи, а працюй у вільний час! ©

Пікірлер: 19

@sychevskyi863 2 ай бұрын

Пишаюся, що дихаю одним повітрям з такою людиною як ти, Євгене. Дуже тобі вдячний за все, що ти робиш - це надзвичайно корисно і надихає рухатись далі.

@user-bf6cp8ju1i 8 ай бұрын

Дякую! Дуже інформативно! 😵‍💫

@MrVitiok20091 8 ай бұрын

Жень, дякую! Дуже корисно!

@escobar929 10 күн бұрын

Жека просто красень!!!!!!!!!!

@user-ye5tk8it1p Ай бұрын

Дякую дуже класний і корисний контент я б дивився і дивився )))

@user-ru7dp2dl1e 4 ай бұрын

Женя, величезне дякую за шаблон, він нереально крутий і дійсно полегшує роботу. Зараз переглядаю твої відео і вчуся ним користуватись. Це той інструмент, який робить верстку кайфом ❤

@FreelancerLifeStyle 4 ай бұрын

Супер, радий що корисно!

@YevheniiParkhomenko 8 ай бұрын

Багато корисного - дякую!

@user-zf7ds2eg5t 7 ай бұрын

спасибо

@user-lz3je9pr9o 7 ай бұрын

👍👍👍

@avalex82 8 ай бұрын

Дякую за контент) доречі, вчора закінчив шаблон у портфоліо, так як раз там і була ця фішка з частиною слайду ще й за межами контейнера, так і дізнався, що можна просто вказувати не цілі числа у слайдері та ще й знімати з врапера хайден ))))

@juditvw_official 8 ай бұрын

Можеш показать в след. видео как создать окно входа и верификации похоже по действию как в инстаграме?

@BRILLIANTIC1 7 ай бұрын

Дуже корисно. Багато чого навчився на цьому макеті!

@maximka2246 8 ай бұрын

Усім привіт! Як зробити щоб у списку був не кружечок, а квадрат як на макеті. Через крапку виходить кружечок. Заздалегідь дякую

@avalex82 8 ай бұрын

Було б цікаво подивитися на реалізацію кнопки вью мор саме модулем з шаблону, бо там типу якщо текст або список класичний (стовбчиком лішки) то зрозуміло, але здебільшого в макетах йде саме список флексом чи гридом і ось тут було б цікаво показати правильну реалізацію, бо наморочився вже з ними, типу працює, але приходиться кудлатити бабусю, особливо з адаптивом і притому залищаеється "але".

@sergmalin210 8 ай бұрын

Жека, зроби відео про JS бібліотеку AOS-animate

@user-qv3ws8os4c 8 ай бұрын

Я проверстал все макеты легкого уровня, а здесь уже совсем другая песня. Особенно в json на карточках просто убил меня. Тем не менее интересно очень, особенно вот так на ютубе за бесплатно. За patreon junior тоже отдельное спасибо, документацию шаблона придется шерстить)