Андрей

Верстал с JPG, ворда, экселя, акшура, корела, с разрешения 300dpi, и даже со слов. Просто нужно сесть, открыть редактор и начать верстать!

На IPS мониторе не заметил градиента, наверное яркость надо выкрутить на 100%.
Подозреваю тут дело в том что 95% мониторов имеют палитру много меньше 16млн цветов. Градиент у вас еле заметный (фактически с черного на черный), плюс как вы написали особенно заметно больших мониторах. Т.е. слабый градиент делим на большую длинну, с учетом неидеальной палитры самого монитора дает заметные ступени в цветах.

генератор треугольников apps.eky.hk/css-triangle-generator

Надо смотреть код. Явно путаница или с float или с position

сотый раз напишу
click - устаревший метод, используйте .on('click'....)

#wrapper{line-height:0}

Что мешает попробовать в инструментах разработчика? (F12, device mode)

1) не click, a on('click'...)
2) всю лапшу заменить на slideToggle
3) что бы спрятать кнопку - проверяй объем текста по кол-ву символов или проверяй высоту блока с текстом, если слишком высокий блок - уменьшаешь его высоту и выводишь кнопку

gulp+плагины

надо писать
p==='хорошо'

+ привести к единому регистру
+ сделать trim строки

посмотри API bxslider.com/examples/public-methods
в общем ищи слайдеры с нормальным API и дописывай под свои нужды

Software developer
IT developer
Разработчик ПО

Нет. Измените подход к решению задачи. Если нужно позиционироваться относительно UL, то и ваш div должен быть потомком UL. Либо высчитывайте смещение относительно UL+ относительно LI

Для несложных классических сайтов:

1. Создаю HTML - каркас сайта (шапка, сайдбары, подвал итд)
2. Прорабатываю шапку и подвал. Режу картинки для шапки и подвала. На этом этапе HTML шапки и подвала готовы.
3. Быстренько выдираю названия стилей из HTML (использую сервисы типа bearcss.com , html2css итп)
4. Начинаю CSS: сброс стилей + из пункта 3
5. Быстренько выдираю CSS для шапки и подвала из PSD (использую плагин CSSHAT), остальное ручками
6. Шапка и подвал готовы! На этом этапе посути готов каркас как для главной, так и для внутренних страниц, причем очень быстро и уже можно что то показать!
7. Прорабатываю контентную часть поблочно (выполняю пункты 1-5 для каждого блочка)
8. Все иконки, декор запихиваю в спрайт, фотки и большие изображения можно прогнать через сервисы сжатия типа tinypng tinyjpg
9. Проверяю готовый макет на pixelperfect, в разных браузерх, вношу правки
10. PROFIT!

Мы это сделали так tuningmaster.su

Букинг однозначно стоит более миллиона долларов, например российский сервис по поиску авиабилетов Эвитерра обошелся в миллион долларов.

Если дизайнера стукнуть нельзя, предложу еще один вариант:
Берем и края шапки уводим в градиент, т.е. желтые многоугольники превращаются просто в желтый однородный фон. Тем самым и на широких экранах проблема решена и вес шапки будет приемлемым и верстальщик молодец!

обычный серый блок, с относительным позиционированием
стрелочка снизу и уголок справа - при помощи псевдоэлементов :before :after и бордюров