Стоит ли реализовывать на CSS то, что можно реализовать на JS?

Question

[bounce]

Видел в интернете довольно много разнообразных статей, описывающих реализацию многих элементов сайта (например, табы, аккордеон, слайдеры) на чистом CSS при помощи разнообразных селекторов без использования JS. Хотелось бы узнать мнение других по поводу правильности такого решения, ибо я сомневаюсь.

Comments

[Moskus]

Без того, чтобы знать, какова аудитория того, что будет таким образом сверстано, ответа на этот вопрос не существует, потому что если ваша аудитория состоит из людей, сидящих на WinXP с MSIE, полагаться на замысловатый CSS не стоит, а если вы точно знаете, что люди, которые будут это смотреть, используют современные browser-ы, то зачем городить JS? Плюс, конечно, всегда остается вопрос о том, что вы сами лучше знаете. Потому что это, часто, и определяет, что вообще стоит использовать.

Answer 1

[Nwton]

например, табы, аккордеон, слайдеры на чистом CSS при помощи разнообразных селекторов

Это извращения. Код должен быть оптимален во всех смыслах и плохо, когда вместо пары строк js, разработчик возводит кучу дополнительных классов и обложек.

Answer 2

[Дмитрий Беляев]

То что можно реализовать на CSS должно быть реализовано на CSS
JS по-хорошему должен лишь управлять классами элементов, ну может еще слушать события transitionend и animationend когда это необходимо

Answer 3

[Uwe_Boll]

дополню ответ @bingo347
все зависит от того что в Т. З. по поводу < 11 осла написано

Answer 4

[Алексей Сол]

Хочу добавить, что, помимо прочего, важна масштабируемость. Например, в будущем, вы захотите сделать блоки с табами анимированными. Если они у вас сделаны на CSS, то это будет гораздо сложнее, нежели если бы они были сделаны на JS. Во втором случае вам придётся добавить 1-2 строки кода, в первом — переписывать классы, либо также добавлять к ним скриптовый функционал.

Так что, моё мнение: если CSS-реализация подчиняется закону Парето, либо мешает масштабируемости, либо настолько сложна, что для другого разработчика она будет неочевидна с первого взгляда, то делаем на JS.

Как пример, что можно сделать на CSS, но, тем не менее, я всегда делаю на JS: табы, аккордеон, слайдеры, выпадающие меню (P.S. в большинстве случаев, код для этих элементов заключается лишь в паре строк манипулирования классами).