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

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

Почему не работает инструкция в событии 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 не потому что хотел повыпендриваться, а именно потому что масонри нельзя реализовать на флоатах.

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

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

Сколько архивов формирует гугл диск при скачивании файлов общим весом 15 гб?

dimonchik2013, внезапно, и правда несколько архивов присылает. Я если честно не знаю как это происходит, но я выбрал из драйва файлов на 5гб, нажал "скачать" и когда он их наконец их заархивировал, он мне пришёл первый файл, а потом появилось оповещение "This site is attempting to download multiple files. Do you allow?". Я не стал развлекаться закачиванием архивов, но полагаю что если бы я нажал "ок", то у меня бы в закачках появился бы ещё один.

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

Вы решили накатить флоат на масонри блоки? Надеюсь это шутка. У вас либо синтетический пример, либо вам просто повезло что он не разваливается; добавьте несколько картинок и увидите, что получившееся добро не имеет отношения к тому, что называют масонри. Без обид.

Как загрузить на сервер объект класса Audio?

Учитывая что они идентичны, давайте вы оставите какой-нибудь один вопрос?

Респонсивный блок на всю ширину с Youtube видео без черных границ?

Alexey, ну я смотрю уже не актуально, всё решили, да?

Как можно сократить этот js код?

Сергей Миллер, также можно:
1. Вместо "$( document ).ready( callback )" пользоваться ярлыком "$( callback )",
2. Вместо "$( document ).on( event_name, callback )" пользоваться ярлыком "$( document ).event_name( callback )", в данном случае $( document ).scroll( callback )",
3. Сохранить в переменную объект документа и в коде обращаться уже к ней:

var doc = $( document );

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

<div data-on-visible-show="#box2"></div>

Тогда в коде вы бы просто выбрали все элементы у которых есть атрибут data-on-visible-show и если он оказался видимый, то показывали бы элемент найденный по селектору #box2, например.

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

Минификация это автоматический процесс, не стоит заниматься ей вручную.

Как работает код?

"прочитал на MDN за об эти[х] 2 метода[х]"

Как задать иконку у JS-закладки на панели браузера?

Валерий Озарничук, вы же не сами на себе байты таскаете в сумке, они к вам летят сами, да к тому же со скоростью света. Скачать, поставить - два клика, всё автоматизировано. Посмотрите сколько у них скачиваний.

"Вроде мелочь, а уже несколько лет не внедрили в браузеры подобную фичу." - тут всё просто, этот функционал никому не нужен, а даже если кому нужен, то задач в данный момент хватает - grid, MathML, web assembly, и ещё туча фишек о которых я даже не знаю.

Так вы хотите, чтобы букмарклет всегда имел иконку текущего сайта? 0_0 Тогда вероятно вы правы и это всё же не сделать "никак", то есть очень геморно. Если вам это прям ТАК НУЖНО ЧТО ТРАВА НЕ РАСТИ, то я чо-нибудь придумаю, но, блин, это ж сложно.

Почему метод работает только для последнего элемента?

xutegino, вы с таким подходом скорее всего улетите в read-only режим.