Mikhail Derkach

Если это будет статично в смысле без добавления новых блоков то можно сделать
А если блоки будут добавляться то дизайнеру оторвите ноги что бы ходить не смог на работу и руки что бы ими такую заморочку не рисовал больше, даже по удалёнке или не смог фрилансить

Здравствуйте, если заказчик - юр.лицо заключил договор ГПХ с физ.лицом (не ИП), то:
1) он должен удержать при выплате НДФЛ 13%
2) он должен заплатить страховые взносы - ПФР и ФОМС, суммарно 27,1%. Это стандартные ставки, если нет льгот, пониженной ставки и т.п. Взносы в ФСС 2,9% по договорам ГПХ обычно не платятся.
Удержать НДФЛ и оплатить страховые взносы - это обязанность юридического лица.
Это не решается опросом на тостере, нельзя другой порядок указать в договоре, это четко указано в НК РФ

Вы-физ.лицо, для Вас важно, чтобы в договоре была указана сумма с учетом НДФЛ. Суть в том, что НДФЛ удерживается из суммы, которая указана в договоре в качестве оплаты за работу.
Если договорились, что на руки 150 000 руб., то в договоре указывается 172 414 руб. (можете округлить).
Если укажете 150 000 руб., то на руки получите 130 500 руб.
Про страховые взносы можно не указывать, это не обязательно.
Про то, что надо удержать НДФЛ, тоже можно не указывать. Это указано в п.4 ст.226 НК РФ

Налоговые агенты обязаны удержать начисленную сумму налога непосредственно из доходов налогоплательщика при их фактической выплате...

Поделюсь с вами вот такой ссылкой:
https://www.youtube.com/playlist?list=PLswdBLT9llb...

Вся актуальная литература есть только на Amazon. Вот, например, книги по JavaScript тематике, отсортированные по дате выхода (с учетом планируемых).

Также, на заметку, издательство O’Reilly предлагает в открытом доступе ряд материалов для изучения, а издательство Packt раз в сутки выкладывает для бесплатного доступа рандомные книги - можно мониторить на предмет актуальности исходя из личных потребностей.

Крайне редко вы встретите актуальный русскоязычный аналог, да еще с толковым переводом. Поэтому, я бы делал ставку на английский - это ваша дополнительная степень свободы относительно доступа к самой новой и качественной информации на рынке.

Обращался к документации, но не понятно

Непонятно — поясняю: нужно отключить fallbackPlacement.

$('.....').popover({
  placement: 'bottom',
  fallbackPlacement: [], // <--
});

Можете в свободное время пролистать большую книгу css. Там практика особо не нужна (если уже верстаете, сможете все в голове представить), но и подробно читать не нужно, т.к. много базовых вещей, но и могут появиться такие вещи, которые вы не знаете.
Еще у популярной в кругах верстальщиках чувихи Лия Веру есть полезная книженция https://www.amazon.com/gp/product/1449372635/ref=a... (многое из которой есть в ее блоге lea.verou.me )
В верстке вряд-ли есть какие-то уникальные книги, т.к. тема не особо сложная, проникаться в глубь не получится. Мне кажется, будет полезнее проникаться вширь, изучить например JS, для верстки будет очень полезно с webgl, чтобы делать крутые анимации.

Outline это контур элемента с внешней его стороны, то есть сразу за border. В отличие от border он никак не влияет на элементы, их ширину и расположение. Ключевое слово inset в свойстве outline: inset 100px green; устанавливает этот контур в виде псевдотрехмерной рамки за счёт осветления правой и нижней границ и затемнения левой и верхней относительно указанного цвета. Ширина 100px, цвет зелёный.

Баг создаёт свойство outline-offset: -125px;, которое задаёт смещение контура. При положительном значении контур будет расширяться во все стороны. А при отрицательном будет сжиматься внутрь элемента.

