Адаптивна верстка цікавого сайту. Пояснення дій. 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!!! *
Крута робота друже!💪
👍👍👍
да, супер, без стартового макету не зверстаэшь, круто)
$, а як ти хотіла) але 5$ тільки
На 38.00 так да, одобрям! Для лэндоса или визитки, где десяток скриптов от силы, которые можно прописать на ванильке, прикручивать реакт - это дурота)
Зачем грузить сервак и периферию левой датой?))
Таймкоди верстки:
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 Верста блоку з відсотками
Євген, дуже дякую за майстер-клас. Незвичайний дизайн - незвичайні рішення. Таке запи- а чому в 3 секції не використати тег proces або тег metter
.
Євгене, коли плануєте випускати перші уроки по React Js?
Доброго дня в останньому мк по gulp при налаштуванні path autocomplete, а точніше де ми вказуємо шляхи до картинок в path-mapping, в мене редагувати json не вдається. в чому проблема????? пише редагувати не можна.
Спасибо за интересный видос :) моё мнение на украинском они заходят даже еще интереснее чем на русском было, продолжай в том же духе успехов тебе :)
Дякую за майстер-клас🥰 Ніяк не можу зрозуміти де взяти оновлений плагін google fonts (((
А про Вёрстке на CMS будет видосы?
Так
hey, where can i find npm - webpack html webp e.g. 'gulp-html-webp-nosvg'? Thanks!
вот как блин можно узнать что в css существует уже реализация счетчика(например)? чтобы не городить огород джеесами... я к тому, что если мне понадобился какой то функционал и я знаю что я могу сделать его на js, но оказывается что на css уже все сделано до меня, и как я вообще должен думать в своей голове чтобы начать искать это в css. немного сумбурно вышло, конечно ))
Этот счетчик в css аж никак не упрощает задачу, не говоря уже о том, что приходится играть по его правилам и масштабировать очень не удобно. Хватило однажды практики с css счетчиками, спасибо! уж лучше на ванильке накидать
@@AlexGabber да посыл не в этом был. А на счёт масштабирования, что с ним не так, ведь даже жс счётчик ты будешь разукрашивать в цсс
@@Sung_Jin-VVoo ну тут не поспоришь
Не можу зрозуміти як ти швидко копіюєш класи в scss форматі. через eCSStractor по дефолту в css форматі.
Там можна налаштувати комбінацію і під css і під scss
В мене таке питання якщо ви знаєте українську мову. Чому ви раніше не викладали відео на українській мові? Патріот так званий під час війни.
"promo sm"
А можно пожалуйста мастер класс на русском
ахахахахахахахах
так то понятно же и так, чутка только привыкнуть нужно))))
А если церковнославянский, нынче только при богослужениях в православных храмах используется, или старорусский знаете или помните вышедшие из употребления в начале 20 века слова, то вообще легкота)))
🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣
Можно было не не нападать на Украину
Дружище, какая тебе верстка на английском, если ты не выкупаешь языка, в котором 7 из 10 слов в одном предложении, созвучны и одинаковы по смыслу? 😊