Как скрыть текст?

Паттернов много вариаций, например, мне нравится такой:

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0)
}

Как научиться верстать по псд макету?

Как научиться верстать без проблем?

Border-radius для блока?

1. Убрать фон у родителя
2. Задать родителю скругление 11 или 12
3. Задать родителю overflow hidden, а стрелки в коде вынести за контейнер.

Почему атрибута checked нет, но input выбран?

dotabred,

Если задать пседоэлементы (after и before) чисто инпуту, а-ля: input::after - то ничего не произойдёт, after-а не будет.

Будет.
Ровно тоже самое, что и для :checked::before.

Как называется такое меню?

dalisoft, в инструментах разработчика ничего не минимизировано.

Почему атрибута checked нет, но input выбран?

К атрибуту checked привязаны псевдоэлементы after и before

input одиночный тег и у него нет псевдоэлементов. То, что какие-то браузеры их показывают это чисто любезность, а не гарантия отображения.

Как расположить картинки что бы они они масштабировались в зависимости от размера экрана?

Родителю flex, картинкам ширину 25%.
Если картинки разных пропорций, то либо подготовить их нормально либо каждую обернуть в div и обрезать с помощью него.

Дальше пишите конкретику что именно не получается и показывайте код.

Как сверстать такой блок?

Генератор треугольников с границами www.cssarrowplease.com

Почему не убираются отступы на странице?

Ilya Muromtsev, обычно, люди не дублируют вопрос после прочтения ответа, если им всё понятно.

Но думаю, нет смысла продолжать дискуссию, материала уже достаточно и тут и дальше в гугле для тех, кому хочется развиваться.

Почему не убираются отступы на странице?

Ilya Muromtsev, уточните, что именно не понятно?

Можно ли использовать ресет - можно. Оправдано ли это - в 99% случаев нет.

Проблема с путями при компиляции LESS?

Валерий Жмышенко, дело в том, что вы пишете неправильные пути. Не от собранного css до картинок, а по всей видимости с лишним ../
Но из-за того, что browsersync делает вам сервер, то лишний ../ не срабатывает просто потому что выше подниматься некуда. И в итоге картинки показываются.

Поэтому, разберитесь кто куда import и как правильно писать пути.

Почему не убираются отступы на странице?

Владимир,

Я когда практиковался. мне показалось что, убирание многих отступов это как раз таки плюс reseta.
Отступы просто сам прописываешь как на макете и получается по сути 1 в 1. И шрифты заголовков ведь тоже переопределяются нами же.

Ага. Ну и зачем их сначала сбросить на 0, а потом вернуть? Браузеру скучно?

Если разработчик забудет указать какие-то параметры для блоков, заполняемым клиентом, то при нормалайзе контент будет выглядеть хотя бы читаемо, а при ресете - нет.

Я против бездумного использования и нормалайза тоже. У большинства разработчиков написан свой собственный набор правил для работы, а не полное заимствование стандартного.

Всегда рекомендую почитать статейку. Не нужно ее всю воспринимать как руководство к действию, да и что-то из нее уже неактуально, но на умные мысли наводит.

Проблема с путями при компиляции LESS?

Как заменять пути к файлам через gulp?
У себя в исходниках делаю такую же структуру, которая будет в build. Но иногда всё таки replace.

Почему не убираются отступы на странице?

Владимир, Там, в ссылке упоминается 2011 год. Сейчас 2020.
Устарел, потому что поняли, что reset не удобен и не решает задачи красивой верстки.

Если написать разметку и подключить reset и больше ничего, будет документ нормально читаемым? Нет, потому что всё слипнется, отступов не будет вообще, заголовки не будут по размеру отличаться от всего остального и придется возвращать всё это обратно.

Вёрстка блоков необычной формы?

Так изучайте градиенты и bg size с bg position.
Дальше банальная геометрия. Разбиваете на кусочки, которые умеете делать градиентами и накладываете их друг на друга фонами.
Некоторые задачи без псевдоэлементов не решаются или решаются весьма странно.
Чем они вам, кстати, не угодили, если вы имели в виду их, а не действительно псевдоклассы, как написали.

Например,

И SVG не забывайте.

Почему не убираются отступы на странице?

reset устарел уже довольно давно. Если хочется пользоваться каким-то уже готовым сбросом, то normalize

Как разделить блок на две части вместе с содержимым?

При наведении делаете columns.
Цвета либо всё градиентами либо красный с белым блок вставляете абсолютом.

Как адаптировать длинное слово в заголовке, которое длиннее ширины экрана?

MrAnderson1999, этт что?
Нормальный пример в песочницу сделайте, а то у вас css в куске html кода.

Есть ­, есть word-wrap, word-break.

Как адаптировать длинное слово в заголовке, которое длиннее ширины экрана?

https://webref.ru/css/hyphens

Браузер блокирует сайт?

Сергей Ракипов,
1. Мне обычно достаточно собственного лексического запаса. Если надо - погуглите.
2. Что именно не понятно? Откройте консоль браузера и посмотрите ошибки. $ is not defined, значит jq он не подключил.

Mixed Content: The page at 'https://rakipov.ru/fran/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.

.
С другими аналогично.