1. Анализ макета в Figma и подключение ресурсов

Подписаться 6 тыс.

50% 1

В этом уроке мы проанализируем макет в Figma, а также подключим все необходимые для верстки проекта ресурсы: Bootstrap, Font Awesome, а также импортируем шрифт, который используется в макете.
Исходники к уроку - github.com/mat...
Шаблон можно взять здесь:
midlcode.com/r...
Или здесь:
www.figma.com/...
==========================================
💖 Поддержка канала
www.donational...
4731 2196 5549 6408 (ПриватБанк)
matroskin978@gmail.com (PayPal)
TXGoBr7UrwRUYx7FpzbiG8znkgC6fhwtEF (USDT TRC20)
410014621600849 (ЮMoney)
===============================================
Мои курсы на Udemy
Не получается приобрести курс или нужна скидка - обращайтесь. Решим :)
Курс "PHP 8. ООП. Создание собственного PHP MVC фреймворка":
www.udemy.com/...
Курс по созданию интернет-магазина и веб-приложений в Telegram - www.udemy.com/...
Курс по созданию собственного шаблона интернет-магазина для OpenCart 3 - www.udemy.com/...
Курс по PHP - www.udemy.com/...
СУБД MySQL и язык запросов SQL. Теория и практика - www.udemy.com/...

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

24 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 23

@matroskin978 2 дня назад

💖 Поддержка канала www.donationalerts.com/r/matroskin978 4731 2196 5549 6408 (ПриватБанк) matroskin978@gmail.com (PayPal) TXGoBr7UrwRUYx7FpzbiG8znkgC6fhwtEF (USDT TRC20) 410014621600849 (ЮMoney) =============================================== Мои курсы на Udemy Не получается приобрести курс или нужна скидка - обращайтесь. Решим :) Курс "PHP 8. ООП. Создание собственного PHP MVC фреймворка": www.udemy.com/course/php-8-framework/?referralCode=1D29D8356C893C7889B3 Курс по созданию интернет-магазина и веб-приложений в Telegram - www.udemy.com/course/telegram-bots-web-apps/?referralCode=A574DFE059CF9FF4E002 Курс по созданию собственного шаблона интернет-магазина для OpenCart 3 - www.udemy.com/course/opencart-3/?referralCode=96BAF7C78DF57D6A90CA Курс по PHP - www.udemy.com/course/php-8-ua/?referralCode=4DAAEA9CF6ADF447D879 СУБД MySQL и язык запросов SQL. Теория и практика - www.udemy.com/course/mysql-sql/?referralCode=B6655F05D32032D80C0B

@ОлегДерябин-д9с День назад

Спасибо за урок. Приятно практиковаться в верстке под вашим руководством.

@matroskin978 День назад

@@ОлегДерябин-д9с пожалуйста 🙂

@StasKantor 2 дня назад

Спасибо большое за твои уроки

@anv7259 2 дня назад

Спасибо большое за уроки.

@mr_riabov 2 дня назад

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

@matroskin978 2 дня назад

@@mr_riabov будь ласка 🙂

@statistic-py6ip 2 дня назад

Спасибо Андрей. Полезно, интересно, в продолжении темы про свой фреймворк.

@matroskin978 2 дня назад

@@statistic-py6ip пожалуйста 😉

@НиколайЗолотаревский-о3е 2 дня назад

Спасибо!

@sergeynazarenko2316 2 дня назад

Здорова Андрей, спасибо большое за урок

@matroskin978 День назад

Приветствую! :) Пожалуйста)

@spectrdent6154 2 дня назад

Спасибо. Мега полезный контент!

@matroskin978 2 дня назад

Пожалуйста 🙂

@progerlife6690 День назад

Видос огонь! Спасибо) Но по поводу line-height скажу вот что. Рекомендую использовать не в пикселях а в множителях. Например: у вас line-height: 26px. Значит: 26 / 16 (16 - это шрифт) = 1.625; Итог: line-height: 1.625; Это я так написал может кому то приходиться) Но в проектах всегда использую множитель.

@matroskin978 День назад

Спасибо) Да, можно использовать ваш вариант. Также можно задавать в процентах. В этом случае дополнительно нужно умножить на 100. Я как-то ленюсь высчитывать и по привычке указываю в абсолютном значении. Надеюсь, меня оправдывает тот нюанс, что я не верстальщик))

@progerlife6690 День назад

@@matroskin978 Я тоже не верстальщик, я программист С++, Java, Assembler. А вот Front-end изучаю) Идёт как по маслу. Но иногда бесит то, что когда верстаешь страничку на большие экраны то всё хорошо, а вот когда все сжимается и появляется полоса прокрутки горизонтальная это просто треш какой-то)))

@matroskin978 День назад

Постараемся в этой верстке не допустить горизонтального скролла)))