Группировка (оптимизация) классов и стилей CSS на выходе из WebPack 4?

Mike Ro, я посмотрел несколько оптимизаторов, и они не попытались переставить классы. На самом деле реализовать это сложнее чем кажется, и по производительности будут очень большие затраты.

Группировка (оптимизация) классов и стилей CSS на выходе из WebPack 4?

Mike Ro, чел, то что ты хочешь изменит поведение CSS, смотри:
<div class="class2 class3">
у дива будет ширина 1 при таком

.class_1 { width: 1px; }
.class_3 { width: 2px; }
.class_2 { width: 1px; }

а при таком ширина станет равна 2

.class_1, .class_2 { width: 1px; }
.class_3 { width: 2px; }

Так что это небезопасная оптимизация.

Как подключить шрифт bahnschrift на сайт?

Alexey10, так себе решение честно говоря, работает только в хроме. Где-то наверняка должна быть сразу узкая версия, но я не нашёл.

SVG маска, что не так?

GeKskill,
Да, polyline - ломаная линия, с толстой обводкой и без заливки.
Два варианта заполнения:
1. animation: dash 5s linear alternate forwards;
2. stroke-dashoffset: 0;
Наверное, лучше первый способ.

SVG маска, что не так?

GeKskill, https://jsfiddle.net/AngReload/5d6o7b04/
polyline не очень аккуратно нарисовал, на некоторых изгибах и при медленной анимации это видно, надеюсь это не критично.

SVG маска, что не так?

GeKskill, как должен выглядеть пройденный и не пройденный путь - просто разные цвета: белый и синий?
Синие точки - это места где анимация должна остановиться?
Думаю можно, но надо заморочиться.

Как сделать редактирование аватара с помощью jquery?

По ссылке 404

Почему select выходит за границы?

Вы скинули только кусочек html, этого недостаточно чтобы ответить.

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

Думаю, без ссылки на ваш сайт никто не сможет ответить.

Скрыть блок при клике на его элементы и за его пределами на нативном JS?

qwerty1777, честно говоря, поначалу подумал, что вы просто не ясно задали вопрос.

Скрыть блок при клике на его элементы и за его пределами на нативном JS?

qwerty1777,

// находим по селектору элемент который нужно скрыть
const myElement = document.querySelector('.my_element')

// отслеживаем клик по странице
document.body.addEventListener('click', function () {
  // и скрываем
  myElement.style.display = 'none'
})

Скрыть блок при клике на его элементы и за его пределами на нативном JS?

на его элементы + за его пределами

То есть при клике в любую часть страницы?

Как оставить знаки пунктуации только в текстовых массивах при этом удалив всю кириллицу и лишние пунктуационные хвосты за их пределами?

Вадим Соловьёв, видимо лишние пустые строки придётся убирать заменой \n\n(\n)+ на \n\n. Но как минимум в начале и конце может остаться по лишней строке.

Как оставить знаки пунктуации только в текстовых массивах при этом удалив всю кириллицу и лишние пунктуационные хвосты за их пределами?

Вадим Соловьёв, а в тегах Notepad++. Сейчас посмотрю как в Sublime 3

Как оставить знаки пунктуации только в текстовых массивах при этом удалив всю кириллицу и лишние пунктуационные хвосты за их пределами?

Вадим Соловьёв, а это какой редактор?

Как оставить знаки пунктуации только в текстовых массивах при этом удалив всю кириллицу и лишние пунктуационные хвосты за их пределами?

Вадим Соловьёв, попробуйте .*[А-Яа-яЁё].*(\n)?

Как оставить знаки пунктуации только в текстовых массивах при этом удалив всю кириллицу и лишние пунктуационные хвосты за их пределами?

Вадим Соловьёв, простите, что долго отвечал, спасибо за предложение, но мне кажется того что вы отметили ответ как решение вполне достаточно)

Как оставить знаки пунктуации только в текстовых массивах при этом удалив всю кириллицу и лишние пунктуационные хвосты за их пределами?

Думаю можно похоже:
Нужно исправить регэкспы чтобы удалялся ещё и перенос строк так: .*[А-Яа-яЁё].*\r\n и .*[A-Za-z].*\r\n

Или можно удалить переносы строк более двух подряд: найти \r\n(\r\n)+ и заменить на \r\n\r\n

* примечание: в виндовом режиме CR LF перенос состоит из двух сиволов \r\n, но если документ у вас в LF то для переноса используется только один символ \n, тогда во всех регэкспах нужно удалить\r чтобы они работали. Режим можно видеть в строке состояния снизу справа.

Как оставить знаки пунктуации только в текстовых массивах при этом удалив всю кириллицу и лишние пунктуационные хвосты за их пределами?

Вадим Соловьёв, [A-Za-z].*
Работает так: если найден символ в диапазоне A-Za-z, то он и всё до конца строки удаляется.
Так что может плохо работать на строках начинающихся с цифр, например.
Тогда лучше подойдут такие регэкспы:
.*[А-Яа-яЁё].* и .*[A-Za-z].*
они удалят полностью строки что содержат хоть один символ из диапазона.

Как унаследовать поведение :hover для :active?

pure.css:hover,
pure.css:focus,
pure.css:active {
  for: newbies;
}