13, 15, 17 дюймов, какое разрешение в пикселях?

Hello00, Да, но возможно имели в виду что-то другое. 15–17 дюймов, это, насколько я помню старые мониторы в «две ладошки» по диагонали, ЭЛТ-шные (выпуклые) или первые ЖК. Сейчас это уже жуть раритетная.
А вот 13 дюймовка это вероятно, большой планшетный компьютер.

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

Как получить body?

PHPjedi, Safari, да и в целом верстка под йОСь фрукт веселее, чем верстка под IE.
Данное действие (отключение прокрутки звучит, как сомнительное), но если я правильно помню со своей практики, то preventDefault на событие onscroll — ваш вариант. Или как-то так, дальше — поможет гугл по наводке.

Стоить ли углубится в изучение HTML, CSS и Java или выучить так что бы было понятно?

Pyton — топчег!

Не обновляются стили css. В чём проблема?

Я прекрасно знаю, как это выглядит это в дебаггере. И мой ответ от этого не поменялся.
Кроме того, что есть что добавить. Данное условия (max-width: 360px) не отобразится при разрешении в 375. Т.е. если оно есть в подхватываемом файле и обходится без инъекций, то увидеть в дебаггере его можно только уменьшив вьюпорт до желаемых 359px. Тогда, если условий два, они оба будут видны также, как тут видно 768 и 940. Дебаггер умный и прячет запросы, которые не входят в диапазон.

Что еще необходимо знать, чтобы стать junior Front-end разработчиком?

Я несколько мягче вел к мысли, что «вообще нафиг этот фронт-ноги ему в рот-энд»)

Что еще необходимо знать, чтобы стать junior Front-end разработчиком?

Dunaevlad, читать умных людей и сканировать хроники на предмет священной мудрости.

Ну и еще неплохо вспомнить курс русского (это не упрек) из школы, и догнать его стандартами. Например очень круто знать, когда нужно использовать дефис, а когда тире (тривиально, конечно, но интернет полон абсурда).

Что еще необходимо знать, чтобы стать junior Front-end разработчиком?

lamer350, говорят, нет тупых людей, есть плохой подход.

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

Не согласен с занижением важности верстки, как, собственно, верстки. Несмотря на достаточно малое количество правил (нет), это сложная работа. Речь, конечно, не о «сунь див в див» и иди гуляй. Но без JS в целом это время на ветер.

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

Ну и можно закончить тем, что слово верстальщик, есть по сути только у нас. В мире это вебмастер\фронтендщик, он же человек-оркестр. С одной стороны мы вроде как лохи, а с другой мы вроде как признаны носителями лучших веб-проектов.

Как убрать тень под border-bottom?

Mrako_bes, осваивать фотостоки типа pixabay и основы пользовательского ввода.

Для цвета пипетка. И т.д.

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

Как убрать тень под border-bottom?

Mrako_bes, да, например по хештегу #uidesign. Массы, конечно способны испоганить все (я про всякие бьюти-фьюти с постингом еды), но инста это все-таки бизнес инструмент, как и дриббл и иже.
Нет у меня под рукой подборки, с хорошим каналами, но они есть в списке, на кого подписан канал моей команды.

На dribble публикуется в принципе все, что относится к дизайну, в том числе работы художников. И да, под работами можно встретить урлы на psd.

А в остальном верстка на глаз — основной квест. Второй — моушн (анимация). Тут вряд ли кто даст тайминги (я не видел), так что подобрать на глаз это тот еще квест.

Как убрать тень под border-bottom?

— Сколько нужно дизайнеров, чтобы сверстать макет?
— Целая группа!

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

Как обрезать див под углом с одной стороны?

De Slow, это был ответ на вопрос, а помочь может svg.

Как дополнять меню сайта новыми элементами при адаптивном сайте?

Мега-меню вышли из моды, я так погляжу)

Как убрать тень под border-bottom?

Ну да, это был другой начинающий.

Как правильно оформить тени и border на tab-вкладках?

Чье задание, если не секрет?

