Виталий Инчин ☢

Одно в другое и vertical-align: center;.

Та-дам

Так? Или еще круче?

Вот так'c.

Если элементу назначен специальный атрибут id, то можно получить его прямо по переменной с именем из значения id.

Это поведение соответствует стандарту. Оно существует, в первую очередь, для совместимости, как осколок далёкого прошлого и не очень приветствуется, поскольку использует глобальные переменные. Браузер пытается помочь нам, смешивая пространства имён JS и DOM, но при этом возможны конфликты.

https://learn.javascript.ru/searching-elements-dom...

CORS

Я стараюсь делать так:

.wrapper{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

То есть, на экранах меньше 1200px будет растягиваться, а на тех, что больше - просто центрироваться.

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

<div class="one two"></div>

.one{
   color: red;
}

.two{
   background: tomato;
}

Гораздо проще без регулярок:

var str = ":qwerty1:qwerty2...",
      divided = str.split(":");

divided.pop();
alert(divided.join(":"));

Вредно? Чем же это может быть вредно? Такая же единица измерения, как и остальные, не кусается, не плюется, делает все, что от нее требуется.

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

А вот на сколько вредно неумелое ее использование - уже другой вопрос.

Двумя элементами: ± тут ±

Повесить общий обработчик на форму и объединить все кнопки 1 классом (.send_button). Кнопки, кстати, лучше положить в .form_group, это будет логичнее. И тогда:

$("form").on("focus", ".form_group > input", function(){
   $(this).next(".send_button").fadeIn();
}).on("blur", ".form_group > input", function(){
   $(this).next(".send_button").fadeOut();
});

И почему не работает функция on('change')? Если я хочу чтобы кнопка появлялось только когда в инпуте написали.

«Когда в инпуте написали» - это oninput, а onchange это изменение + потеря фокуса.