Сергей Некрасов

Похоже на canvas Codepen

NGROK

По дасту пока нет туториалов на русском, по крайней мере я не нашел(с примерами), начни с jade - он попроще будет для начала самое то.

В основном для декоративных штучек на сайте, привык часто их использовать, чтоб не засорять html лишними тегами

Я бы советовал не финский, а английский постигать, пользы будет больше.

У многих программистов наблюдал такую проблему и честно не понимаю зачем открывать 100500 вкладок. У меня макс 6 вкладок открыто бывает и важные рассортированны по темам в закладках, если не успеваю дочитать что-то, кидаю в "для изучения". Решили задачу - закрыли вкладку, а так внимание рассеивается и время теряется.

Советую Вам посмотреть как рисуют макеты другие дизайнеры, применяя сетки.
Вот например: theuncreativelab.com

m.habrahabr.ru/company/piter/blog/217945

Про jquery пока забудь, не трать время, что бы прикрутить плагинчики особых знаний не требуется. Нативный js изучай и практикуй на создании попапов, слайдеров, манипуляции с dom. Быстрее вырастешь. Имхо.

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

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

Для начала надо понимать основы, потому что в js своя математика (например там можно делить на 0)

Geekjob

Рекомендую книгу Обьектно-ориентированное мышление, лишним не будет, т.к. Вы новичок в программировании, и надо понимать как проектируются и продумываются до написания кодa, и кстати все примеры там написанны на java. Отличная книга выходного дня!)

Вертикальное выравнивание по середине для inline-block

.vertical-middle {
    white-space: nowrap;
    > *{
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
    }
    &:after{
        content: '';
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle;
    }
}

Расположение блоков по всей ширине родителя, тоже для inline-block

.justi {
    text-align: justify;
    display: block;
    &:after {
        content:'';
        display: inline-block;
        width: 100%;
        height: 0;
        visibility: hidden;
    }
}

Очень плохая политика, отключать скролл

Материальный дизайн, думаю захватит мобильный веб скоро

www.lookatme.ru
www.cossa.ru
https://scotch.io

Советую прочитать вот эту статью

Верстайте 10 000 часов, со временем к вам в голову будут приходить мысли, что ещё нужно изучить, всегда начинайте с практики, начинайте прямо сейчас))