Gortyser

Интенсивной работы в день 5-6 часов максимум. Больше - только на ограниченное время, с обязательной компенсацией отдыхом. В офисе 9-18 работают в целом так же, кулер, поболтать, что-то обсудить 10 раз в день, почитать статьи. По моим личным ощущениям на удаленке работа интенсивнее, даже с учетом меньшего количества часов. Поэтому работаю по часам и на ставке больше чем в офисе на 8 часовом рабочем дне.
Пробовал помодоро - не зашло.
Бывает что накапливается и какие-то дни работа вообще не идет - даю себе отдохнуть, могу поработать часа два-три.
Что-то новое изучаю иногда в формате перерывов - поработал - почитал. Так как график и учет времени гибкий, это не считается рабочим временем, и совесть не мучает. Могу посередине дня отдохнуть пару часов если совсем не идет, или сходить прогуляться или еще что.
Свои проекты сначала пилил "по вечерам и выходным", особенно когда работал 9-18 потом понял что так не пойдет, на долгий срок это провальный подход, поэтому сейчас больше работаю как часть рабочего времени. Уменьшаю основную работу (при этом естественно уменьшается доход).

Самое главное - правильно оценить свои силы и исходя из этого решать сколько куда их потратить. Может у вас сил хватит и на работу и на проекты и на хобби и еще перед сном почитать - без проблем, делайте все это. А если их не хватает даже на 8 часовой рабочий день - стоит это признать и не пытаться себя нагрузить сверх меры, получите новый срыв. Или отказаться от чего-то или искать другие способы кроме как "работать больше". Тут главное быть честным с собой и не "добавлять себе очки".

В целом выгорание не зависит от объема работы - объем работы влияет на усталость, на выгорание влияет нервное напряжение и оно может быть и при 2 часах работы в день а может и не быть при 10.
Если у вас реально начинается истощение - то определитесь это усталость или выгорание, если усталость - то организовать рабочее время и контролировать нагрузку, может даже в ущерб доходу, свое состояние очень важно.
Если выгорание - то надо искать причины, если их не устранить - то ничего не поможет.

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

Нет, не помогают

Я понимаю что нужно запомнить как допустим пишется слово "while" или "for" в Python
Но мне нужно заучивать функции из модулей ?

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

Есть у меня список ссылок на такой случай, но вам придётся самой выбрать. Я не знаю на каком вы этапе освоения java, но думаю, что надо выбирать что-то небольшое (чтобы не тянулось очень долго и был быстрый результат) и что-то интересное вам лично, чтобы вам было приятно и увлекательно это делать. Не бойтесь, если чего-то не знаете - гуглите как сделать нужную вам задачу и найдёте или подсказки, или описание на обычном языке, или решение, на которое можно посмотреть, закрыть и повторить самостоятельно, разобрать как оно было сделано. Итак:

1. https://www.codementor.io/npostolovski/40-side-pro...
2. https://github.com/karan/Projects-Solutions/blob/m...
3. https://habr.com/ru/post/345092/
4. Вот это просто отличный список идей для любых языков - https://eax.me/programming-language-learning/
5. Тут есть список того, что хорошо бы знать любому разрабу и в конце список проектов - https://gist.github.com/gabriel-fallen/5337067
6. www.itmathrepetitor.ru/zadachi-po-programmirovaniyu
7. https://docs.google.com/document/d/16h9Qw2vkAlhw-T...
8. https://docs.google.com/document/d/1wHTv7y-KZnBg6b...
9. Тут много всяких тестовых заданий по разным языкам, в том числе и Java - https://github.com/Hexlet/ru-test-assignments
10. https://github.com/peterservice-rnd/new-job/blob/m...
11. https://github.com/peterservice-rnd/new-job/blob/m...
12. https://github.com/peterservice-rnd/new-job/blob/m...

Многие задания не прям для новичков, но вы не бойтесь, сохраните себе на будущее. А вообще мб и не стоит бояться сложности, если проект вас заинтересует - гугл вас спасёт, как я уже написал. Ещё советую поискать тестовые задания в октрытом доступе - они обычно не супер большие, но что-то поделать надо и бывают интересные.

P.S. Тостер обрубает отображение ссылки по длине, если что и последние 3 ссылки - это разные :)

Это Line Height

В php такой есть)) В js по идее он вызывает SyntaxError)
php.net/manual/ru/migration70.new-features.php

Зачем задавать фиксированную ширину кнопки, контент внутри нее может поменяться. Лучше задать внутренние отступы

Поспорю с Андреем.
2) Не храните все символы в одном шрифтовом файле, если у Вас мультиязычный сайт, то есть на сайте есть функционал, который позволяет сменить язык, то храните символы каждого "языка" в отдельных файлах. Это крайне просто.

Зачем так делать? Опять же повторюсь, если сайт мультиязычный, то нет смысла заставлять английского пользователя скачивать кириллические символы. Уменьшив файл в несколько раз вы ускорите загрузку шрифтовых файлов. Для этого в CSS есть директива unicode-range.

Например, для подключения кириллицы

@font-face {
    font-display: swap;
    font-family: 'Lato';
    src: url('/fonts/lato-light/lato-light.cyrillic.woff2') format('woff2'), 
        url('/fonts/lato-light/lato-light.cyrillic.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; // только кириллица
}

Как это работает? Браузер анализирует ваш DOM понимает какие символы используются на сайте и если есть совпадение, то шрифт закачивается, то есть в данном примере если на сайте есть кириллица, то lato-light.cyrillic.woff2 скачается и отрисуется, а шрифт lato-light.latin.woff2 даже не закачается.

Для разделения символов можно использовать инструмент fontmin, либо его gulp аналог

Для подобных целей народ давно придумал Jekyll - генератор статических сайтов(или ему подобные движки: Hugo и etc). Создаете шаблон для новостей(статей), добавляете массив данных, а движок генерирует папку со статическими html страницами для каждой новости(сортировку по дате или параметру, который вы укажите).

В итогу мы избавляемся от cms, базы данных и других ненужных тяжелых элементов. Сервер отдает только статические html страницы.

Абсолютное позиционирование, вырезание картинок, before/after... Ох и понапридумывают всякого...

.example {
    background: linear-gradient(to right, #F0F3BD, #F0F3BD), // левая граница
        linear-gradient(to right, #F0F3BD 0%, #F0F3BD 70%, #fff 70%, #fff 100%), // верхняя
        linear-gradient(to right, #F0F3BD 0%, #F0F3BD 70%, #fff 70%, #fff 100%), // нижняя
        linear-gradient(to right, #fff, #fff); // правая
    background-size: .5rem 100%, 100% .5rem, 100% .5rem, .5rem 100%;
    background-position: top left, top left, bottom left, top right;
    background-repeat: no-repeat;
}

Один элемент. Один фон. Для всего остального есть CSS.
codepen

Никак. vanilla js = чистый js.