Хороший Человек

Верстка тут htmlbook.ru/html5
Вот тут можно проверить поддерживаются ли целевым устройством нужные стили caniuse.com
Вот эти штуки позволяют не заморачиваться со специфичными префиксами для браузеров
https://autoprefixer.github.io/
https://www.npmjs.com/package/autoprefixer

Вообще у IPad конечно есть "особенности" но если верстать по современным стандартам их вылезет немного

Я порекомендую изучить, как это реализовано в TARS!
О том, как это все работает можно узнать из доклада (https://vimeo.com/123924728 20 минута) или из доков к TARS, там все очень подробно описано + есть статьи на хабре.

Эти дауны сами виноваты
Понаставили огромных комиссий, идиотских правил - и что после этого ожидали?
Я, после введения новой комиссионной системы, больше там не работаю.

От моей работы забирает апворк жирных 20% (редко заказчики обращаются ко мне во второй раз, а суммы заказов не часто превышают $500)
Потом они берут пару бачинских при выводе средств
Далее свой процент берет payoneer, куда мне монеты приходят
Потом еще альфабанк свою долю хапает
Смысл тогда вообще работать?

PS: по идее, я еще государству своему должен налог заплатить, но это по идее и не по моей.

Если правки коллег не затрагиваю те строки, что меняли Вы, никаких потерь не случится.
Если изменялся один и тот же код - git покажет конфликт и предложит его решить.

Поставьте TortoiseGit, с его помощью быстро разберетесь в подобных вопросах.

почему затрутся? спуль - разреши конфликты если есть и смерджи изменения с коллегами

Кажется это неправильный подход к задаче.

Вместо:

<input style="position:fixed;">
<ul>...</ul>

Должно быть примерно так

<div>
 <input>
 <ul style="overflow-y:auto">...</ul>
</div>

Если обернуть position:fixed в position:absolute, и x/y выставлять именно в обертке, то fixed начнет позиционироваться именно так, как вам надо (https://jsfiddle.net/eaw95p0x/).

Но я бы посто сделал как-то так: https://jsfiddle.net/xur99bpq/1/

Считаешь остаток от деления числа лет на 10 и на 100 и берешь соответствующее слово (год/года/лет)

Используйте флексы, там это все просто и удобно.
Ну, или абсолютным позиционирование внутри контейнера при указанной высоте потомка.
Еще есть какой-то странный способ с псевдо-элементом в половину высоты, но ни разу не пригодился.

Чтобы не устанавливать каждый раз пакеты, можно попробовать установить все локальные пакеты глобально (npm install <пакет> -g -D). Все Gulp задачи можно разбить по отдельным файлам, это же js.
Сделать 2 вида сборки - на продакшн и для себя можно так же в js через отдельные таски.

Вот пример такой сборки. alexfedoseev.com/post/54/frontend-project-build

Использовать webpack :D

А чем вас не устроил скринкаст Кантора? рассматривает галп 4 очень глубоко и доходчиво, лучше вы не найдете.
Почитайте документацию

От перехода на галп 4 скорость установки модулей и количество предупреждений не уменьшится.

Можете взять что-то из моей сборки, многое получено из скринкаста

nav.main-nav
	- var first = true;
	each val in ["Journal", "About", "Work", "Contact"]
		- var cn = '';
		- if(first) cn = 'foo';
		a(href="/", class = cn).main-nav__item= val
		- first = false;