Реальная верстка на Flexbox из макета PSD

Video quality	The size	Download

Информация о Реальная верстка на Flexbox из макета PSD

Название	:	Реальная верстка на Flexbox из макета PSD
Продолжительность	:	25.32
Дата публикации	:
Просмотров	:	164 rb

Не бросайте камнями за ошибки Торопился - дел невпроворот Завтра свадьбаbrМногие писали, что я у меня нет реквизитов для доната Теперь есть Смотри в описании к видео brПриятного просмотра, парни!
Comment from : Glo Academy

Молодец!
Comment from : Виталий Гаценко

Дякую! Дуже допомагає!
Comment from : Тарас Чибіс

Z-index для чего
Comment from : PERS 🇮🇷

Здравствуйте! Если б Вы делали немного медленней, экран мелькает жесть ничего не понятно И объясняли для какой цели устанавливаются те или иные параметры К примеру position releitiv, absolut Зачем нужны эти вещи именно в данный момент Я как новичок с удовольствием смотрю такие видео чтоб что-то понять но в итоге ничего не понятно Я думал смысл этих видео для того чтоб объяснить людям как и почему что-то делается, а то что я вижу, это то что Вы как будто делаете это просто для себя и чтоб показать всем какой Вы красавчик
Comment from : Valerii

методология бэм отдыхает)
Comment from : Александр

godno!
Comment from : Alvydas Kriauza

Много полезного!
Comment from : Alvydas Kriauza

Один вопрос, gap на сафари < 14 чего кого как?!
Comment from : Бонарт Кирилл

В топ
Comment from : Дмитрий Гайковский

Круто спасибо)
Comment from : Fascinating animals 4K

спасибо,но ты так спешил,что лучше бы не записывал
Comment from : T KR

Конешн быстро все накидал для таких как я чутка не понятно но вобщим разбираемся 😁🖐️
Comment from : Александр Максимов

грациес!
Comment from : Дмитрий Стрельцов

Есть проблема, эта стрелочка которая ведет вниз, у меня по ширине на весь документ, то есть кликнуть можно хоть в конце, хоть в начале, как это исправить?
Comment from : workemail

Блеск
Comment from : Едуард

Спасибо!
Comment from : Віка Деркач

Хедер не центруется нифига
Comment from : Timofey Samokhin

Можете сказать размеры фона с очками просто у меня не все фото выходит на экран
Comment from : Murad Suleymanli

Проста супер 👍👍👍
Comment from : d1mausxx

кстати четко, мне нравится по флексбоксу работать
Comment from : zaur bay

Спасибо за урок, Ваши видео очень познавательны!brАртем, подскажите, пожалуйста, обязательно ли при верстке меню использовать список?brВедь все прекрасно позиционируется в блоке средствами flexbox и без списка
Comment from : Олег Абрамов

Картинка main-bgjpg у меня позиционируется по другому, обрезана и не вся целикомbrИ если написать, без префиксов background-image: linear-gradient(-60deg, rgb(136, 211, 206) 0, rgb(110, 69, 226) 100) , то opacity будет по другому выглядеть Делал в Avocode Он показывает opacity: 039, если поставить так, то без префиксов как у автора видно Но вопрос позиционирования картинки ещё актуален
Comment from : Braivs

🤯
Comment from : Ростислав Сумарев

Спасибо!
Comment from : R M

Почему не отображается фоновая картинка? Я вырезал фон, сохранил в папку img, путь написал правильный - с точками и всё такое, изменения сохранил, сайт обновил и ничего
Comment from : Livingston

Обьясните, зачем box-sizing для before ,after ?
Comment from : Maks Oleksyuk

Здравствуйте! Скажите - сейчас писать footer, nav , header вместо div?
Comment from : Confy Marlow

Вроде изи) надо так сверстать будет
Comment from : Владимир Захаров

Хоть для меня это уже и пройденный этап, но все же было интересно
Comment from : Fantom

было бы неплохо скачать html и сss с видео
Comment from : Олександр Опенько

А можно же также сделать меню , без помощи ul li
Comment from : Abv Gd

Отличное видео, оказывается верстать с помощью flex очень просто Удачи во всем)
Comment from : Alex Soft

Спасибо, очень крутой видос Пойду смотреть следующую часть с адаптивом)
Comment from : xtap official

Артем спасибор большое
Comment from : Crash

все получилось , все круто))
Comment from : Евгения Лукушина

Круто спасибо"!!
Comment from : ProgerLife

Если подключается normalizecss, то ibody { margin: 0; }/i - лишнее
Comment from : Victor Mog

что такое - *, *:before, *after {box-sizing: border-box;} ? - не кидайте тапками)
Comment from : Val Gala

