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

[@matroskin978]

💖 Поддержка канала
www.donationalerts.com/r/matroskin978
4731 2196 5549 6408 (ПриватБанк)
[e-mail] (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

[@ipackalex]

Спасибо за урок) не люблю верстку, но иногда нам необходимо то, чего мы больше всего не хотим)

[@matroskin978]

Пожалуйста)

[@sergeynazarenko2316]

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

[@matroskin978]

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

[@ОлегДерябин-д9с]

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

[@matroskin978]

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

[@spectrdent6154]

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

[@matroskin978]

Пожалуйста 🙂

[@statistic-py6ip]

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

[@matroskin978]

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

[@mr_riabov]

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

[@matroskin978]

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

[@anv7259]

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

[@progerlife6690]

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

[@matroskin978]

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

[@progerlife6690]

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

[@matroskin978]

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

[@StasKantor]

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

[@arthur_478]

Андрей, вы не думали записать курс по Tailwind? Правда я его терпеть не могу, но без него сейчас никуда.
С меня как всегда лайк за ваши труды👍

[@matroskin978]

@@arthur_478 думал, но пока руки не доходят. Да и практики у меня с ним не очень много. Но в планах есть 😉

[@НиколайЗолотаревский-о3е]

Спасибо!

[@upbraininfo]

Подкину идею. Сейчас довольно популярный Tailwind CSS. Вёрстка была бы думаю многим интересна

[@matroskin978]

@@upbraininfo спасибо за идею) возможно, будут и такие уроки.

[@upbraininfo]

@@matroskin978 Нема за що ;о)

[@АндрійПетрук-г8э]

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

[@matroskin978]

Будь ласка)
По фреймворку ще будуть. Але в цілому вже можна його використовувати. Всі компоненти MVC готові, маршрутизатор є - це головне.

[@Zalypa-j8y]

Спасибо!