Elena Novodvorskaya

это серверная проверка, "отключается" сменой точки выхода в интернет, т.е. интернет/ВПН-провадера

Почитайте про разницу :nth-child и :nth-of-type

у меня не дергается. может не туда смотрю? вы о чем именно?

Есть отличный, бесплатный сервис - https://zeplin.io/.

Если не юзать готовые библиотеки

ползунок должен быть сделан версткой
перемещение ползунка на qjuery ui, в пределах родителя, только по горизонтали
professorweb.ru/my/javascript/jquery/level4/4_12.php

при окончании перемещения функция высчитывает процент положения ползунка(по координатам) от ширины родителя
процент передается другой функции, которая высчитывает на сколько надо проскролить в px и скролит.

Не знаю как ограничить width у слайдера что бы его длина равнялась длине по кол-ву li в нём;

.slider__list {display: flex}
.slider__item {flex-shrink: 0;}

Как можно сделать такой ползунок, так что бы при прокрутке становился цветным и обратно и что бы он был связан со слайдером.

элемент с абсолютным позиционированием, ширина равна % отклонения ползунка

А это не оно?
demo.tutorialzine.com/2009/10/slick-content-slider...
followdesign.com/development/2011/11/19/jquery-kar...

Ну сейчас бы я сделал бы как то так... Правда это уже БЭМ

<header class="header">

	<nav class="menu">
		<div class="menu__inner">

			<ul class="menu__wrapper">
				<li class="menu__item"><a href="" class="menu__link menu__link--active">1 Пункт</a></li>
				<li class="menu__item"><a href="" class="menu__link">2 Пункт</a></li>
				<li class="menu__item"><a href="" class="menu__link">3 Пункт</a></li>
				<li class="menu__item"><a href="" class="menu__link">4 Пункт</a></li>
			</ul>

		</div>
	</nav>

	<div class="header__bottom">
		
		<div class="logo">
			<div class="logo__inner">
				<a href="" class="logo__link"><img src="" alt="" width="" height=""></a>
			</div>
		</div>

		<section class="slogan">
			<div class="slogan__inner">
				<h1 class="slogan__title">Названии компании</h1>
				<p class="slogan__text">Ниже рисунок с помощью ксс  либо Img.... logo и slogan float</p>
			</div>
		</section>

	</div>


</header>

Вот как вариант codepen.io/anon/pen/LVXwgO

-webkit-text-size-adjust: 100%;
* {max-height: 999999px;}

Буква "й" в том тексте состоит из двух символов: и + ̆. Видимо, IE не умеет объединять их в один, как остальные браузеры.

Вообщем никак не получится поставить разделитель в 1px не затронув одну из колонок дописав ей border?

Используйте box-shadow для этих целей: box-shadow: inset -1px 0 0 red;
Пример: codepen.io/anon/pen/oXxraY