спасибо огромноеbrделал все за тобой и все получилось
Comment from : Yurii Yablonskyi

Ul>li*6>amenu-link[href] что зажымать чтоб все прописывалась? 3:1
Comment from : Dreamer

Стоит ли знать верстку на флоатах, если уже есть флексы?
Comment from : Anandini Dorogomilova Music

ставлю лайк пишу комментарий
Comment from : Олександр Мальцев

Артём! Что за прога и что за сокращённый набор ты используешь? Очень понравилось!
Comment from : Оренбургские Русские Бани

Вопрос, сейчас верстать на div или уже header, footer itd?
Comment from : Nataliia Kutsyk

Буааааааа
Comment from : Мистер Я

мне до тебя как до Китая пешком
Comment from : Дамир Акульбеков

а почему верстаете в основном проверяя в Safari?
Comment from : BillieBonse

Здорово!
Comment from : BillieBonse

cruto
Comment from : Denny Luckes

слишком импульсивно рассказываешь
Comment from : Alexey Maximov

Спасибо! Здорово! 👍
Comment from : Stas Maksimov

Good!!!
Comment from : PROFIK

Зачем делать divmain вместо просто main?
Comment from : Dede

А normilizecss нужно скачивать или самому прописывать стили?Что прописывать если так?
Comment from : Arthur [CODE]

Спасибо Быстро но с паузой все понятно
Comment from : s_khar

Подскажите пожалуйста, я один такой недалёкий? Вроде ничего сверхъестественного, но как самостоятельно пытаешься повторить, без видео, не получается нихренашеньки)
Comment from : Никита Корея

нормуль
Comment from : Александер Грин

А зачем прописывать z-index, разве не проще задать два фона?
Comment from : Oleksandr Lytvynov

это какой-то плагин для фотошопа, который копирует css из слоев?
Comment from : lupusest1911

описывайте почему тот или иной тег/свойство, id/class применяете, чтоб формировать понимание как писать правильно и почему именно так
Comment from : Дмитрий Б

9:30
Comment from : Qexly

а чем отличается ворд-пресс от верстки???
Comment from : Galchik

Всё классно, правда дизайнер бы тебя убил)) расположение на глаз)
Comment from : MangusT

А где вторая часть ?
Comment from : Аво

Столько div наделал, уже можно было и через float делать)))
Comment from : Jonny El

не плохо, спс
Comment from : Bohdan Lopushanskyi

Понравилось, спасибо)
Comment from : Анна Жаворонкова

всё супер!!!
Comment from : Игорь Красильников

very nice )))
Comment from : X4o0o0

Объясните пожалуйста! В чем смысл этих извращений, с фоном main-overlay? Не проще ли - объединить все слои в фотошопе, нежели накладывать градиент и прочее?
Comment from : Lev iamcatyoufish

Что за тема эффекта листания когда переключаешь окна программ? Можно на Убунту так сделать ну или на Винде?
Comment from : Rava Bat

Спаассибооо, добрый человек ❤️
Comment from : Виктор Шарко

очень просто и понятно, благодарю))
Comment from : Влад Бирюков

Годно
Comment from : Oleh

spasibo!
Comment from : Стас Копытич

Спасибо! Артем супер просто!!!
Comment from : Gulnara Smadiyarova

Видео интересное, но автор просто говорит "задать z индекс, абсолют и тд, а что оно обозначает не говорит Сложно что то понять без объяснения что оно делает"
Comment from : Планета железяка

Круто, спасибо!
Comment from : Почитай мне

Спасибо очень помогает
Comment from : Sundul Zundul

Очень хотелось бы посмотреть как этот код будет адаптироватьсяbrТонны медиазопросов?
Comment from : Mr Reflection

Большое спасибо за адекватные уроки!
Comment from : Alex R

Спасибо большое за урок Всё очень просто легко и понятно Ничего лишнего Буду смотреть и другие ваши уроки, спасибо огромное!)
Comment from : ArkadyCH

Что в файле normalizecss?
Comment from : Елена Рыжкова

Твой уроки всегда полезные спасибо тебе
Comment from : Hovik Ghambaryan

Ахах, ск, я мудак, спасибо за видео Нечего не понял, но смотрел до конца :D
Comment from : News, Sport

А что это за плагин для Sublime text позволяющий дописывать пользовательские классы в CSS ?
Comment from : SportIsLife

Чувак в html5 есть тег MAIN!!! который как раз за это и отвечает
Comment from : Diter Bolen

Насколько кросбраузерна верстка flexbox-м на сегодняшний день во всех ли браузерах поддерживается одинаково или где то будет разваливаться ?
Comment from : you tube