Андрей

обернуть вывод в блок и в зависимости от выбранного типа вывода добавлять ему класс-модификатор results--grid или results--item и как вы написали - в стилях скрывать ненужные элементы:

.results--grid .list-item {
display:none;
}

.results--list .grid-item {
display:none;
}

markdown

Создайте группу в соцсети, telegram, slack, zello итп

На другом домене - никак.

еще вариация:

1) задать родителю position: relative
2) блоку position:absolute; left:0; right:0;

оно?
https://jsfiddle.net/dtscfd5g/1/

Можно олдскульно/кроссбраузерно png картинкой, большой шириной (минимум 1920)

Для веб-дизайна критическими параметрами будут качество цветопередачи и производительность.
Поэтому экран должен быть на IPS матрице? диагональ 15 дюймов. Меньше не советую. Разрешение в пикселях должно более-менее совпадать с разрешениями настольных мониторов такой же диагонали, иначе шрифты в дизайне будете ставить на размер больше. Т.е. если берете ноут с диагональю 15.6 дюймов, то разрешение должно быть 1366 по ширине, не больше.
Памяти от 6гб (можно взять с 4гб и добавить планку памяти).
Процессор оптимально Intel Core I5.
Желательно иметь SSD диск, опять же можно поставить самому на место обычного HDD.
Возможно вы захотите подключить ноутбук к внешнему монитору, тогда смотрите что бы совпадали разъемы.
Желательно что бы были разъемы USB 3

Принципиальных различий в psd и ai нет. Некоторые в Индизайне делают макеты - никаких проблем, кто то в Скетче. Особо одаренные присылают макеты в Ворде, Экселе, Акшуре, jpg и даже на словах. Верстаемо всё, было бы желание и прямые руки.
На счет того, что фотошоп лучше подходит для верстки — чушь собачья. Учите Adobe XD, за ним будущее.

а если обернуть в блок с position:fixed ?

Если у Вас верстка на простых вещах пляшет, то причина проста: Вы не понимаете сути верстки, а именно правильной разбивки элемента страницы на блоки и их позиционирование. Сейчас браузеры на 99,9% идентичны в плане рендеринга.

Вот советы:

• Верстать надо наименьшим числом блоков, наиболее простым способом.
  
• Почитайте про позиционирование элементов (float, padding, margin, z-index, border, box-model, box-sizing, clearfix)
  

Нестандартный, разовый способ для картинок сайта: тестим страницу в google page speed, Гугл сам определит какие картинки, скрипты можно дожать и даст архив со сжатыми.

Нагрузка от того, что ваш вордпресс обрабатывает эти запросы, поэтому нужно перенаправить эти запросы, минуя вордпресс:

а) в .htaccess запретить доступ с этих подсетей IP - часть ботов сразу отсеится

б) в .htaccess сделать 301 редирект с al_profileEdit.php на IP бота
или
в) создать пустой файл al_profileEdit.php

Каждый раз при изменениях приходиться компилировать например .styl файлы в .css, а затем сжимать и заливать на хостинг. Хотелось бы автоматизировать все эти процессы.

Для сборки фронтенда используйте gulp

Fancybox понятия не имеет о ваших папках. Это задача бекенда. Делайте скрипт на php, который будет выводить список всех фоток

Знаю, что можно блок сохранить в png на стороне клиента, но что бы в pdf - это вряд ли. Копайте в сторону бекенда, есть специальные библиотеки

используйте textarea вместо input

Все, что вы описали есть изначально в Тотал Коммандере, кроме web-dav и торрент-клиента. Web-dav плагин ставиться за 1 минуту, торрент-клиента на сколько знаю вообще нет и не может быть, используйте любой торрент клиент отдельно.