Не получаеться вставить больше одного правила в @media запросс css:((?

Пример на jsfiddle сделайте, т.к. код вроде рабочий.

Конвертер готового исходного кода PHP/JS в трудозатраты (специалисты: часы и рейт по каждому)?

xmoonlight, вас же уже один раз банили за флуд, не? Не хотите оформлять ТЗ - не надо, к чему это всё. Значит, sim3x не принесет пользы для вашего вопроса.

Как создать ненаследуемый метод?

Оффтоп наверное, но скажите пожалуйста в каких случаях вы это используете?

То есть мой вопрос не в этом на самом деле, я просто смотрю и мне кажется что вы изобретаете JSON.stringify:

obj = {
	a: 'first',
	b: 2,
	c: [ 'second', 3, {} ]
};

console.log( JSON.stringify( obj, null, 4 ) );

// {
//     "a": "first",
//     "b": 2,
//     "c": [
//         "second",
//         3,
//         {}
//     ]
// }

Какие есть способы сократить данную строку?

Если речь о том чтобы сделать generic проверку, то наверное как-то так:

var classes = [ 'search', 'search_input', 'cancel_btn' ];

if ( classes.some(class_name => target.classList.includes( class_name )) ) {
  cancelSearch();
}

Или в метод пихнуть:

HTMLElement.prototype.hasAnyOfClasses = function( classes ) {
	return classes.some(class_name => this.classList.includes( class_name ))
}

if ( target.hasAnyOfClasses([ 'search', 'search_input', 'cancel_btn' ]) ) {
  cancelSearch();
}

Как поймать исключение в асинхронной функции?

DTX, можно например ловить его в глобальном обработчике, window.onerror.

Почему JS думает что 0.1 не равен 0.1?

Zzzz9, предварительно округлив до двух знаков после запятой.

Медленная закачка при хорошем iperf тесте, что делать?

ionovAG, лол, тут вы всё напутали: la это артикль женского рода, вместо него в предложении должен стоять глагол est, а т.к. Iperf это logiciel (le), то в самом коротком варианте получается как-то так: le Iperf [contrôle] est magnifique.

Почему не срабатывает click в браузерах Chrome, Opera?

Проблема в том, что это option, с ним много проблем по обработке событий. Вместо option обрабатывайте события для селекта.

Какое тестовое задание junior php дают на собеседовании?

Посмотрите в гугле выдачу по запросу "php test task for interview", есть очень даже вкусные статейки.

Массив элементов? Элементарный массив?

А какая именно задача стоит? Эта задача чисто образовательная?

Почему не работает инструкция в событии touchstart/touchmove?

"sliderBox.style.transfrom" - чиво?

Google Maps API Проложить маршрут?

be_a_man, прекрасная идея!

Как оптимизировать этот js-снипет?

RaulDuke, я спрашивал о h, а не об этом.

Как правильно отправить ajax-запрос если человек закрывает страницу?

+1, загрузка картинки на unload вроде работает.

Как осуществить такую анимацию?

На домашке particles.js прям точная копия того, что у вас по первой ссылке.

У кого есть примеры вертикального скролл индикатора?

Так там же всё кастомное:

$(function() {
         $(window).on("scroll resize", function() {
             var o = $(window).scrollTop() / ($(document).height() - $(window).height());
             $(".progress-bar").css({
                 "width": (100 * o | 0) + "%"
             });
             $('progress')[0].value = o;
         })
     });

Просто сверстайте прогресс-бар вертикально, и поменяйте в коде ширину на высоту, всё.

Как оптимизировать этот js-снипет?

А можете показать пример результирующего массива если на входе тот объект, который вы привели в вопросе?

h это у вас хелпер такой? А sales что такое?

Где найти примеры исходного кода HTML5 CSS3 сеньерского уровня?

Кто-нибудь вообще сайт смотрел?

У меня было такое лицо, когда я увидел что личный сайт web maniac Lea Verou каким-то образом оказался рядом с kaerus.de/ebay/. Вы чего, это же чей-то сделанный на скорую руку учебный проект наверное.

1. "слайдер адаптивный" - при ширине окна <= 767px слайдер не только перестаёт быть адаптивным, но и зачем-то ещё начинает демонстрировать края предыдущего слайда. Также, он никак не контролируется,
2. Инфа о товаре это вообще праздник. Например, превью в лейблы вставлены в натуральном размере, то есть Chrome Canary в списке картинок мне показывает одноцветные квадратики (иногда с пуговицами). А когда я нажал на картинку чтобы она увеличилась, мужик на картинке вдруг похудел. А другой мужик при увеличении вдруг наоборот поправился. Илон Маск сквозь слёзы кричит нам: эй, пора бы уже другие планеты колонизировать, а вы там до сих пор не знаете, как банально пропорции изображений соблюдать!
4. Если бы я хотел персонифицировать IE, то в данном случае я бы представил его в образе Траволты, потому что даже Edge вообще не представляет что происходит: картинки как-то бессистемно растягиваются в блоке с зумом, в превью лейблах появляется скроллбар который вроде как скрыт, при клике с целью зума некоторые картинки выравниваются по правому краю. Да, IE часто ведёт себя как дурачок, но если такое происходит, значит вы придумали какую-то прям совсем кривую структуру и с этой некромантией надо срочно завязывать,
5. Человек который верстал это просто хотел подразнить нас - в большинстве случаев flex используется без всякой нужды и даже в комбинации с элементами предшествовавших ему способов (например кнопки buy now и add to cart),
6. Если слайдер и картинки с зумом свёрстаны по сути только для широких экранов, то с разделом FAQ всё наоборот - он выглядит прилично только при ширине окна <= 1120px,
7. По коду видно, что он хоть и с любовью, но всё же был отформатирован криво вручную. Это конечно очень трогательно, но даже Sublime Text (не говоря уже о других) ненавязчиво предлагает юзеру отформатировать всё за него,
8. Много-много очков гриффиндору за вручную расставленные идентификаторы, два из которых повторяются.
9. Потыкайте на все эти слайдеры, табы и тому подобное. Некоторые из них не функционируют дальше третьего элемента. Конечно в данном случае это потому что верстальщику просто надоело копировать ID, создавать связанные лейблы, пихать копии элементов управления в каждый экземпляр, потом добавлять новые ID в CSS и т.д., но суть конечно не в том, что просто нужен терпеливый верстальщик, а в том что это критически неправильный подход. Мне кажется тут даже и аргументировать не надо особенно, но всё же чтобы не быть голословным я попробовал для случайного компонента (внезапно - вёрстка разделена на компоненты) удалить лишний код, то есть тот который отвечает только за функционал - стили и дубли элементов управления, оригиналы остались. Беру например компонент product. Из CSS удаляю всё что имеет отношение к инпутам, а из HTML удаляю все дубли (.popup, .popup-bg, .flex-inputs-radio-item). Результат: CSS похудел на ~4000 символов, а разметка, которая сначала состояла из ~26000(!) символов, похудела на ~17800 символов. Да, речь о маленькой учебной страничке. Да, речь только об одном компоненте. И да, не забывайте что в изначальной разметке присутствовали нерабочие элементы управления, то есть на самом деле для сохранения функционала кода должно было быть существенно больше, думаю раза в полтора, если не в два.

Все эти "крутые" штуки на "голом" HTML (одетым в CSS) это конечно мило, можно даже с мечтательной улыбкой посмотреть на горизонт и про себя подумать о том, какое в связи с этим светлое будущее ждёт нас и наших внуков, но это всё никак не связано ни с хорошей вёрсткой, ни с хорошей организацией веб-приложений в принципе (как и сама страница kaerus.de/ebay/). Весь этот функционал даже я - юнлинг - могу реализовать в 2-10 строк JS на каждый компонент.

ЗЫ: +1 за упоминание о Татьяныче, у него и правда всё очень круто!

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

"После пяти таких запросов всё падает" - в каком смысле падает?
"просто перестает нормально отвечать после 5 таких запросов" - вам сервер перестаёт отвечать начиная после пяти запросов? 0_о

Почему появляются отступы между изображениями при использовании masonry?

Alexandr Alexandrov, не-не-не, для меня не надо подгонять синтетические кейсы. Я просто вам сообщил, что флоат сетка и масонри имеют не так уж много общего, можете не верить, я не настаиваю.

Только я вас уверяю: David DeSandro написал masonry.js не потому что хотел повыпендриваться, а именно потому что масонри нельзя реализовать на флоатах.