Почему padding-bottom: 100% делает из блока квадрат?

htmlbook.ru/css/padding
www.w3.org/TR/CSS21/box.html#propdef-padding
Вот. Сорри, от ширины родителя, ошибся.

Почему padding-bottom: 100% делает из блока квадрат?

Username, от ШИРИНЫ родителя.

Почему padding-bottom: 100% делает из блока квадрат?

На этой особенности как раз создаются пропорциональные элементы, у которых ширина и высота пропорциональны. Создается блок, в который вкладывается другой и задается паддинг боттом или топ, не суть, в процентах, например 56.25%, что соответствует соотношению 16:9, часто видео в таких пропорциях. Далее в этот блок вкладывается еще один блок, позионируется абсолютно и растягивается по ширине и высоте на родителя, а в него уже вставляется видео, например iframe с youtube, и видео становится респонзив, без потери пропорций, без черных полос по краям при ресайзе.

Как сверстать такой элемент?

Там еще на фоне текстура есть, в черном блоке.

Как скрыть элемент если value равно определенному значению?

var check = document.querySelector('input[value ="customer/customer"]');
console.log(check);
  check.addEventListener('change', function(){
   console.log('this.parentElement: ' + this.parentElement + '<br> this.value: ' this.value + '<br> this: ' + this);
    this.parentElement.style.display = 'none';
  });

Вставь этот код, перезагрузи страницу, попробуй кликнуть по чекбоксу, а затем открой консоль в девтулз и посмотри, что пишет.

Как скрыть элемент если value равно определенному значению?

Сергей Евдаров, https://jsfiddle.net/dimovich85/ubfbp4oz/

Как скрыть элемент если value равно определенному значению?

Антон Шаманов, тише не ругайся, не вник, мне показалось, что они на одном уровне вложенности... Ну да, и сосед слева, не сработает.. не прав.

Как получить данные в php файле, при отправке $http.post(url,{данные})?

Макс Жуков, функция во Vue в методах/мутациях или вотче/экшене?

Как настроить slick слайдер?

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

Для чего нужен еще один конструктор?

grom111, наследования нету? странно.. а видео в свободном доступе есть?

Для чего нужен еще один конструктор?

grom111, это не норма, но откуда я знаю, чего хотел добиться ведущий курсов? Я так предполагаю, что создал второй класс, унаследовался от класса Book и в него добавил методы, а так, по идее преподаватель как раз сам должен комментировать свои действия) Я ж дописал в конце, что "я так думаю".

Почему inputmask не работает?

Достоинством метода live(), является то, что установленные обработчики будут вызываться как на текущих элементах страницы, так и на будующих. Это становится возможным благодаря особому устройству метода live(). Вместо того, чтобы привязывать обработчик событий к самим элементам, live() устанавливает его в начало дерева элементов DOM, либо элементу, указанному в роли контекста. Допустим, мы обрабатываем нажатие на div-элемент. Когда случается событие, происходит следующее:

1.нажатый div-элемент генерирует событие click.
2.если на этом элементе установлены обработчики, то они будут выполнены, после чего, событие будет передано вверх по иерархии дерева DOM.
3.пройдя таким образом несколько уровней иерархии, мы дойдем до элемента, которому был присвоен специальный обработчик события, методом live().
4.этот обработчик проверит, соответствует ли первоначально нажатый элемент селектору, применительно к которому вызывался метод live().
5.если элемент подходит, то будет вызван соответствующий обработчик.
Чтобы событию не приходилось подниматься до самого начала дерева DOM, можно указать контекст и тогда обработчик будет установлен в его начало, что сократит общее время обработки события:

// если в роли контекста можно указать один элемент, то можно сделать это так:
$('td', $('table')[0]).live('hover', function(){}) // в качестве контекста будет использована первая таблица на странице

// или так, в случае, если речь идет о нескольких элементах в роли контекста
$("table").each(function(){
$("td", this).live("hover", function(){});
});

Это копипаст с той ссылки, что писал выше. Сам я live никогда не пользовал, обычно .on() хватает.
Дублирую ссылку: jquery.page2page.ru/index.php5/%D0%A3%D1%81%D1%82%...
Надеюсь разберетесь, самому интересно стало.

Почему inputmask не работает?

Почему решили именно live, а не on использовать? В доках описывается, что live устаревает.
jquery.page2page.ru/index.php5/%D0%A3%D1%81%D1%82%...

В разделе особенности метода есть инфа, что live использует всплытие событий, может добавить сюда контекст, чтобы событие быстрее доходило до обработчика?

Как реализовать frontend часть отправки формы на Vue.js?

Askhat Bikmetov, просто если вы пишете с vuex, то вызов аякса надо делать в store через actions, если вы не используете для данного компонента склад, то вызов аякса будет через родителя и потом пропсами спускаться в ребенка. Если вы используете vue-resource, то там сам запрос немного по-другому пишется. Я постараюсь сегодня описать это, но позже, есть свои проекты, дедлайн горит, на досуге с радостью напишу.

Cоздать фигуру на CSS?

4e4en87, рад был помочь ☺ Если бы не эти волны по бокам фигуры, то на стилях можно бы нарисовать, а так, скорее всего нет, svg вообще классная штука.

Показать контент при наведению мыши?

Да, это и хотел написать, но думаю, вдруг кнопки не в таблице, а где-то рядом, тогда надо делать тоже самое, но селектор типа такого .таблица + .кнопка, или .таблица ~ .кнопка

Показать контент при наведению мыши?

Покажите разметку.

Как получить доступ к переменной?

Создаем "класс", в нем переменную тест делаем как раз полем этого класса. Далее создаем экземпляр класса и проводим опыты. Я проверял скрипт на div с классом res. Все работает.
Можно this.test = 0 удалить, тоже работать будет.

Покрывание одного блока другим при скроллинге, как [ПРИМЕР]?

Nikita Hordiyenko, заходите в хром, например, на страницу, которую хотите изучить, нажимаете правой кнопкой мыши и выбираете посмотреть код страницы, или если вдруг разрабы сайта заблочили правую кнопку мыши, то жмете ctrl+shift+i далее смотрите на вкладку, в появившемся окне, Elements, видите разметку HTML, выбираете любой элемент и внизу, сбоку или еще где будет Styles. Сверху слева есть иконка прямоугольник с курсором, если нажать, то мылкой можно прямо на странице наводить на элемент и видеть его стили. Если в вкладке стили нажать дважды на любое свойство, можно его отредактировать (изменения не сохранятся, но визуально можно экспериментировать), там еще есть добавить новый стиль, и все такое прочее. Можно посмотреть вкладку Sources, увидите папки, полазить там не мешает, найдете css цельным файлом. Есть еще и такой вариант: открываете страницу, нажимаете ctrl+u и видите разметку HTML в новой вкладке, там будут ссылки на картинки, js, css, если на них кликнуть - можно читать исходники. Есть правда ньюансы, типа код пережатый, но тогда можно самый первый вариант пробовать, который вначале я описал.

Покрывание одного блока другим при скроллинге, как [ПРИМЕР]?

Просто спасибо, мне дизайн сайта понравился, очень классный! По поводу "как сделать" уже много написали, а так, все открыто в вебе, открываете девтулз и разбираете цсс)