Что учить css препроцессоры, css фреймворки, сборщики или основы javascript?

Если о CSS — сначала CSS, а потом препроцессоры. Никакого функционала именно CSS они не дают дополнительного, только упрощают и ускоряют работу.

Если о сборщиках — то параллельно и как можно раньше. То же самое касается и JS.

Как правильно делать вложения в тег A?

Роман Кузнецов, да откройте вы любой большой сайт, найдите блок-ссылку и посмотрите, как это сделано. Спокойно вкладываются блоки в теги а.

Pardon Me! Where Do I Find 4giveness? всё верно говорит. Данный ответ странный костыль на ровном месте. За редчайшем исключением такое может понадобиться.

Как сделать, чтобы H1 не тянулся на всю ширину блока?

Внутри текст оберните в span и вот уже ему задавайте фон.

Можно ли установить нужный формат при сохранении файла?

Нельзя, к сожалению.

Как реализовать такой блок?

Например, так, если нужна адаптивность + сохранение пропорций.



Если нужна поддержка IE11, то либо полифил object-fit, либо картинки в img, а на фон.

Как создать такой ховер эффект?

lingvo838, а-а-а, теперь понятно, а то было не совсем понятно.

Почему искажается текст?

Transform, text-shadow, filter и т. д.

Как создать такой ховер эффект?

Нашёл более новый вариант, где есть правила для текущего выбранного пункта:

Как создать такой ховер эффект?

О, вот и мой вариант, который автор аналогичного вопроса удалил вместе с ответом. Не ожидал, что хоть кто-то оценил мои старания, LOL.

Как создать такой ховер эффект?

lingvo838, да, я старался, сделал, но автор вопроса почему-то удалил ответ.

Как познакомиться с canvas?

Подойти и спросить номерок.

Можно начать с этого:
https://www.w3resource.com/html5-canvas/

Сотни обучалок на самом деле.

Не закрашиваются значки рейтинга (звёздочки)?

Andrew Designer, tuxfighter абсолютно прав, ведь это вам с такими вопросами на mail.ru нужно. Тут не гадалки.

Ясное дело, что нужен тот код, который отвечает за вывод звёзд. Как frontend, так и backend. Так же желательна ссылка на ресурс.

Потом словами хотя бы описать, как устроен вывод рейтинга. И всё это должно быть уже в вопросе, а не выпытано из вас в комментариях.

Почему не работает калькулятор js?

Ну как минимум у вас первая же переменная перезаписывается несколько раз подряд.

Ну и так, конечно, не делают в целом.

Не закрашиваются значки рейтинга (звёздочки)?

Удачи разобраться без кода.

Как сделать анимацию развеивания флага или поверхности воды?

Vladimir, тогда отмечайте решением. Иначе вопрос висит без ответа. Решений может быть несколько.

Как при подключении link сделать, чтобы не менялись стили всего документа?

Тёма Ти, используйте Swiper. Отдельный плагин для всех слайдеров, что вам нужны.

Оцените сайт. Что добавить, что улучшить?

Ничем не примечательный обычный сайт с плохой вёрсткой и слабой айдентикой.

Update. Ещё он полурабочий на данном этапе, как я понимаю, т. к. выдаёт много 404-х и т. п.

Как при подключении link сделать, чтобы не менялись стили всего документа?

Никак.

Либо изолировать стили с помощью уникальных классов.

Либо использовать только именно стили карусели, а не всё из Bootstrap.

Либо использовать любого рода CSS-in-JS.

А зачем вообще карусель из Bootstrap? Она же говно. Почему у вас ссылка на Bootstrap 2-й версии, когда несколько лет уже 4-я есть?

Как максимально обезопасить сайт на html(включая защиту от wget скачивания)?

Никак.

Какую дизайн систему использовать при создании мобильного приложения?

alex-1917,