Вам не кажется, что CSS превращается в язык программирования?

Удобная штука, но про заменить  "пол js" не понял.

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

JS это про клиентские, браузерное.

Мне еще нравится использование data:

<article data-parent="cars" id="cars">...</article>

И потом вывод: 

article::before {
  content: attr(data-parent);
}

И стили

artiale[data-parent="cars"] {font-size: 30px;}

Как-то забавнее, чем document.getElementById('cars').dataset.parent в Жабаскрипте.

А зачем стили задавать через document.getElementById? Чёт я не понял...

Может потому что позволяет держать всю логику стилей в CSS, а JavaScript только управляет тем, какой класс применен к элементу?

Они там не задаются, а меняются. К примеру пункт меню, страница которого открыта в данный момент, должен быть оформлен немного по-другому. Предложите реализацию этого на чистом CSS. 

Я с самого начала старался избегать использования скриптов во фронтенде, потому что многие их отключали в браузерах. 

Если по хорошему, то HTML, CSS, JS и даже серверный язык по моему должны быть в одном ЯП. А то что сейчас наделали кучу разных, это от тупости разработчиков.. Теперь им приходится заниматься не только поддержкой старых возможностей для совместимости , но и расширением функционала этих разных технологий под новые запросы и потребности пользователей\кодеров, при этом даже в разметке и каскадных стилях делают возможности встроенных функционалов, которые ранее делались на JS, например те же диалоговые&модальные окна, попапы, тултипы, спойлеры и прочее не говоря уже о эффектах анимации. Хотя ранее в CSS в IE были очень крутые эффекты о которых мало кто знали(по типу перелистывания страницы, эффект жалюзей и др., но они работали только в IE), мне нравилось их использовать, потом их убрали с появлением CSS3.

Есть классика жанра. Сайдбар на мобилах скрывается. Вместо него появляется кнопка, при клике на которую сайдбар открывается. Это реализуется средствами клиентского JS. Покажите мне реализацию этого на CSS.

Подозреваю, что вебмастера используют фронтэнд-фреймворке и не понимают, что JS там плотно вшит. Отсюда у них ощущение, что все вопросы решаемы CSS.

Как к примеру в CSS получить адрес страницы?

Сейчас это легко делается и без JS через скрытые input, а в CSS input:checked прописываются стили для скрытия\показа блока меню.