ldmitriy

Отдам свой голос в пользу Python:

• простой синтаксис
  
• применяется не только в веб
  
• сложнее найти работу, но и платят, насколько я знаю, неплохо :)
  
• лучше коммьюнити (чисто субъективное мнение)
  
• быстрая разработка
  

ИМХО, PHP умирает. Все, что могу про него сказать:

• популярные CMSки (Wordpress, Drupal, Joomla!, etc.) написаны на нем и было бы неплохо его знать
  
• проще найти работу (больше заказов)
  
• большая конкуренция среди разработчиков
  
• куча говнокода
  

Всему нужно знать меру: результат/время.

Верстать в Pixel Perfect лучше в первую очередь для малых экранов, где каждый пиксель "дорог" и от общей картины восприятия сильно зависит конверсия (+юзабилити).
А тратить время, которое не даст прироста к целевому результату (просто этого никто не заметит) при вёрстке для больших экранов - особого смысла нет. Достаточно, чтобы был соблюдён общий концепт расположения блоков и зазоров между ними (padding/margin).

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

Конечно верстать, так как только Pixel Perfect дает именно тот результат который задуман.
Но учтите, время как минимум возрастет в 1,5

Выполнение скрипта кричит: "Воу-воу, тут ошибка, я не могу продолжить выполнение дальше, вот код ошибки, а вам всего хорошего и держитесь там"

Потому что js однопоточный

Потому что после первой фатальной ошибки скрипты не выполняются дальше?

Пусть random() возвращает вещественное значение от 0 до 1. Согласно равномерному распределению, вероятность попадания результата в диапазон [0, 0.5] будет 1/2 (50%, половина от всего диапазона). Точно так же продолжаем - вероятность значения из диапазона [0, 0.25] уже 1/4 (25% шанс). Продолжая дальше, получим, что вероятность выпадения значения 0 стремится к нулю! Если для остальных значений 1..6 в вашем коде выпадение определенного значения эквивалентно попаданию результата в конкретный диапазон значений, то значению 0 соответствует диапазон нулевой длины, из-за чего вероятность его выполнения также стремится к нулю

1. "оберточный" section лишний

<main>
    <section> <!--Зачем этот section? Если он на весь main?-->
      <h1>Мои увлечения</h1>
      <section>
        <h1>Лыжи</h1>
        <p>...</p>
      </section>
        <section>
        <h1>Плаванье</h1>
        <p>...</p>
      </section>
    </section>
  </main>

2. h1 на странице 1 раз. Для подзаголовков есть теги h2-h6.

3.

<section>
        <h1>Лыжи</h1>
        <p>...</p>
      </section>

Больше похоже на article, чем на section

Не профи, но сделал бы так

Я не профи, но секцию в секцию никогда не влаживал. Секция - отдельный и независимый кусок кода. Например на сайте есть раздел "О нас" или "Портфолио" это отдельные секции.

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

будет 30hz

Вот вам пример того, что происходит на самом деле:

function doSmth()
{
  var i; // будучи определенной через var, i объявляется за пределом блока for.
  for (i = 0; i < 10; i++)
     document.write(i);
alert(i); 
}

Чтоб такого не получалось, делайте иначе:

for (let i = 0; i < 10; i++)
 document.write(i);
alert(i); // будет ошибка undefined