Тёмный

Адаптивна верстка сайту на базі шаблону ЧФ3. Пояснення дій. HTML CSS JS FIGMA. Частина №1 

Фрілансер по життю
Подписаться 313 тыс.
Просмотров 50 тыс.
50% 1

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

Опубликовано:

 

14 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 126   
@ОксанаЗаборіна
@ОксанаЗаборіна 2 года назад
Колись потрапляла на ваші відео старі, коли лише починала цікавитись версткою, але думала, що ви з росії, і в якому я приємному шоці, що ви мій співвітчизник і ще й перейшли на українську ❤❤❤ у вас дуже класний якісний контент, тому тепер не обдумуючи підписка і повага, дякую за відео і позицію ❤
@ВолодимирЕрмаков
@ВолодимирЕрмаков 2 года назад
Вітаю! Хочу висловити подяку , саме за підтримку українскього контенту. І за те що самі такі люди надихають інших робити те саме - користатися рідною мовою, це просто чудово!
@nazarlevchuk7773
@nazarlevchuk7773 2 года назад
Не завжди є час переглянути відео але поставити лайк і комент це обовязково, респект за україномовний контент, завжди бере гордість за людей які стараються подавати контент на рідній мові!
@Dmytro_Galak
@Dmytro_Galak Год назад
Дякую вам за роботу. Дуже цікавий і якісний контент!!!
@ninachumak7785
@ninachumak7785 Год назад
Респект за ведення українською мовою. Нарешті я дочекалась цього моменту, що можна навчатись і слухати контент рідною мовою. Українська, як музика. Слухаю і плачу від тих позитивних емоцій, які переповнюють мене. Так тримати👏
@Yoda12-_-
@Yoda12-_- Год назад
Дуже приемно дивитися відео рідною мовою, за це окреме дякую.
@webriter_tech
@webriter_tech Год назад
Почав верстати з Жекою, але у мене щось не вийшло повторити все крок за кроком. В підсумку все видалив та зверстав блок, але використовуючи одиниці виміру vw. Вийшло один в один як в відео - і з точки зору центровки, і з точки зору responsive. Дуже круте відчуття, коли можеш зверстати все сам без підказок. Євген, дякую тобі за знання. Без твого курсу з верстки та цих майстер класів, я б мабуть роками збирав інформацію по частинках в інтернеті. А тепер можу верстати відносно складні елементи самостійно) З мене підписка на патреон
@BannedVasya
@BannedVasya Год назад
Неймовірна вдячність за твою працю. Коментар та лайк від мене перманентні.
@Snegurjan
@Snegurjan Год назад
Ой як приємно тебе чути бро солов'їною. 🤜🤛🤟
@olexsandrapavlenko1166
@olexsandrapavlenko1166 Год назад
величезне дякую!)) ваші відео, це щось неймовірне, без води й конкретика!)))
@user-diana_koliada
@user-diana_koliada 2 года назад
Дуже дякую за цікаві та корисні відео! Також за український контент, дивитись стало ще приємніше!😊
@ОлегСтранник-й9ы
дзякую за чудову трансляцiю. Всем мира!
@BRILLIANTIC1
@BRILLIANTIC1 Год назад
Так, лайкос, комент за велику роботу Євгена. Тож не проходьте повз, беріть приклад з мене.
@KOTOVSKUA
@KOTOVSKUA 2 года назад
Давненько не був на вашому каналі. Вже 299 тис. підписників! Круто! Успіхів каналу! Україномовний контент вже б'є не тільки кількістю, а ще й якістю! В нас талоновиті люди!
@InvisibleBunny
@InvisibleBunny 2 года назад
Крутезне відео, навіть для початківця😉
@oleg5588
@oleg5588 Год назад
Не перший, хто це скаже, але не можу промовчати: величезна подяка Вам, Євгенію, за контент солов’їною! 🤗
@vadimoleynik5590
@vadimoleynik5590 Год назад
Дякую за український контент🎉🎉🎉
@andreiognev1426
@andreiognev1426 2 года назад
Женя, сердечное спасибо тебе! Твои уроки всегда на высоте.
@ВасилийПупкин-ш7щ
@ВасилийПупкин-ш7щ 2 года назад
Спасибо Вам, за вашу работу и за вашу честность❤
@НазарКултаев-э6ъ
@НазарКултаев-э6ъ 2 года назад
Спасибо за контект, смотрю из Казахстана 🇰🇿❤️
@ivanpav
@ivanpav 2 года назад
Доброго дня) Звернув увагу, що Ви копіюєте повертаючись декілька разів на потрібну сторінку. Спробуйте поєднання клавіш win + v. На віндовс 10 це дає доступ до буфера обміну і там Ви зможете обрати, що вставляти.
@FreelancerLifeStyle
@FreelancerLifeStyle 2 года назад
Дякую
@sanyok185
@sanyok185 Год назад
Слава Україні!
@TheGraffityman
@TheGraffityman 2 года назад
Шукав інфу, зайшов на твій відос 19 року. Говориш російською, думаю гляну як зараз, перейшов на укаїнську, бл* ах*єнно))) PS: бачу я не такий один це зацінив))))
@ruslan_lwow79
@ruslan_lwow79 2 года назад
Дякую Євген. Згадуючи те як ви колись розмовляли мовою дикунів, і бачу як вам важко зараз переключитися на технічно професійну Українською, розумію що це не легко!!! Але ви це зробили, а тим що "неудобно" це питання інтелекту і бажання ...ви живий приклад! Я не знаю що ще має статися щоб нарешті все рашистське пішло з нашого життя...Розвивайте Українське ! Україна буде топ у світі! А російська то вже мова відсталих деградованих...
@andreiognev1426
@andreiognev1426 2 года назад
....А російська то вже мова відсталих деградованих... Это одна языковая группа с украинским языком. Так что Руслан извини, ничего личного.. А Женя и правда лучший из лучших. Я давно на него подписан. Руслан от всей души тебе желаю стать одним из самых востребованных фронтенд - разработчиков!!! И удачи нам всем в этом деле.. Живи, Обучайся, Развивайся и стань свободным от всех предрассудков !
@ruslan_lwow79
@ruslan_lwow79 2 года назад
@@andreiognev1426 Это одна языковая группа с украинским языком.?? Язік і мова ? ти нічого не попутав ?
@ruslan_lwow79
@ruslan_lwow79 2 года назад
рускоговорящих ніхто чути і бачити не хоче ...а ти розказуєш про одну групу)) вчи Українську або Англійську, а то скоро тобі дорога буде тільки в одну сторону ...там де деградація і варвари....
@dmitry7518
@dmitry7518 Год назад
слухай, ти не вважаешь, що це вже націоналізм? Наприклад, я з Харкова, і говорю російською, і я так розумію, якщо ми зустрінемося ти будеш мене зневажати лише тому що я говорю російською? як і будь який українець чи адекватна людина я не підтримую все це, але плюватися абсолютно на всіх, хто говорить російською, навіть на своїх співвітчизників це є дуже інфантильно
@ruslan_lwow79
@ruslan_lwow79 Год назад
@@dmitry7518 товариш з Харкова після нападу дикунів рускоговорящих перейшов на Українську і визнав що це мова варварів...моя прабабця із Слобожанщини, вчителька Української, говори далі рашистською твоє життя твій вибір, я знаю ту фашистську мову але ніколи більше вжитті нею розмовляти не буду... розмовляю польською англійською і рідною, а російська вона до речі простіша і легша за Українську тому можливо вам і важко її освоїти ? якщо ні тоді не розумію цієї принциповості...Живу в Укрїна іразгавариваю на руськом я Украинец!! Гімн України ти на якій мові співаєш ?
@O.Kosty.
@O.Kosty. 2 года назад
Дуже дякую! Як завжди КРУТО! Вчу украiнску мову потрошкi. Слава Украiне!
@БогданПетренко-н8ч
гарна українська))
@ArsenDanylenko
@ArsenDanylenko Год назад
Дякую за таку роботу!
@ilchyshyn
@ilchyshyn Год назад
Дякую за майстер клас, дуже якісний контент 💪🇺🇦
@ЮрійДмитрик-в9в
Велике Дякую за першу частину майстер класу !) Було дуже цікаво та корисно)
@racing_garazh_zona
@racing_garazh_zona 2 года назад
Дякую тобі за допомогу!!
@IvanKoshykar_
@IvanKoshykar_ 2 года назад
вподобайка за відео
@Romulus585
@Romulus585 10 месяцев назад
Никогда не жил в Украине, но сначала полномасштабного нападения так привык к украинскому, что уже не замечаю каких либо проблем в восприятии на слух. В этом году побывал в Польше и Чехии, постоянно озирался на знакомые слова. Особенно чешский красивый и западный украинский. Кстати, спасибо за контент Фрилансер, подписан на патреон и ни разу не пожалел!!!
@alesmazur7640
@alesmazur7640 Год назад
Дзякуй за кантэнт без расейскай мовы!)
@mag1c72
@mag1c72 2 года назад
Дуже крутий стрім продовжуй в тому ж дусі сподіваюсь запис залишиться
@user-raptoryatko11
@user-raptoryatko11 2 года назад
Дуже дякую за цікаві і корисні відео)
@LimoBeats69
@LimoBeats69 Год назад
підкажіть, чому коли ставиш в шаблоні при настройці розмірів $maxWidthContainer: 0; $containerPadding: 0; в цих параметрах щось крім 0, адаптив працює по брейкпоінтах, тобто плавно не звужується при зменшенні сторінки, а різко перескакує. ============================= $minWidth: 320; $maxWidth: 1920; $maxWidthContainer: 0; $containerPadding: 0; тільки з такими настройками все плавно працює ($responsiveType: 1)
@Ivan60179
@Ivan60179 2 года назад
так гарна мова
@MykolaYashchuk
@MykolaYashchuk 2 года назад
Привіт, Женя. Цікавить повний, новий відео курс по натяжці верстки на Woocomerce, чи можеш порадити де б то придбати?
@xXx-oc5du
@xXx-oc5du 2 года назад
круто)))👍👍👍👍
@peterdunaevski7202
@peterdunaevski7202 2 года назад
Чесно кажучи українською якось воно й краще заходить. Гідний контент!
@dubanzai
@dubanzai 2 года назад
обожнюю цей канал!!!!
@27viktoria12
@27viktoria12 2 года назад
Класний стрім!
@Robi_Bobi
@Robi_Bobi 2 года назад
супер, дякую! Як включити коментарі коли етрактором переношу в scss стилі?
@ihorprybula9856
@ihorprybula9856 2 года назад
приємно спостерігати за роботою профі
@Artem_Lira
@Artem_Lira 2 года назад
Привіт. Дякую за чудовий стрім. З нетерпінням чекаю кожне нове відео. Дуже цікавить коли вийде навчання по Вордпресу та Реакту?
@sergeant_verteletskyi2357
@sergeant_verteletskyi2357 Год назад
дякую
@mr.matvieiev3653
@mr.matvieiev3653 2 года назад
))це просто пушка,))))
@ДанилоРисак-ц2р
Женя, дякую дуже. Але одне питання, що це за функція adaptiveValue? А то робив робив і тут примінив якусь супер, кілер фічу і такий ось, працює
@Юрій-е9у
@Юрій-е9у Год назад
Дякую за відео. Хотів сказати на рахунок іконочного шрифту і svg іконок. Я читав, що з іконочним шрифтом можуть бути проблеми в деяких браузерах, так як він рахує, що це шрифт і іконки можуть виглядати ''замиленими''. Я робив іконки з відео, за допомогою svg-sprite, що вбудований в ЧФ і робив ховер, так само легко, як і з іконочними шрифтами, тільки замість color, ставив fill
@ruslan_lwow79
@ruslan_lwow79 2 года назад
"Людина, котра не володіє мовою народу, на землі якого живе, є або гість, або окупант, або раб цього окупанта!" Карл Маркс
@andreiognev1426
@andreiognev1426 2 года назад
👍
@Dumzday777
@Dumzday777 Год назад
Дякую за українську! Ваш голос українською мені нагадує футбольних коментаторів 😅, а регулярні лайки в сторону росіян додають вашим відео особливого українського шарму.
@Dumzday777
@Dumzday777 Год назад
Скажіть, будь ласка, а є хоч якась об`єктивна причина використовувати scss, а не sass, чи це просто кому як подобається?
@yuriykaminskiy2442
@yuriykaminskiy2442 Год назад
Проблема іконочних шрифтів в тому, що це часто кнопки, без яких сайт втрачає функціональність. А самі ці шрифти люблять блокувати деякі дивні користувачі, блокувальники реклами...Я сам колись довго думав, чому в мене пропадає пошук на сайті, на openServer є, а на хостингу нема. Шрифт блокувався. Та й про пусті теги, які не дуже добра штука десь читав...А іконочний шрифт це суцільні пусті теги, які заповнюються before і after. А, доречі, плагіни кешування WP також щось робили в мене з шрифтами, що іконочні пропадати. WP Rocket, наприклад. Такі плагіни часто можна налаштувати і виключити шрифти, та замовник в цьому може нічого не розуміти і ставити притензії, чого у нього на сайті не працюють кніпки. В цілому виникає питання, а чому юзати саме їх, а не svg, якщо проблеми є, а переваги які?
@HA_CTPIME
@HA_CTPIME Год назад
Як цей плагін встановити що Font Fascia в Figma? Знайшов його в плагінах, а кнопки "install" немає.
@РоманБезшийко-к9х
@РоманБезшийко-к9х 2 года назад
Завжди хотів запитати чи використовував ти якусь бібліотеку анімацій для сайту дерев'яних мап, але з відповіді про GSAP виходить що писав власний код, чи правильно я зрозумів? Хочеться зрозуміти чи обов'язково вивчати якусь бібліотеку анімацій для розробки інтерактивних сайтів або краще писати код самому?
@FreelancerLifeStyle
@FreelancerLifeStyle 2 года назад
Так, лише чистий JS. Залежить від об'єму, якщо дійсно проєкт вимагає майже весь функціонал бібліотеки то її використання оправдано
@РоманБезшийко-к9х
@РоманБезшийко-к9х 2 года назад
@@FreelancerLifeStyle дякую за відповідь і за якісний контент!
@evgen3723
@evgen3723 2 года назад
Вітаю! Евген Патріон працює? я не можу на сайт перейти.
@FreelancerLifeStyle
@FreelancerLifeStyle 2 года назад
Так, але іноді потрібен VPN для деяких провайдерів
@kiri_ll9799
@kiri_ll9799 Год назад
+
@glaciron
@glaciron 2 года назад
Не дуже зрозумів із за чого прив'язка к сессіям по скролу , це такі фішкі настроєні в Grid?
@adolfbebrovich2215
@adolfbebrovich2215 2 года назад
Наскільки потрібна вища освіта для освоєння професії веб розробника?
@AntonioBenderas
@AntonioBenderas 2 года назад
Взагалі не потрібна
@adolfbebrovich2215
@adolfbebrovich2215 2 года назад
@@AntonioBenderas а якщо влаштовуватися в якусь компанію?
@AntonioBenderas
@AntonioBenderas 2 года назад
@@adolfbebrovich2215 головне вміти вирішувати поставлені завдання. Хтось і з освітою цього не зможе, а хтось і без освіти впорається
@adolfbebrovich2215
@adolfbebrovich2215 2 года назад
@@AntonioBenderas ну я маю на увазі не навички вищої освіти а сам факт наявності
@AntonioBenderas
@AntonioBenderas 2 года назад
@@adolfbebrovich2215 аа, ну це вже залежить від компанії. Напевно перевагу віддадуть тому, в кого є вишка, а може бути навпаки, бо є компанії, які самі навчають і їм складніше буде перенавчати свого майбутнього працівника
@justkrem7764
@justkrem7764 2 года назад
На макет норм лінку не має? Не з патріона. Хотів за уроком повторити
@Ruslan-f3z2x
@Ruslan-f3z2x 2 года назад
Доброго дня. Можна було хоча б макет безкоштовно викласти, щоб люди мали можливiсть тренуватися. Тяжкi часи, далеко не усi мають змогу платити грошi. Дякую
@FreelancerLifeStyle
@FreelancerLifeStyle 2 года назад
Звичайно
@KOTOVSKUA
@KOTOVSKUA 2 года назад
Народ, скиньте посилання на парочку крутих шаблонів для WordPress для сайту ОСББ/ЖКГ
@notIdeal78
@notIdeal78 2 года назад
1
@akkauntforit5661
@akkauntforit5661 2 года назад
Здравствуйте, можете подсказать как сделать переводчик букв с латынского на кирилский?
@МихаилГаврилов-ъ8у
мда
@MrDreNAL
@MrDreNAL 2 года назад
Жаль Вы перешли на Украинский. Это конечно понятно почему) Сложнее стало у Вас учиться(
@FreelancerLifeStyle
@FreelancerLifeStyle 2 года назад
Ну, не вчись 🤷‍♂️
@user_of_democracy
@user_of_democracy 2 года назад
Ничего, тяжело в учєнії, лєхко в бою..умєрєть.рускій.
@Amfip
@Amfip 2 года назад
@@user_of_democracy Согласен полностью! Если невзлюбить людей за язык на на котором они говорят , то можно понять по просмотрам с перехода на мову
@elenasmirnova3549
@elenasmirnova3549 2 года назад
не жаль ) пппффф так пофиг! полно других каналов на русском )
@Amfip
@Amfip 2 года назад
@@elenasmirnova3549 сарказм... Елена...сарказм...
@alexmarch
@alexmarch 2 года назад
Женя навіщо ти видаляєш коментарі від російськомовних? Людина ввічливо поставила питання чи є можливість робити контент мовою окупанта , ти начебто відповів по суті що ні. Але навіщо видаляти коменти?
@ihorprybula9856
@ihorprybula9856 2 года назад
Женя разів сто відповідав про мову, можливо просто дістало
@FreelancerLifeStyle
@FreelancerLifeStyle 2 года назад
Я не видаляю
@user_of_democracy
@user_of_democracy 2 года назад
Ютубчик сам видаляє. Алгоритми йпт
@alexmarch
@alexmarch 2 года назад
@@FreelancerLifeStyle вибачай, мабуть сам власник комента його і видалив.
@andrewbaker3052
@andrewbaker3052 2 года назад
Может сабы на Русском языке добавить к урокам? На Украинском понимаю 50% и думаю многие кто сейчас не живет в РФ, но говорить на Русском тоже бы хотели видеть хотя бы сабы
@RED_eveloper
@RED_eveloper 2 года назад
Привет! Спс за видео! Я из Казахстана и мне сложно на украинском :( Думал что рус и укр языки оч похожи, как же я ошибался
@max_f96
@max_f96 2 года назад
1:38
@zibreasonbeats8803
@zibreasonbeats8803 2 года назад
Здравствуйте, у меня вопрос, у вас в дальнейшем не будет видео на русском языке?
@FreelancerLifeStyle
@FreelancerLifeStyle 2 года назад
Ні
@kagyhe4053
@kagyhe4053 2 года назад
@@FreelancerLifeStyle интересно почему
@MrBenedig
@MrBenedig 2 года назад
Нет
@ДмитрийСалямон
@ДмитрийСалямон 2 года назад
@@kagyhe4053 Я так понимаю что вопрос с нотками сарказма? Но сарказм в данной ситуации войны не уместен
@kagyhe4053
@kagyhe4053 2 года назад
@@ДмитрийСалямон почему?
@gregoryvak7556
@gregoryvak7556 2 года назад
В принципе и на украинском понятно. Дело в том, что русский язык- международный. На нем коммуницируют люди разных национальностей: казахи, грузины, армяне, белорусы, украинцы, узбеки, таджики и др не факт что им будет понятно. Не только русские. Ну в любом случае - ваше право. Мирного неба, скорейшей победы.
@БогданПетренко-н8ч
впервые слышу о "международном" русском языке. Скорее английский международный.
@row2072
@row2072 2 года назад
Ти просто перерахував постсовок. Кому яке діло, що їм незрозуміло
@however1456
@however1456 Год назад
апхаххахах мєждународний
@soprano6806
@soprano6806 2 года назад
навіщо використовувати міксин adaptiveValue, якщо значення властивостей (gap, padding і таке інше) можна писати через min()/max() ?
Далее
НИКИТА ПОДСТАВИЛ ДЖОНИ 😡
01:00
Просмотров 164 тыс.
КТО БОИТСЯ КЛОУНОВ?? #shorts
00:20
Просмотров 561 тыс.