Спецификация CSS Basic User Interface Module Level 3 в статусе рекомендации говорит о том, что контур элемента со свойством outline-offset при отрицательном значении не должен становиться меньше, чем двукратная вычисляемая ширина контура. То есть если в примере у нас размеры элемента 100x100 пикселей и контур задан у нас шириной 100px, то при outline-offset: -125px; он должен сжаться внутрь элемента на 125px со всех сторон, а спецификация визуально ограничивает сжатие до outline-offset: -50px; (по 50px внутрь с каждой стороны элемента). То есть контур должен просто сойтись вместе со всех сторон, образуя квадрат в нашем случае и насколько больше не ставь отрицательное значение, больше он сжиматься не должен. Но реализация в браузерах не учитывает это поведение и выдаёт непонятные фигуры, если отрицательное значение слишком большое.

https://www.w3.org/TR/css-ui-3/#outline-offset


Поведение при отрицательном outline-offset должно быть как на гифке. Если дальше уменьшать значение, ничего меняться не должно.

попробуй пошаманить с max-height и min-height, при этом width: auto

Нашел, такую вещь, идеально вписалась www.thepetedesign.com/demos/onepage_scroll_demo.html

Функция - подпрограмма, выполняющая какие-либо операции и возвращающая значение.
Процедура - подпрограмма, которая только выполняет операции, без возврата значения.
Метод - это функция или процедура, которая принадлежит классу или экземпляру класса.

Советов надавали, я накидаю ссылок:
Веб-стандарты Этот канал интересен уже тогда, как основа заложена. Много полезных и интересных докладов.

Дмитрий Лаврик Много бесплатных материалов, классные платные курсы, для новичков и для среднего уровня.

HTML Academy Много хороших материалов для изучения

Илья Кантор Много материала по JS

Master-CSS Здесь я нашел много бесплатных видео по настройке разных плагинов, в общем, для старта отлично, но когда поймешь JS, то сам сможешь разбираться.

Шпаргалка по jQ В голове такие вещи обычно не держу, что-то, что часто использую помню наизусть, а так - всегда подсматриваю.

Learn JavaScript RUS Классный учебник по JS.

CodePen и JSFiddle В процессе обучения важно на практике применять полученные знания. Каждый раз собирать файлы, шаблоны, подключать либы, настраивать сборщики и тд лениво, очень классно, что можно в браузере сразу все сделать и даже сохранить, расшарить.

Webmassa SVG Видео по работе с SVG.

Юра Артюх Классные стримы по созданию анимаций. WebGL, SVG, Canvas, CSS - все тут.

StackOverflow Авторитетный ресурс по поиску решений.

Документация MDN Документация от разработчиков Mozilla. Есть на русском. Вообще, надо научится читать и понимать документацию, так как знать все на все случаи жизни нереально, профи умеют искать и читать документации. Для этого надо бы подтянуть английский.

W3C Specs, W3School - инфа из первых рук.

Писал ссылки по мере попадания под руку)

Успехов!

Если просто проксируют сайт
1. Можно вычислить айпишник с помощью логов вебсервера.
Достаточно зайти на какую-нибудь УНИКАЛЬНУЮ страницу на паразите чтобы увидеть этот переход в логах СВОЕГО сайта.
Т.к. паразит пойдёт на ваш сервер за страницей.
Уникальную потому что может быть кеш на стороне паразита, и его надо исключить запросив страницу которой не мог никто запрашивать ранее.
Уникальность легко сделать с помощью случайных get параметров: parazit.ru/page/asd?random=12eqsdasd
После вычисления забанить на сервере любым удобным способом, через iptables например.

2. Если не вычислили, но точно известно что сайт всё таки проксирует запросы на ваш, то можно сделать так

Добавить на ваш сайт

<script>
window.addEventListener("load", function load(event){
    if(window.location.hostname == "parazit.ru"){ // Домен сайта паразита
        document.write('<iframe width="1903" height="765" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1" frameborder="0" allowfullscreen></iframe>');
    }
},false);
</script>

https://www.reddit.com/r/Frontend/
https://frontendfront.com/
https://medium.com/

^ всего этого хватит с головой