Адаптация вёрстки под ie10, как это реализовать?

Для IE выделено отдельные пару абзацев, где указано, что нет полной поддержки. Да и в принципе она и не нужна. Гос-проекты давно перебазируются на «наши» разработки типа браузера Sputnik (он провалился). По статистике могу сказать, что заходы на сайты на IE в принципе, ничтожно малы. Ума не могу приложить, где может потребоваться IE10, тем более на одностраничнике. Скорее всего ТЗ стандартов 7+ летней давности.

Разница между 3 и 4 в технологии. Первый на float:left, а второй на flexbox. Принципиально разные подходы к верстке. А сама сетка не отличается. Переезд с 3 на 4 и наоборот занимает совсем мало времени.

Да и в принципе переезд занимает немного времени. Сегодня ночью я закончил переезд сайта моей команды с 4-го бута на наш FA-kit. Это порядка 300 страниц контента + шаблоны. На то, чтобы основную сборку пересобрать ушло 2 дня.

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

В целом от всех библиотек и фреймворков следует брать основу — сетку. Ну и некоторые утилиты. Я имею в виду для нормальных проектов. Если ты собираешь админку на коленке и ты программист, который очень плохо шарит в верстке, то копипаста из примеров того же бута спасает.

Есть еще Foundation. Рекомендую обратить на него внимание. Но не могу сказать, насколько он хорош нынче, сталкивался последний раз несколько лет назад. А так рвал третий бут, как тузик грелку.

Укажите на ошибки в вёрстке?

maddimas, и лояльный и толерантный, и чего уж, говори прямо, язык для явных и не очень гомосексуалистов. А классово верный язык — C. Еще лучше — сразу дыроколом идти перфокарты программировать.

Укажите на ошибки в вёрстке?

YellowFellow, если ну очень грубо, то он формирует соразмерную область отрисовки страницы в соответствии с устройством.
Тут больше.

Почему применяется только один медиа запрос через Sass?

Айдар Иванов, на это скрине отрабатывает этот запрос @include mq-small-up
Если честно вникнуть нет ни времени, ни особого желания, поэтому может что-то важное и упустил. Но тут на поверхности каскадность. Это значит, если грубо, то работать будет последнее и самое близкое к наиболее точному селектору.

Советую посмотреть на то, как собираю я и bootstrap. У меня чистый SASS и на вид попроще. Но работает. А у бута надо для общего понимания посмотреть в другие исходники. Они рядом.

После — сравнить и найти, где именно идет нарушение каскада.

Как узнать какой из элементов в контейнере находится в зоне видимости?

driver458, ну дык я о том и веду. Лично я вижу 2 подхода, ловить элемент перебором в момент события. Как в примере на скрине. Или каждому элементу повесить свою проверку, как я кидал ссылку.
Пл факту — оба случая с перебором. Но если в первом мы перебираем каждый раз при скролле, то во втором случае 1 раз и ждем, когда сработает. Если честно разницу в производительности не замерял, так что ничего на этот счет не скажу.
Скажу, что я сегодня совсем не в ударе и попытки пронести свою мысль прямо даются тяжело.

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

Как узнать какой из элементов в контейнере находится в зоне видимости?

driver458, конечно нет, мне не платят за ответы на вопросы)
И тем не менее ответ не меняется. В нем только надо воспользовавшись вектором, который я выдал.

К слову, на тему перебора мне последнее время полюбилась конструкция одна: https://i-am.studio/static/default/js/color-picker.js
На самом сайте отрабатывает проверка для логотипа, на какой «поверхности» он находится. Но глубоко лезть не рекомендую. У нас на днях дропнулась база и мы ее вяло пересобираем. Пока в морду подставили тестово-вакханальный.
....

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

Ну а если я все-таки хоть и близко не навел на мысль, то бывает.

Какой придумать проект, связанный с работой с базами данных?

Поверхностное знакомство с БД мало что даст. Так что я бы не стал заморачиватся. Собери 6 типовых задач и брось кость D6. Самое интересное начнется на боевых проектах. Ну или не начнется)