Пользуетесь ли вы шпаргалками?

Да постоянно!
Невозможно всё удержать в голове.
Больше пишу клиентский код, поэтому к js справочнику обращаюсь реже, чем скажем, к php.

Как настроить шрифты в Photoshop?

Когда в первый раз открываешь макет, нужно отказаться от обновления шрифтов.
Текстовые слои, написанные отсутствующим у вас шрифтом, будут помечены иконкой с восклицательным знаком.
Выбираете такой слой в панели слоёв и в панели «Символ» сможете увидеть имя необходимого шрифта. Скачиваете шрифт, два раза кликаете по нему и соглашаетесь с установкой. Переоткрываете фотошоп и всё в порядке.

Когда получаете макет в работу, обязательно требуйте, чтобы в комплекте был архив с использованными шрифтами. Тогда вам не придётся их искать.

Как выставить приоритет шрифтов в css?

@font-face {
    font-family: 'Roboto';
    src: local('xxx'), url('http://domain.com/fonts/font.ttf');
}

Javascript фреймворки - дань моде или быстрота и удобство?

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

Javascript фреймворки - дань моде или быстрота и удобство?

Угу. И ещё не забывать документировать свою архитектуру и апи.
Это лишнее время, лишние деньги заказчика.

Есть идеи, как реализовать данный элемент на сайте через HTML и CSS?

автору вопроса похоже это не помогло ))

HTML, CSS, JS база знаний по поддержке стандартов браузерами?

Читайте официальные блоги разработчиков этих браузеров. Смотрите их багтрекеры.
Это по внедрению страндартов.

Подходит ли тег article к данным блокам?

Подходит

Javascript фреймворки - дань моде или быстрота и удобство?

jquery??? да ну, муть какая-то. Всё можно сделать и на чистом javascript.

Javascript фреймворки - дань моде или быстрота и удобство?

Пока что аж страшно начинать учить js фреймворки из-за громоздкости одной лишь настройки проекта.

Вы не правы. Всё что вам нужно — установить на компьютер NodeJS, потом установить cli утилиту для выбранного фреймворка и впоследствии для старта проекта выполнять пару команд в терминале.
Например для vue —

vue init webpack my-project
npm install

И всё. Сборщик у вас уже настроен и готов к работе. Запускайте и пишите код
npm run dev

Кроме того, Vue вполне можно использовать без сборщика, подключив его по старинке, тегом script (хотя я бы не рекомендовал. если только вначале, для обучения базису).

В общем, читайте документацию, там всё есть.
https://ru.vuejs.org/v2/guide/installation.html

Как через медиа запрос перенести блок на другую строчку через flex box?

Если не задан flex-wrap: wrap; то блоки НЕ БУДУТ переноситься!!! Без вариантов.

Нужно ли верстать под большие экраны?

А в ТЗ не написано?
Чё вы глупые вопросы задаёте...

Нужно ли учить Bootstrap 4?

Pantene742,

И сейчас разработка чего то выходящего за рамки bootstrap просто длится в 5 раз дольше. и находятся баги. Когда устраняешь один появляется второй

Давно в разработке-то? =))) Даже отвечать ничего не буду... ))

Нужно ли учить Bootstrap 4?

Pantene742,

Дизайнер рисует под бутстрап

Дизайнер — творческая личность. Не надо его ограничивать. В конце концов инструмент подбирается под задачу, а не задача подстраивается под инструмент.

Нужно ли учить Bootstrap 4?

Представь, дали тебе сайт на доработку. Элементы там подверстать, новые, старые, пару блоков передвинуть. А сайт на бутстрапе свёрстан. Может и на четвертом. А может и на втором O_o. Или на UIKit. Или ещё чёрт знает на чём...

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

Как с помощью flexbox расположить элементы?

Сверстать можно, но с некоторыми оговорками. В целом, на флексах так не делают, без доп оберток.
Но можно. Суть метода можно понять из этого пена https://codepen.io/delphinpro/pen/BWJEgG

Как сверстать такой треугольник?

dom1n1k, =)

Как знания html и css довести до идеала?

Читать, изучать и практиковаться.
Всё в больших количествах.
CSS — достаточно обширная тема, чтобы вот так взять и довести до идеала свои скиллы.

Як поставить проверку php (if) и проверять содержимое что есть в корне сайта?

Alex Kizyma, sandbox.onlinephpfunctions.com/code/838a0d6d3ffc2c...

Як поставить проверку php (if) и проверять содержимое что есть в корне сайта?

Берите значение из $_SERVER['REQUEST_URI'] и анализируйте.
В простейшем случае делайте explode ('/', $_SERVER['REQUEST_URI']) и смотрите что есть в получившемся массиве (в его первом элементе).