Адаптивна верстка цікавого сайту. Пояснення дій. HTML CSS JS FIGMA. Частина №1
ฝัง
- เผยแพร่เมื่อ 24 ก.พ. 2023
- Адаптивна верстка сайту на базі шаблону Чертоги Фрілансера 3. Пояснення дій. HTML CSS JS FIGMA. Планую зробити поекранний скрол.
👉 Усі частини МК: • Адаптивна верстка ціка...
👉 Що такє стартовий шаблон "Чертоги Фрілансера": template.fls.guru/template-do...
👉 Посилання на стартовий шаблон з напрацюваннями "Чертоги Фрілансера" 3 (патреон): / startovyi-v3-59380989
👉 Макет (відкритий доступ): / maket-maister-78992357
👉 Результат верстки (Patreon - Junior): www.patreon.com/posts/7954824...
👉 Інші безкоштовні майстер-класи з верстки сайтів: • Адаптивная вёрстка лен...
🔴Канал з практикою без слів 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
🤟 Живи, а працюй у вільний час! ©
Дуже круто що ми в Україні маємо свого, рідного, українського (!) україномовного (!!!) вчителя такого рівня. Дякуємо!
Підтримую кожне слово. Євген дійсно людина яка заслуговує на велику повагу, і думаю, що держава має сприяти і допомагати таким людям, особливо після війни коли потрібно буде відновлювати економіку.
Дуже дякую за чудовий український контент. Чекаємо на нові відосики
Дякую за рідну мову, дуже приємно слухати такий контент
дякую за корисний контент
Шикарный ролик, всегда можно что-то подчеркнуть для себя. Большое спасибо автору за позитивный настрой и качество контента, с удовольствием буду ждать 2 части.
Євгене, дякую тобі за такий розгорнутий майстер-клас👍
Красавчик. Продолжай в том же духе
Дякую. Ще не вивчав Ваш шаблон "Черт-оги фрилансера"(до речі, може його назвати - Напрацювання фрілансера). Після тих відео - верстка для новачків, де все будується, робиться, верстається з нуля (дуже творчо і цікаво), то ось взяти якись шаблон і щось там змінювати, змінювати, змінювати...якось мені втрачається і творчість, і цікавість...Хоча розумію, що з шаблоном воно швидше. Но щось надо знайти мотивацію перейти на цей рівень. :)
Так, сохранила, вечерком буду смотреть :)
Дякую, було багато цікавого, та нового!!!
Я теперь говорю только- Привiт! Дякую!
Крутая идея с плагином, я себе также настроил спасибо за идею и за контент!
Дякую за відео! Як завжди дуже круто!
Жека дуже дякую, як завжди топ
Як завжди дуже круто!
👌
*Жека, здоров) Велике дякую тобі за чудовий контент!!! Будь ласка зроби верстку покроково на React-Bootstrap!!! *
Дуже дякую!
Євгене, коли плануєте випускати перші уроки по React Js?
Таймкоди верстки:
16:30 Аналіз макету
24:00 Налаштування адаптиву
32:00 Поєкранний скрол
43:30 Перший скрол
56:10 Крапки
1:01:00 Верстка 1 скролу
1:09:48 Ремейк під окрему секцію + стилі
1:32:00 Верстка 1 скролу. Адаптив
1:48:40 Нова секція
2:12:00 3 слайд
2:34:20 Верста блоку з відсотками
да, супер, без стартового макету не зверстаэшь, круто)
$, а як ти хотіла) але 5$ тільки
Євген, дуже дякую за майстер-клас. Незвичайний дизайн - незвичайні рішення. Таке запи- а чому в 3 секції не використати тег proces або тег metter
.
Доброго дня в останньому мк по gulp при налаштуванні path autocomplete, а точніше де ми вказуємо шляхи до картинок в path-mapping, в мене редагувати json не вдається. в чому проблема????? пише редагувати не можна.
На 38.00 так да, одобрям! Для лэндоса или визитки, где десяток скриптов от силы, которые можно прописать на ванильке, прикручивать реакт - это дурота)
Зачем грузить сервак и периферию левой датой?))
Крута робота друже!💪
Дякую за майстер-клас🥰 Ніяк не можу зрозуміти де взяти оновлений плагін google fonts (((
👍👍👍
hey, where can i find npm - webpack html webp e.g. 'gulp-html-webp-nosvg'? Thanks!
Спасибо за интересный видос :) моё мнение на украинском они заходят даже еще интереснее чем на русском было, продолжай в том же духе успехов тебе :)
Не можу зрозуміти як ти швидко копіюєш класи в scss форматі. через eCSStractor по дефолту в css форматі.
Там можна налаштувати комбінацію і під css і під scss
А про Вёрстке на CMS будет видосы?
Так
вот как блин можно узнать что в css существует уже реализация счетчика(например)? чтобы не городить огород джеесами... я к тому, что если мне понадобился какой то функционал и я знаю что я могу сделать его на js, но оказывается что на css уже все сделано до меня, и как я вообще должен думать в своей голове чтобы начать искать это в css. немного сумбурно вышло, конечно ))
Этот счетчик в css аж никак не упрощает задачу, не говоря уже о том, что приходится играть по его правилам и масштабировать очень не удобно. Хватило однажды практики с css счетчиками, спасибо! уж лучше на ванильке накидать
@@AlexGabber да посыл не в этом был. А на счёт масштабирования, что с ним не так, ведь даже жс счётчик ты будешь разукрашивать в цсс
@@Sung_Jin-VVoo ну тут не поспоришь
В мене таке питання якщо ви знаєте українську мову. Чому ви раніше не викладали відео на українській мові? Патріот так званий під час війни.
"promo sm"
А можно пожалуйста мастер класс на русском
ахахахахахахахах
так то понятно же и так, чутка только привыкнуть нужно))))
А если церковнославянский, нынче только при богослужениях в православных храмах используется, или старорусский знаете или помните вышедшие из употребления в начале 20 века слова, то вообще легкота)))
🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣
Можно было не не нападать на Украину
Дружище, какая тебе верстка на английском, если ты не выкупаешь языка, в котором 7 из 10 слов в одном предложении, созвучны и одинаковы по смыслу? 😊