MRS 010

CSS свойство background – это просто сокращение, позволяющее одним значением установить сразу несколько из свойств background-*:

• background-clip
  
• background-color
  
• background-image
  
• background-origin
  
• background-position
  
• background-repeat
  
• background-size
  
• background-attachment

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

Таким образом, background: #F90 полностью эквивалентен background-color: #F90

Например, background: #F90 url(fon.jpg) repeat-x равен

background-color: #F90;
background-image: url(fon.jpg);
background-repeat: repeat-x;

Цвета – разные цветовые модели бывают удобны для разных задач. Например, в модели HSL легко «гасить» свет, изменяя только его компоненту L (яркость), или только уменьшая насыщенность S. Или получить палитру из нескольких цветов, одинаково ярких-сочных, но равномерно разбросанных по кругу оттенков, равномерно раскидав их H по цветовому кругу, а S и L оставив одинаковыми.

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

https://ru.vuejs.org/v2/guide/computed.html

const input = document.querySelector("input");
const button = document.querySelector("button");

button.disabled = true;

input.addEventListener("input", function() {
  button.disabled = !this.value.length;
})

jsfiddle.net/fd67oLwe

разобрался.

на будущее , ответ здесь https://stackoverflow.com/questions/23708231/git-s...

первый коммент - объснение причин
второй коммент - способы устранения проблемы

Нажимайте на эту клавишу

Присваиваем разные id. При нажатии на кнопку получаем значения поля https://jsfiddle.net/q4h1045m/

<input id="elem1" type="text" name="quantity" placeholder="Количество">
<input id="butt" type="button" value="Кнопка"/><br><br>
<div id="str"></div>

butt.onclick = function() {
		var val = document.getElementById('elem1').value;
		document.getElementById('str').innerHTML="Вы ввели: "+val;
};

открыть finder, нажать cmd + j, поставить нужные параметры.

блин, тут вариантов 5-6 сходу придумывается.
флекс, флоаты, инлайн-блок, таблицей, в конце-концов.
Но быстрый ответ дать не получится, потому что нужно более-менее четко представлять, ЧТО должно получиться в итоге.
самое быстрое:

.container {
display:flex;
}

подробнее: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
только у вас там .nav ul в медиа-запросах абсолютно спозиционирован, это надо переделать.

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

Мирас Талбаев, Бесплатно только VirtualBox, по удобству так себе. Ломаных parallels полно в интернет.

~ ` эти символы?
кнопка справа от левого шифта.

Если не знаете как написать какой-то символ, вот этот пункт вам поможет

В Figme отпадает необходимость отправлять заказчику PNG файлы из-за каждой правки, сейчас есть возможность отправлять просто ссылку на прототип, который принимает в себя изменения в реальном времени.

Для того чтобы отправить такую ссылку заказчику, нужно открыть режим прототипа и нажать на кнопку Share, оттуда уже скопировать ссылку: