dom1n1k

Тут как посмотреть. Непосредственных причин, которые приводят к говнокоду, может быть очень много:
1. Отсутствие внятной аналитики и архитектуры
2. Низкая квалификация исполнителей (он может и хотел бы сделать хорошо, но не знает и не умеет)
3. Говнокодеры по складу характера (есть такие люди, которым даже если создать все условия, все равно сделают на от****сь, потому что и так сойдет)
4. Недопонимание и сложные отношения в команде
5. Сроки (бывают заведомо нереалистичные, а бывают просранные в процессе)
6. Меняющиеся требования
7. Плохо выстроенные процессы (документация, тесты и пр)
8. Текучка кадров
9. Политика руководства
И тд и тп... Можно придумать ещё много пунктов.

Но в конечном итоге все эти причины можно свести к одной первопричине - плохой менеджмент. Хороший менеджмент это такой непонятный зверь... Трудно сформулировать, понять, организовать. Косяки не сразу видны и ощутимы, но потом выливаются в проблемы. Если у вас есть хороший менеджер проекта - он на вес золота.

Убрать из списка варианты local()

Что-то примерно в таком духе.
Разумеется, код демонстрационный, не production-ready.

const towns = [
	'Бердичев',
	'Великая Чернетчина',
	'Геническ',
	'Гнездычев',
	'Черкассы'
];
const query = 'че';

let result = towns
	.map(town => ({
		name: town,
		index: town.toLowerCase().indexOf(query),
	}))
	.filter(town => town.index >= -1)
	.sort((a, b) => a.index - b.index)
	.map(town => town.name);

Лично для меня практический смысл picture заключен в использовании нескольких форматов. А конкретнее, главный файл в webp плюс jpeg-фолбек - экономия трафика порядка 20-30%.
Это малая часть возможностей, но в большинстве случаев использую только её.

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

Для всех остальных случаях человеку некогда и незачем разбираться в премудростях вашего интерфейса. Если уж очень нужно - проблема решается на уровне браузера (например, в UC есть такая функция) или ОС (в Макоси есть), а не сайта - даже при условии, что такие плагины зачастую работают неважно. Просто потому, что если я хожу на сотни сайтов, я не хочу настраивать все их индивидуально.

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

Я знаю
Chosen https://harvesthq.github.io/chosen/
Select2 https://select2.org/
Если не ошибаюсь, второй когда-то появился как форк первого, но уже довольно давно развивается самостоятельно.
Достаточно ли они легкие - судить не берусь.
Если существует что-то лучше и легче - самому было бы интересно узнать.

Часто бывает, что визуальную часть фронта делает один человек, а "оживляж" другой. А то и несколько других. Вот чтобы они как можно меньше пересекались.

Скролл-бар