Здравствуйте! Расскажите, пожалуйста, как правильно определить размеры container, если по макету текст на несколько букв выходит за направляющие ?
Крайние направляющие в макете и есть размеры контейнера. Если тексты выходит за крайние направляющие, то значит текст не по секте.
Есть ли вообще случаи в современной верстке, когда лучше использовать флоат, чем какой-либо другой способ построения сетки?
Да, конечно.
- для старых проектов, в которых сетки построены на флоатах
- Для контентных картинок, которым нужно сделать обтекания.
В общем, применение float в современной вёрстке сокращается, так как flexbox забрал большую часть работы на себя, но всё ещё используется.
border-box
Разберите пожалуйста случай использования ::before для верстки иконки изображение. Вставлять использую content:? Или background-image? Нужен пример.
При использовании content вы не можете изменять размеры изображения, а когда используете backgraund-image - можете.
В зависимости от того, нужно вам менять размеры изображения используйте нужный метод.
В "боевых условиях" когда применяют display: table (table-row, table-cell); ?? Ведь краулеры опустят ресурс с такой таблицей в SERP ниже, чем если бы таблица была свёрстана семантично. Борьба с выпаданием флоатов тоже уже кануло в лету... Для чего можно использовать в 2020 году? Для элементов похожих на таблицы, но не являющимися таблицей???
Обычно используют для адаптива тех данных, которые при перестроение интерфейсов начинают выглядеть как таблицы, но чаще конечно же используют флексы.
Стоит ли по аналогии с авторизацией в барбершопе менять кнопку на ссылку для всех остальных попапов (в "Техномарте", например)?
Да, смысл есть, но смотрите какую задачу вы таким решением решаете. Лучше уточнить у своего наставника.
Флексы используются для позиционирования элементов. Например, нужно отцентрировать блок или построить несколько блоков по порядку.
Расскажите пожалуйста подробнее о таких значениях width и height как: - max-content - min-content - available - fit-content - fill А так же об их поддержке в браузерах, полезности в верстке и можно ли их применять во флексах.
min-content - представляет собой наименьший возможный размер, при котором в ячейке еще не возникает переполнения, если этого переполнения можно хоть как-то избежать.
max -content - специальное значение, представляющее собой «идеальный размер» ячейки. Это наименьший возможный размер ячейки, при котором содержимое умещается в ней свободно.
Поддержка всех этих значений хорошая, если не учитывать Internet Explorer.
На странице со статьей (https://allyjs.io/tutorials/hiding-elements.html) про класс visuallyhidden (ссылка на которую размещена в материалах к лекции про "Доступность и формы") присутствует следующая информация: "ally.js is published under the MIT License" и приведена ссылка на текст MIT-Лицензии: https://allyjs.io/legal.html, где есть следующие строчки: "The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.". Вопрос: если я использую css-код класса visuallyhidden, как правильно добавить текст MIT-лицензии в свой проект, чтобы потом не было проблем с авторством? Нужно копировать текст лицензии в каждый файл исходного кода или достаточно разместить его в отдельном файле? Правилен ли следующий вариант: в папку проект добавлен файл лицензии.
Текст лицензии нужно указать рядом с используемым кодом.
- На одном из попапов "Техномарта" значение плейсхолдера поля "Ваше имя:" дублирует скрытый label к нему со с текстом "Имя и фамилия". Это потому, что в соответствии с макетом в плейсхолдере лежит значение "Имя Фамилия". В задании сказано, что для каждого поля формы описание должно быть задано с помощью лэйбла. Лектор говорил, что в плейсхолдерах нужно указывать примеры заполнения, а не описание полей. То есть в моем случае в плэйсхолдере должно лежать "Иван Иванов". Как мне быть? Отойти от макета и последовать рекомендации лектора или в точности соблюсти макет, но закрыть глаза на то, что скринридер будет дважды повторять фразу "Имя и фамилия", или же соблюсти в точности макет, но удалить лейбл с описанием для этого поля, и тем самым пойти в разрез с заданием?
- Читают ли скрин-ридеры текст, не относящийся к интерактивным элементам, например простой параграф на главной "Техномарта": "Интернет-магазин строительных материалов и инструментов для ремонта"?
- Правильнее, конечно указать "Иван Иванов"
- Скринридеры прекрасно читают текст. Мы показывали лишь пример навигации и того, как делать правильные скрытые заголовки.