Адаптивный дизайн

Для < ie9 погуглите respond.min.js и не выдумывайте велосипед, но адаптивная верстка для ie6-ie8 это верх идиотии.

А jQuery это не JS конечно же... ;)

Аргумент довольно сомнительный. От того, что в старом ИЭ не сработает медиазапрос, ничего страшного не случится. Мобильники и планшеты на ИЭ не работают, а на десктопе и без адаптивности всё терпимо будет. А вот жабаскрипт на тех браузерах может вообще выдать отказ из-за какой-нибудь ошибки, даже и не связанной с адаптивностью - ведь на сайте скрипты используются для разных целей. И тогда вообще всё съехать может.

---------- Добавлено 04.11.2017 в 21:43 ----------

Кстати, Ваш сайт в старом ИЭ вообще не виден. Вот ошибка:

Так вот я и спросил как бы в начале: что быстрее

@media screen and (max-width:768px) {

  div {

    background: green;

  }

}

или

var list_div = document.getElementsByTagName("div");

  

window.onresize = function() {

  if (window.innerWidth > 768) {

    list_div[0].style.backgroundColor='green'; 

  } else {

    list_div[0].style.backgroundColor='red'; 

  }

};

Знаю.

Не обсуждается.

К чему этот глупый и откровенно провокационный вопрос? JQuery - это JS Фреймворк (JS объект) со своими свойствами и методами (синтаксисом). А так-то да .. что JS, что C++ ... всё едино, т.к. двоичный код... но разница всё-таки есть.

Согласен, но это не аргумент за.

Хоть какой-то :) У Вас же, вообще никаких (кроме воды про "так удобнее")

---------- Добавлено 04.11.2017 в 22:28 ----------

Это не соответствует действительности, т.к. у меня есть компьютер с (чистым) IE6 и там всё отображается нормально. Разбирайтесь со своим IE8.

Но это отношения к вопросу не имеет, т.к. я не обсуждаю данный конкретный недоделанный сайт (sunnyi), а просто спрашиваю - в чём плюс @media-запросов, если он есть?

Вам уже объяснили, что @media - это стандартная тема для работы с media query, на обычном css, а на js - корявый и неудобный костыль.

Также допустим пользователь отключил js, то вся ваша адаптивность идет лесом.

Я так понял, что это баг IE8 который лечится установкой KB2936068.

на счет ресурсоемкости... если это не игра то имхо не имеет очень уж большого значения, имхо также css и js работают над одними и теми же объектами (т.е. быстродействие будет сопоставимо, но возможно, хотя не уверен, css действует в параллельной нити и не блокирует основную нить текущей вкладки браузера (в отличие от js, но ТЕПЕРЬ у js УЖЕ есть воркеры и промисы и тогда равноправие восстанавливается), что дает некоторые преимущества...). CSS с флуид-грид, флекс бокс, css анимация и трасформация и медиазапросами покрывает 99% всех мыслимых случаев верстки.

Имхо, также сами коды манипуляции DOM написны на C++ и значит имеют почти максимальное быстродействие,

Если принять, что JS это обертка на вызовами функций которые написаны на C++ (смотрим исходники Лисы и Хрома),

то есть продуманная структура программ на JS с минимум циклов и тд даст весьма высокое быстродействие.

---

Топик стартеру - срочно изучите css флекс-бокс и сверстаете ваши сайты красиво, точно, быстро, просто, логично,

адаптивно и главное без "трюковщины" css.

Ну а если хотите быть супер проф. в верстке - изучите css флуид грид, там практически безграничные возможности

по верстке, сопоставимые, имхо, с серьезными системами типа пост-скрипт.

Аргумент разбивается контраргументом в Вашем же стиле: допустим пользователь отключил css, то вся ваша адаптивность идет лесом.

Кстати, возможно удивлю, но попробуйте зайти на sunnyi.ru, отключить JS и поизменять размеры окна браузера .. :) (это я так, к слову)

P.S. Короче я понял: что использовать - дело вкуса. Всем спасибо.

Это не дело вкуса, а дело Вашей упертости и не желанием пользоваться стандартными средствами, а придумывать костыли.

И требовать от других объяснить почему другие не делают, как Вы.

А JS давно перестал быть стандартным средством?

А вы-то сами знаете - почему?