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

viktorulyushev: не совсем понял, что вы имели ввиду?
Думаю здесь только можно придраться к width :100%
Но можно написать width:calc((100vw - ширина контейнера)/2), как угодно.
Но я вижу, что вы отметили другое решение, которое противоречит вопросу ( фон был за пределами, а содержимое не выходило). Тем более то решение в старых браузерах не работает, что указано.

Как сделать плавную прозрачность?

Все зависит от фигуры которую ты хочешь так накладывать.
Можно сделать как в примере через canvas. Но думаю можно через svg c линейным градиентом, и в зависимости от положения и удаления от svg назначать угол и прозрачность svg.

Можно ли как-то удалить блок в iframe?

нет

Освоение HTML5, CSS, JS. Как продвигаться?

www.reebok.ru/ru-RU/nano_7 - уверен на 100% что делали фрилансеры.
Посмотри адаптивную версию. На меню нажми, на стрелку,на поиск. ничего форму не перекрывает? и т.д.
Не будь таким!)) должен быть тот, кто проверит эти ошибки.

Освоение HTML5, CSS, JS. Как продвигаться?

Senbonzakuraa:
Скажу немного о фрилансера. Если ты работаешь в офисе и помимо этого берешь работу на фриланс, то я это только поощряю. Но если человек полностью работает на фрилансе, то я его ненавижу. Объясняю:
- никто не проверяет качество сделанной работы, клиент просто не способен это сделать. Поэтому все делают через костыли.
- фрилансеры деградируют. Берут только ту работу, которую выполнили уже миллион раз, шаг вправо, шаг влево и опять костыли.
- фрилансеры вобьют в себе в голову, что вот это технология самая крутая, нужно делать только по ней. Например, БЭМ - крутая методология, но она излишняя для лендингов или других мелких сайтов. Либо Vue, вот это сейчас в тренде... через год все будут на нем... да хер там! Посмотри сколько вакансий на hh по react и angular, а сколько vue.
- т.д.

Книги. Бери любые книги "O'Reilly" и читай только их.
Видеоуроки нужно очень жестко фильтровать. Sorax, ITVDN - хорошие, loftblog, htmlacademy - нормальные, а вот Евгений Попов - это пиздец (почитай сам отзывы).

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

На счет бутстрапа. Верстай сначала на нем. Бутстрап сделали нормальные люди, а не дядя петя что-то там накостылял. Пойми структуру сеток, табов, модальных окон и т.д., чтобы потом самому сделать такие же вещи. Потом уже отказывайся от него. И еще хочу сказать, я не понимаю, почему все вопят "бутстрап говно". Скорей всего они не знают, что его можно кастомизировать:) и наверное думаю, что в их говнокоде будет намного легче разобраться, что в общепринятом бутстрапе.

Как заставить меняться заливку div в зависимости от положения курсора?

Хорошее решение, но есть минус. Если контейнер больших размеров, то не правильно будет цвет высчитываться. Например, контейнер 500px шириной x будет равен 227, когда максимум ff.

Вот решение, с учетом этих правок.
https://codepen.io/STutukov/pen/JWwOgo?editors=1010

Как вызвать функцию при скролле в верх, jQuery?

Igor Roschak: )))))

Почему при перелистывании перескакивают пункты?

Peremir2: можно перед закрытием списка отменять события
jquery.page2page.ru/index.php5/Off

[code-review] Верстка, какие замечания?

Тебя не взяли по двум причинам:
1) ux/ui дизайнер
2) если в ТЗ не написано использовать скрипты, это не означает, что они запрещены. Сделал бы имитацию ajax, валидацию формы, фильтр товаров, дропдауны нормальные тебя бы взяли

Хром искажает изображения?

Даниил Сугоняев: у меня тоже была такая проблема.
Сохрани в "изображения для web" (в фотошоп shift+crtl+alt+s) в формате jpg и все будет нормально.

Как подсчитать кол-во определенных символов в строке, например ";"?

да

Как подсчитать кол-во определенных символов в строке, например ";"?

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Как выбрать следующий пункт в списке?

