KazeZlat

Просто нужно, чтобы никто не отвлекал. Ну или чтоб все вокруг создавали видимость того, что тоже работают :D
Возможно поэтому вам в офисе "прёт", а дома нет.
Можно включить музыку в наушниках, чтобы меньше отвлекаться.

В качестве обработчиков событий я написал строчки, использующие jQuery, но вы можете и обычным JS управиться, если хотите.

<span class="show_widget">Показать с помощью моей кнопки</span>
<span class="hide_widget">Скрыть с помощью моей кнопки</span>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?151"></script>

<!-- VK Widget -->
<div id="vk_community_messages"></div>
<script type="text/javascript">
    var widget = VK.Widgets.CommunityMessages("vk_community_messages", 120401514, {tooltipButtonText: "Я онлайн! Отвечу на все ваши вопросы."});
    $('.show_widget').click(function(){
        widget.expand();
    });
    $('.hide_widget').click(function(){
        widget.minimize();
    });
</script>

Вам нужен вложенный запрос:

SELECT
	x.позиция
FROM ('Тот запрос, который выдает вам эту таблицу') x
WHERE x.статья = ID;

Давайте я исправлю ваш вопрос:
Почему у контейнера отображается неправильная высота?
Ответ: потому что (вангую) у вас div'ы ниже имеют свойство float, и чтобы родитель учитывал их при расчете высоты, необходимо родителю назначить overflow: hidden;

Ну вот так, к примеру:

$(document).ready(function(){
	$("form").submit(function(event){
		var $parent = $("#name, #email").parent().removeClass("has-success has-error");
		//проверка поля name
		$("#name").parent().addClass($("#name").val() ? "has-success" : "has-error");	
		//проверка поля email
		$("#email").parent().addClass($("#email").val() ? "has-success" : "has-error");	
		// запрещаем отправлять, если есть хоть одна ошибка
		if($parent.hasClass("has-error")) {
			event.preventDefault();
		}
	});
});

А если циклом, то вот так можно (все внутри замыкания можно и в одну строку написать, но так нечитабельно будет):

$(document).ready(function(){
	$("form").submit(function(event){
		$("#name, #email").each(function(){
			$(this).parent()
				.removeClass("has-success has-error")
				.addClass($(this).val() ? "has-success" : "has-error")
				.hasClass("has-error") 
				&& event.preventDefault();
		});
	});
});

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

Почему отдельную? Это такой же заказ, просто с одним товаром.

То есть: вместо последовательности "добавить в корзину - перейти в корзину - оформить заказ - подтвердить заказ" вы делаете последовательность "купить в 1 клик - подтвердить заказ"

Вообще тут даже JS не особо нужен, можно управиться одними HTML+CSS.

Как то так:

<p>
	Текст текст <a href="#one">ссыль1</a> текст <a href="#two">ссыль2</a>
	Еще текст лорем ипсум <a href="#three">все дела</a> сит амет 
	И еще <a href="#four">ссыль4</a>
</p>
<div class="slider">
	<img id="one"   src="image1.jpg">
	<img id="two"   src="image2.jpg">
	<img id="three" src="image3.jpg">
	<img id="four"  src="image4.jpg">
</div>
<style type="text/css">
	.slider {
		position: relative;
		overflow: hidden;
	}
	.slider img {
		display: none;
		position: absolute;
	}
	.slider img:target {
		display: inline;
	}
</style>

CSS-transition по вкусу, для появления плавного можно использовать вместо display свойства width или opacity вместе с transition

То есть вы хотите, чтобы в репо папки были рядом, а на локальном ПК в разных местах?

Клонируете репо в папку, подпапку из нее переносите в нужное место, на ее месте в папке с репозиторием создаете символическую ссылку на новое место, например...

Если вы начали что-то делать, отредактировали файл, но перед редактированием другого вспомнили, что забыли сделать pull - вас спасет git stash

В вашем случае

git stash save
git pull
git stash pop

Ориентируйтесь не на девайс, а на разрешение им отдаваемое. Мобильник вам может и 1280 отдать, если захочет, а Note 8 вообще экраном больше на планшет походит.

В большинстве случаев 480px вам должно хватить.

Если уж прям конкретики хочется, то можете зайти сюда, хотя там далеко не все девайсы.

С двумя определенными гласными, или содержащие 2 гласные?

Regex101 - отличный инструмент для тестирования, вставьте там свой текст и экспериментируйте.

А чем flexbox с его order: N; не угодил?
https://codepen.io/anon/pen/XzqNxW

$N_nulls = "100000000000";
$N_kk = strrev(str_replace("000", "k", strrev($N_nulls))); // "100kkk"