Адаптивные изображения в верстке | CSS для Профи
ฝัง
- เผยแพร่เมื่อ 20 ส.ค. 2019
- ПОДДЕРЖАТЬ АВТОРА И КАНАЛ:
www.liqpay.ua/ru/checkout/car...
Webmoney:
Z166344793421
R369744777501
U871336351200
Телеграмм чат:
t.me/joinchat/FQXf-hN9LRuCosQ...
ДОМАШНЕЕ ЗАДАНИЕ:
developer.mozilla.org/ru/docs...
Сегодня разберемся, почему важно под разные устройства отдавать разные изображения! Научимся используя медиа запросы отдавать правильные фононвые и встраиваемые изображения
МАТЕРИАЛЫ УРОКА:
drive.google.com/open?id=1oti...
БАЗОВЫЙ КУРС ПО HTML & CSS:
• Знакомство с основным ...
Где видео новые ? Очень ждем, надеемся что ты не забросил канал !) Единственный человек, который все четко и понятно рассказывает.
Ни в коем случае бросать не буду. Хочу собраться и с новыми силами в бой. Верю, паузу затянул знатно, пора возвращаться
@@andrievskii я очень рад )
@@andrievskii Спасибо тебе за ценный контент. Сверстал уже пару сайтов - один на вордпрессе, другой по макету. Все благодаря твоим урокам! Будем рады новому контенту )
@@andrievskii Очень ждем!) Спасибо за контент!
Спасибо за твои уроки, хорошо и подробно рассказываешь.
Пожалуйста
Ваши уроки смотрятся на ура!
Спасибо за уроки АНДРЕЙ!!!
Спасибо за плейлист!!!
Thanks)
Андрей, здравствуйте!В CSS стилях в медиа-запросе @media (min-width: 50em) Вы применили к двум классам (.page-header и .main) определенные стили. У меня такой вопрос к Вам: а где в HTML Вы использовали указанные выше классы?
Класс main применён к основному содержимому после шапки. А с page-header пролетел он))))
@@user-er6ce4il7o Нет там класса main, есть идентификатор main, поэтому у него ничего и не меняется на видео.
Почему вы написали bc-image medium в @media (min-width: 35em), если у вас есть min-width 560px? По размеру же едины)
Здравствуйте, как всегда все супер! Хоть я еще и не досмотрел, но с вашей подачей я уверен, что этот видеоролик не менее классный, чем все остальные, но у меня вопрос, когда уроки по джанго? Очень сильно жду
Ох не скоро! Но будут!
@@andrievskii Ладно, спасибо за ответ, буду ждать :)
Медиа-запрос на 35em из этого урока не нужно добавлять, из прошлых уроков в css-файле уже есть медиа-запрос на 560px, и там есть селектор .hero, просто перенесите нужные строчки стилей туда, а этот медиа-запрос на 35em удалите или просто закомментируйте и вынесите подальше вниз, чтобы с толку не сбивал
Здравствуйте, стоит ли учить SASS после того как выучил CSS или нужна практика прежде чем учить препроцессоры?
Здесь все зависит от скорости усвоения и практического применения. Если усвоение идет нормально и все понятно, то можно и с препроцессорами верстать
Здраствуйте, а курсы PHP будут?) Возможно вы не раз про это говорили и возможно я не заметил, так что извиняюсь)
Привет, после курса CSS для профи, будет php базовый
Хорошо, спасибо, а пока что буду учить JavaScript и конечно же CSS для профи (только окончил базовый курс HTML и CSS, спасибо большое)
@@user-rx6yk7rb8r как обучение? на каком сейчас уровне? Только начинаю Базовый курс Андрея HTML и CSS. Что дальше посоветуете
как насчёт увеличения страницы зажав Ctrl+ScrollUp, при использовании единицы em?
Тут я не понял, а какой смысл тогда от :root который не в медиа-запросе, а самый первый, если теперь у нас font-size просто статичный и не меняется в зависимости от размера экрана, в чем смысл?
Здравствуйте, я ещё не окончил базовый курс html и css и вдруг возникла проблема. Каждое слово переноситься на новую строку, хотя word-wrap и прочие свойства я не менял. Как решить проблему, советы с интернета не помогают
Залей код в песочницу и брось на него ссылку
@@andrievskii drive.google.com/drive/u/1/folders/1D9RaSVGZIEuSztS75YnAo2ewEYM2fwCj
Изначально внутри был сброс стилей, но потом решил его убрать, думал, что исправлю проблему
Не проще max-width: 100%; и картинку с максимальным разрешением?
Проще, но только не для подхода mobile first
Дак я тоже не совсем понял к чему эти движения с подгрузкой разных качеств изображений при разных расширениях. Ведь времена с медленным мобильным интернетом канули в лету уже как много лет
.page-header прописанный в CSS не нашла в HTML.
по моему в футере вы вообще стили не прописали, вот они и не работают