Как с помощью 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']) и смотрите что есть в получившемся массиве (в его первом элементе).

Как перевести в UTF-8?

UnFox,
>> воспроизводится он по ошибке в cp1251
>> как это исправить?
>> воспроизвести в utf-8!!!

Есть ли способ наименования JS функций как у CSS - БЭМ? Все JS функции пишутся в один файл. И когда их много, становится сложно разобраться. Как быть?

Разбивайте код на модули. И будет вам счастье.

Git сломался, не работает даже npm -v. Что делать?

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

PHP Вложить ассоциативные массивы друг в друга?

neeil, вы меня не поняли.

Как можно исправить ошибку No 'Access-Control-Allow-Origin'?

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

Как сделать слайдер в модальном окне?

затемнить фон и показать поверх слайдер. В чём затык?

PHP Вложить ассоциативные массивы друг в друга?

Максим Федоров, в порядке очередности, полагаю. других однозначных вариантов не вижу.

Как делать таймер?

Делайте самый обычный счетчик по убыванию.
Начальное время лучше задавать и брать из data-атрибута, а не разметку парсить.
В конце, перед самым выводом цифр, переводите их в строку и разделяете посимвольно:

let secondDigits = secondValue.toString().split('');

До или после разбиения на символы можно проверить, одна или две цифры и дополнить ведущим нулём.
Далее просто вписываете первый элемент массива в один спан, второй — во второй.

Как лучше показывать в товаре фотографии разной высоты?

Денис Шевченко, дубликат картинки в фоне и css блюр
filter: blur(10px);

Какой редактор кода/IDE выбрать новичку?

Не упущу ли я при работе с IDE некоторые ньюансы в коде и в его изучении, понимании сути того, что я пишу?

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

Стоит ли мне пока писать на Notepad++ или можно уже с легкостью переходить на приятный WebStorm (я учу JS) и радовать свой глаз красивым интерфейсом и удобством в написании кода?

Рекомендую сразу привыкать к хорошему.

Как кастомизировать карту Google Map?

Начните отсюда https://developers.google.com/maps/documentation/j...

Ответьте, пожалуйста, на несколько вопросов про CSS и дайте несколько советов по вёрстке?

1. Нужно/Не нужно (смотря что вам нужно)
2. Можно/Нельзя (смотря что вам нужно сверстать)
3. Учить всё. Логично начать с javascript, так как это основной язык в вэб-разработке.
Кто-то тут заморочился, схемку составил. Схема спорная, но может сможете по ней составить персональный план обучения.

PS. Вопросы детские. Чувствуется полное отсутствие знаний по теме. Нужно читать,
изучать, пробовать.

Как лучше такое реализовать?

https://jsfiddle.net/focmx7h1/
https://jsfiddle.net/focmx7h1/2/

Как лучше такое реализовать?

tokmaganbet1, наверное я всё-таки поспешил с ответом )
Вряд ли обойдёмся одним элементом. для закрашенной полоски придётся вкладывать внутрь еще блок.
или писать сто стилей (на каждый процент)

@each $i from 1 through 100 {
  .progress[data-value="#{$i}%"]::before { width: percentage($i / 100); }
}

Как лучше такое реализовать?

<div class="progress" data-value="90%"></div>
вот и вся разметка. Закрашенная линия — ::before, метка — ::after