Адаптивна верстка для початківців. Пояснення дій. HTML CSS FIGMA

Адаптивна верстка для початківців. Пояснення дій. HTML CSS FIGMA
👉 Макет (відкритий доступ): / 86390698
👉 Результат верстки: drive.google.com/file/d/1qiAb...
👉 Інші безкоштовні майстер-класи з верстки сайтів: • Адаптивная вёрстка лен...
🔴Канал з практикою без слів 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
🤟 Живи, а працюй у вільний час! ©

Пікірлер: 81

  • @user-wz1mt6de6t
    @user-wz1mt6de6t9 ай бұрын

    Таку кількість інформації, яку ви публікуєте в вільному просторі, важко переоцінити, дуже дякую.

  • @FreelancerLifeStyle

    @FreelancerLifeStyle

    9 ай бұрын

    Дякую, буде ще!

  • @EnterZP
    @EnterZP9 ай бұрын

    Дуже дякую, шановний! Особливо за працю на благо України!

  • @user-sw6bd8yq2y
    @user-sw6bd8yq2y4 ай бұрын

    Дуже дякую! Слава Україні!

  • @user-yv5ge3xo8m
    @user-yv5ge3xo8m9 ай бұрын

    Как всегда на высоте! Спасибо огромное за такой классный контент!!!👍🫶💛💙

  • @userTarasK
    @userTarasK11 күн бұрын

    Дуже дякую, за вашу працю

  • @boris7258
    @boris72586 ай бұрын

    Кращий! Спасибі вам) А те що результат верстки у відкритому доступі це приємний бонус)

  • @user-ii9fz3be1r
    @user-ii9fz3be1r5 ай бұрын

    Дякую, як завжди супер!

  • @serg1752
    @serg17528 ай бұрын

    Jeka krasv4ik, djakuu za super content!!

  • @user-dziman
    @user-dziman9 ай бұрын

    Dzienkuju bardzo za pracu! Здароўя табе Яуген!

  • @Arty4444
    @Arty44449 ай бұрын

    Дякую Жеку, все зрозуміло! Ще мову навчаю на твоїх відео приємно слухати

  • @nataliia1589
    @nataliia15899 ай бұрын

    🥰 на 1:13:49 - супер, ура, я дочекалася, що хтось дійсно крутий в ІТ це сказав!!!! 💙💛

  • @user-md8ij6wq2d
    @user-md8ij6wq2d2 ай бұрын

    Дуже дякую, дуже корисно, дууууже допомогають Ваші навчальні матеріали, СЛАВА УКРАЇНІ!!!!!

  • @oleksandrserebriakov4040
    @oleksandrserebriakov40409 ай бұрын

    Вподобайка в підтримку якісного україномовного контенту. Жека, дякую за стрім.

  • @LEZHAN1
    @LEZHAN19 ай бұрын

    величезне дякую за відео, і ще більше за вашу позицію

  • @imakecodework
    @imakecodework9 ай бұрын

    Захоплююсь цими уроками і подачею. Це ЄДИНИЙ адекватний канала і фахівець по розробці!!!

  • @niko.militarist
    @niko.militarist7 ай бұрын

    Закинув навчання, ще перед літом, але після перегляду цього ТОП відео, прийшло натхнення... буду помаленько згадувати вивчене і з інших ТВОЇХ майтсер класів отримувати нові знання )

  • @user-ki6sz4nz3l
    @user-ki6sz4nz3l9 ай бұрын

    Спасибо за твой труд, как всегда лучший!

  • @user-tl2fh7nr3z
    @user-tl2fh7nr3z9 ай бұрын

    Дякую, дуже корисний контент! Слава Україні!!!

  • @lessystar1409
    @lessystar14099 ай бұрын

    Щиро дякую за твої роботи!

  • @dmytrosurdiy3919
    @dmytrosurdiy39199 ай бұрын

    Крутий стрім від крутого майстра!) Дякую за топовий україномовний навчальний контент!

  • @ArtyomStouch
    @ArtyomStouch6 ай бұрын

    Дякую пан Евгеній, корисно, за свайпер окремо.

  • @ukraine1514
    @ukraine15149 ай бұрын

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

  • @user-pq7kn2kp3c
    @user-pq7kn2kp3c9 ай бұрын

    Дякую за твою працю. Мій комент буде першим😅

  • @Ggg-lv3jh
    @Ggg-lv3jh4 ай бұрын

    Дуже дякую за корисний майстер-клас!

  • @mikhaildolgov
    @mikhaildolgov9 ай бұрын

    Спасибо за Ваш труд! Продолжаю у Вас учиться. Уже есть успехи. Ещё раз спасибо Вам!

  • @user-ep7cl1yt5y
    @user-ep7cl1yt5y9 ай бұрын

    Жека дякую за контент)) Дуже кльово❤

  • @olenashevchenko4
    @olenashevchenko49 ай бұрын

    Коментар в підтримку якісного контенту 💗

  • @yanareva3732
    @yanareva37329 ай бұрын

    Женя,величезне дякую,працюю фронтом і завжди якійсь секрети від тебе додаю в роботу 👍

  • @const6185
    @const61859 ай бұрын

    А ведь я мог посмотреть этот ролик три часа назад!! 😂 Эх.. Спасибо!!!

  • @rkua9594
    @rkua95949 ай бұрын

    Дякую! Ви найкращий🤘

  • @user-nq2ii7br7z
    @user-nq2ii7br7z9 ай бұрын

    Дуже дякую за МК! Супер!

  • @gyurchenko77
    @gyurchenko778 ай бұрын

    Дякую за якісний контент солов'їною. Звісно, хотілося б більше пояснень, але ж це безплатний майстер-клас, тому претензій не маю. Чекаю наступні уроки.

  • @Konstantin_exe
    @Konstantin_exe8 ай бұрын

    Жека ти найкращий, один з небагатьох на кого я рівняюсь, хочу стати таким же крутим професіоналом як ти !

  • @maksymshypytsia5217
    @maksymshypytsia52179 ай бұрын

    Женя ви як завжди на висоті!!!

  • @yuliiarastiehaieva5508
    @yuliiarastiehaieva55089 ай бұрын

    Я вже записалася на курс. Чекаю з нетерпінням 😊

  • @nataliia1589
    @nataliia15899 ай бұрын

    Дякую! Добре пояснюєте💙💛

  • @victoriaromanchik1322
    @victoriaromanchik13228 ай бұрын

    33:00 нічого собі! не ведала пра шрыфт

  • @ArsenDanylenko
    @ArsenDanylenko9 ай бұрын

    Дякую, друже!

  • @user-qd6hu2tr3u
    @user-qd6hu2tr3u8 ай бұрын

    Велике дякую!

  • @ivanaleksandrovich415
    @ivanaleksandrovich4159 ай бұрын

    Лайк до перегляду)

  • @manavgatwebtasarim
    @manavgatwebtasarim9 ай бұрын

    Perfect

  • @user-pz5fr2nv7b
    @user-pz5fr2nv7b7 ай бұрын

    Підкажи будь ласка як ти виділяєш блоки у Figma різними кольорами?

  • @user-bg9vk7bq1c
    @user-bg9vk7bq1c9 ай бұрын

    Жека приятно тебя смотреть даже сына учу по твоим урокам старым так как он мелкий и Украинский ему не понять ! В общем огромное тебе спасибо за твой труд!!!

  • @avalex82

    @avalex82

    9 ай бұрын

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

  • @user-dziman
    @user-dziman9 ай бұрын

    Здравствуйте, Евгений, Скажите пожалуйта как подключать плагин гугл фонт в webstorm? Есть ли такой плгин и какой подбный плагин существует для веб сторма? Заранее благодарю за ответ.

  • @user-wj6kz2ot1l
    @user-wj6kz2ot1l9 ай бұрын

    А де можна скачати модернізований плагін шрифтів? )

  • @_Sunfall
    @_Sunfall6 ай бұрын

    🙂👍

  • @maksymmitin4576
    @maksymmitin45769 ай бұрын

    🔥

  • @elkazmakaz5870
    @elkazmakaz58709 ай бұрын

    С такой магией только в Хогвартс профессором идти. Правда без темной магии, без JS, тем не менее годнота

  • @alexpython3506
    @alexpython35069 ай бұрын

    Привет спасибо за видос, можно вопрос как ты тут 2:43:13 сделал так что когда ты написал 43px он поменялся на 2.6875rem?

  • @stylist_katrin

    @stylist_katrin

    9 ай бұрын

    на початку стріму Женя розповідав :) (розділ обнулення стилів) - встановити потрібний плагін і налаштувати для себе потрібну комбінацію клавіш, яка буде автоматично конвертувати в реми

  • @roman03467
    @roman034679 ай бұрын

    Не зміг знайти як налаштувати гарячі клавіші для Css responsive, тому встановив інший плагін. Підкажіть як ви встановили гарячі клавіші або де почитати/подивитися

  • @andriimatrosov8674
    @andriimatrosov86748 ай бұрын

    Добрий день, а як ви змініюте px на rem?

  • @tonbar3910

    @tonbar3910

    8 ай бұрын

    px to rem розширення у vs code. Хоткей буде alt+z

  • @dmitriydemidov2
    @dmitriydemidov29 ай бұрын

    Доброго дня) у мене питання, я правильно зрозумів, обнулення робити завжди? Дякую за відповідь)

  • @FreelancerLifeStyle

    @FreelancerLifeStyle

    9 ай бұрын

    так

  • @user-fz3bp2kf1c
    @user-fz3bp2kf1c9 ай бұрын

    хотів запитати щодо шаблону: там коли є фокус на якійсь формі (input, textarea) з'являється бордер, як його забрати, і де він прописаний? а то я щось не можу знайти. Дякую.

  • @FreelancerLifeStyle

    @FreelancerLifeStyle

    9 ай бұрын

    це стандартний оутлайн браузера для людей з обмеженими можливостями, примусово вимикати не раджу. керується властивістю outline

  • @user-fz3bp2kf1c

    @user-fz3bp2kf1c

    9 ай бұрын

    дякую)@@FreelancerLifeStyle

  • @eternalstoneinside
    @eternalstoneinside9 ай бұрын

    ооо, я сам верстав цей макет

  • @DenisRashupkin
    @DenisRashupkin9 ай бұрын

    PX to REM плагін

  • @serhii8
    @serhii89 ай бұрын

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

  • @FreelancerLifeStyle

    @FreelancerLifeStyle

    9 ай бұрын

    Десь, все ж таки, не так як у мене

  • @serhii8

    @serhii8

    9 ай бұрын

    @@FreelancerLifeStyle Дякую. Я знайшов свою помилку. Було не так як у Вас).

  • @user-lx1ii1ht6x
    @user-lx1ii1ht6x9 ай бұрын

    Жека, дай Бог здоровья тебе и твоей семье! Одинаково классно и на русском и на украинском тебя слушать. Щиро дякую за те, що ты робиш 🙏

  • @maxkalashnyk3378
    @maxkalashnyk33788 ай бұрын

    2:32:00

  • @user-sf7lz8fn4r
    @user-sf7lz8fn4r9 ай бұрын

    Мене б же вбили за overflow:clip Бо він не підтримується на старих iOS ті що нижче 14 😢, ще через нього є проблеми у Safari. Перестають нормально працювати інпути

  • @FreelancerLifeStyle

    @FreelancerLifeStyle

    9 ай бұрын

    Додавайте через перевірку підтримки ;)

  • @anmilanster9841
    @anmilanster98419 ай бұрын

    Женя, привіт! Трошки не по темі питання. Як ти швидко змінюєш розкладку останнього слова чи фрази? Наприклад, тобі потрібно написати українською мовою, а ти не змінив розкладку та написав англійською, і вийшло щось таке ghbdst.

  • @avalex82

    @avalex82

    9 ай бұрын

    загугли "Punto Switcher програми аналоги"

  • @yuliiarastiehaieva5508
    @yuliiarastiehaieva55089 ай бұрын

    Я з Польщі. Так сталося, мушу бути не вдома...

  • @user-yc9yq9qp6n

    @user-yc9yq9qp6n

    9 ай бұрын

    Ти хоча б не у Росії

  • @milishnikoffofficial2905
    @milishnikoffofficial29059 ай бұрын

    почему ты используешь ограничивающие контейнеры с max-width вместо того чтобы задавать ширину в процентах?

  • @FreelancerLifeStyle

    @FreelancerLifeStyle

    9 ай бұрын

    тому що мені потрібна саме така поведінка

  • @sergmalin210
    @sergmalin2109 ай бұрын

    Плагин vscode для перевода px в rem - px to rem & rpx & vw (cssrem)

  • @sergmalin210
    @sergmalin2109 ай бұрын

    для блока с swiper робим min-width:0; max-width:100%; и ен никуды не вылазиць

  • @ismaelahmad5362
    @ismaelahmad53629 ай бұрын

    Можете пожалуйста хоть иногда делать такие видео на русском языке. Мне очень сложно понимать украинский язык.

  • @FreelancerLifeStyle

    @FreelancerLifeStyle

    9 ай бұрын

    Ніколи, вчи українську

  • @ismaelahmad5362

    @ismaelahmad5362

    9 ай бұрын

    @@armeninukyan1957 да я просто хотел донести до него мысль, что среди его аудитории есть не только русские.

  • @dimondimonov6417

    @dimondimonov6417

    9 ай бұрын

    Лучше на японском)))

Келесі