Какой плагин для Gulp использовать для сжатия изображений, чтобы не ругался GooglePagespeed?

gulp-tinypng

Что вы думаете о display flex как о методе борьбы с пробелами между строчными элементами?

Camaro67, Ну да. И что? В чём сложность задать размер шрифта?

Что вы думаете о display flex как о методе борьбы с пробелами между строчными элементами?

Camaro67,
.wrapper {font-size: 0} и проблема решена. Вопрос применения flex всё же шире, чем решение мелокой локальной проблемы.

Софт для редактирования Html/css/sass в Live режиме?

arttstyle, https://www.browsersync.io/docs/gulp

Анимация background-color: rgba('0', '0', '0', '0')?

furcifer,

мне нужно чтобы задержка была

/* имя свойства | длительность | задержка */
transition: background-color 4s 1s;
https://developer.mozilla.org/ru/docs/Web/CSS/tran...

Как сделать полоску в заголовке?

Сергей Васенин, Как угодно. Хоть бордер задай псевдоэлементу, хоть высоту и фон.

Адаптивная верстка - ширина экрана больше чем ширина содержимого страницы. Как этого избежать?

Вера, У вас в шапке какая-то каша.
Выпирает .head .left:before

Как сверстать такой бэкграунд для header в bootsrap?

dom1n1k: Нормальное решение. Градиент 50/50 для всего хедера от края до края, сверху перекрытие границы градиента фонами блоков в контейнере. Куда менее костыльно, чем плашка псевдоэлементом.

Bootstrap classы сетки убрать в data-attribute, нужно ли?

Николай: Ну так используй миксины.

Отступы по умолчанию до/после текста - можно ли отрегулировать?

Денис Ручьев: Да, и правильный ответ - line-height: 1.

Отступы по умолчанию до/после текста - можно ли отрегулировать?

За line-height в пикселях нужно отрубать руки. Высота строки задаётся исключительно коэффициентом по отношению к font-size. Если, конечно, это свойство используется по прямому назначению.

Как убрать стилизацию ссылки при работе с BootStrap 4?

Иван Бабий:
Очевидно, Сергей имеет в виду, что сылка и аттрибут - "слегка" разные вещи. Перед практикой на бутстрапе стоит изучить хотя бы основы, дабы не стать очредным "бутстрап-девелопером".

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

mrusklon: Абсолютом, и нижний padding для обёртки. Что там будет криво на xs совершенно непонятно.

Какой css-фреймворк можно наследовать тихим классом в scss из коробки?

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

Какой css-фреймворк можно наследовать тихим классом в scss из коробки?

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

>> "А в понимании движка браузера - минификация и оптимизация - главное и основное."
Браузеру плевать на минификацию, она может повлиять только на скорость загрузки, и то не критично (но речь сейчас не об этом, против минификациии я, конечно, ничего не имею, это безвредная оптимизация).
extend работу браузера тоже никак не ускорит, разве что, скорость загрузки файла стилей, но смысла в экономии пары килобайт, жертвуя поддерживаемостью и структурой, нет априори (про исходники см. выше).

>> "и между двумя твоими вариантами - со вторым вариантом он справится лучше."
Сильное заявление. Откуда данные?

Какой css-фреймворк можно наследовать тихим классом в scss из коробки?

Никита Кит: Минификация должна иметь разумные пределы. Да и в целом, поддерживаемость и чёткое структурирование кода всегда важней оптимизации (которая, впрочем, в обсуждаемом случае настолько незначительна, что ей можно полностью пренебречь).

Какой css-фреймворк можно наследовать тихим классом в scss из коробки?

Никита Кит:
>> "extend ничего не группирует. Группируешь ты. Ты просто описал, что не умеешь ими пользоваться - вот и всё. "
Пример я привёл выше. В чём же я не прав? Твой результат как-то отличается от моего примера?

>> "2) extend добавляет класс к свойству, а не копипастит свойства в класс"
Ну так это я и ставлю главным минусом, а ты начинаешь необоснованно агриться, что я чего-то не понимаю (см. п. 1).

>> "3) extend позволяет использовать модификаторы, include нет. "
Каким боком здесь модификаторы? Модификатор вообще не должен наследовать свойства основного класса. Но если нужно включить какой-то шаблон, это позволяют сделать оба варианта.

>> "Так что объективно, ты не прав."
Ты перепутал. Твоё мнение - это "субъективно".

>> "На форумах уже целый вагон статей, в которых все советуют отказываться от миксинов".
На любую тему, подразумевающую выбор, есть вагон статей. Пока не видел ни одного разумного довода в пользу extend относительно миксинов, вижу только "бысрей, копипаста, азаза", естественно, без аргументов. Хотя, строго говоря, сравнивать миксины и тихие классы некорректно априори.

Какой css-фреймворк можно наследовать тихим классом в scss из коробки?

Никита Кит:
Ответ уже дан - "я всегда выберу первый, как наиболее поддерживаемый". В любом долгоживущем проекте нужно учитывать читаемость конечного кода.
extend группирует совершенно несвязанные между собой элементы по незначительной общей группе свойств. Проще говоря, генерирует кашу в результирующем css. Разбрасывание свойств элемента по всему файлу ради сомнительной экономии пары килобайт сложно назвать хорошей идеей. Миксины же позволяют получить на выходе чётко структурированный код.

Конечно, нужно понимать контекст использования. Допустим, для кнопок и их вариантов вполне возможно использовать и extend (хотя я предпочту БЭМ подход с основным классом и модификаторами, без наследования). Для структурных элементов использование extend уже дикость.

Какой css-фреймворк можно наследовать тихим классом в scss из коробки?

Никита Кит:
1) Миксины сами по себе куда мощней и функциональней, поэтому разница в скорости вполне простительна, к тому же, она не так велика.
2) Сколько бы котлов мне не пророчили, между этими двумя способами

.block_1{
	color: red;
	background: #fff;	
}
.block_2{
	color: red;
	background: #000;	
}

.block_1, .block_2{
	color: red;
}
.block_1{
	background: #fff;	
}
.block_2{
	background: #000;	
}

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