Peremir2: у тебя логика к сожалению не совсем правильная:(
https://codepen.io/STutukov/pen/jBxJxq?editors=1011 - поставил задержку в 1 секунду, чтобы было наглядно.
Еще раз. Вот этот код ВСЕГДА работает, когда длина импута больше 0 и присваивает ПЕРВОМУ элементу .active

$(".regions > a.city").eq(0).addClass('active').siblings().removeClass('active');

Как выбрать следующий пункт в списке?

if(event.keyCode >= 65 || event.keyCode <= 90 || event.keyCode == 173) {

|| - это "или". Условие всегда работает.
Поэтому всегда работает вот это.

$(".regions > a.city").eq(0).addClass('active').siblings().removeClass('active');

- первому элементу .city добавляется класс active.

Как выбрать следующий пункт в списке?

$(".regions > a.city.active:not(:first-child)").removeClass('active').prev().addClass('active');
<code>
Заменить на 
<code>
$(".regions > a.city.active:not(:first-child)").removeClass('active').prevAll('.city').first().addClass('active');
</code>

Как выбрать следующий пункт в списке?

Peremir2:

$(".regions > a.city.active:not(:last-child)").removeClass('active').next().addClass('active');

Заменить на

$(".regions > a.city.active:not(:last-child)").removeClass('active').nextAll('.city').first().addClass('active');

Как выбрать следующий пункт в списке?

Peremir2:

$(".search-region_row").focus().keyup(function(event) {

- focus() - сразу фокусирует курсор на это поле. Мб лучше написать?
$(".search-region_row").keyup(function(event) {

Как отловить нужный клик?

,

$('a.order').on('click',function(){
    var id = $(this).data('id');
    console.log(id);
  });

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

создать готовый файл css с изменением темы. Например
.nav{
background: {color};
color:{color2};
...
}

- распарсить его, заменить цвет {color} и {color2} на собственный и сохранить.

https://codepen.io/STutukov/pen/NpMopB?editors=1010 - меняется цвет текста у .theme

Сайты, на которых приятно читать текст?

Александр:
1) Шрифт: PT Sans, Open Sans, Roboto.
2) Размер текста: 14-16px.
3) Цвет текста: #222 или #333 (#000 - устают глаза, после долго чтения на белой подложке)
4) Цвет подложки: лучше бежевый цвет (на глянцевых мониторах начинают уставать глаза)
5) Область чтения: 700-900px.

Особенности:
6) Мне не нравится, что подгружается в конце следующая новость www.rbc.ru/society/23/03/2017/58d351df9a7947647f9a... . Я не понимаю, это продолжение или новая новость. Все внимание сконцентрировано на рекламе, т.к. след новость затемнена и предыдущую ты не видишь уже.
7) Мне не нравится, когда загружается в статью! асинхронно реклама-видео. Ты начинаешь читать текст, все начинает разползаться и воспроизводится видео со звуком... а после реклама исчезает и область выделанная под баннер тоже пропадает и получается скачок контента (иногда на http://www.ria.ru)
10) Не особо понимаю смысл выбивать из потока картинку https://medium.com/@andrewng/opening-a-new-chapter... Чувствуется что это опять какой-то баннер с рекламой и из-за того что изображение левее то пропадает шаринг, то появляется.
9) Мне нравится, как сделан сайт https://www.novayagazeta.ru/. Четкое разделение разделов: первый экран Главные новости, далее сайд бар отдельно и остальное отдельно. Плюс сделано на реакте, быстро все грузится, новый дизайн...короче стильно, модно, молодежно:) и дебильная реклама ПОСЛЕ статьи, а не в статье!
10) Мне нравится читать/смотреть сайты, где новый продуманный дизайн с четкой границей разделов. Где используются нормальные js библиотеки:
fancyapps.com/fancybox/3
https://d3js.org/
https://www.highcharts.com/

И в заключение скажу. Да вообще наплевать на сколько удобный сайт, главное контент.
https://www.reddit.com/ - сайт говно говном, а сколько посещений.

PS. Это мое личное мнение