drive

1. Настраиваю gulp на основные таски (конкатенация, минимизация, удаление неиспользуемого, кросс-браузерность, sass и т.д.)
2. Подключаю через bower необходимые "модули", например, normalize.css или фрэймворк
3. Выстраиваю архитектуру кода (просто независимые блоки в отдельную директорию, например, "modules", или "pages" для стилей особенностей отдельных страниц), в корне css главный файл стилей, в котором осуществляется импорт всех модулей (например, файл с переменными цветовой палитры или файл с mixin-ами).
4. Подключаю необходимые шрифты, в основном, через специальный миксин.
5. В главном файле стилей описываю основные стили для типографики, в общем всё, что связано с селекторами типа.
6. Если дизайнер предоставляет styleguide, то начинаю верстать страницу именно с него, а именно, по независимым блокам (где это возможно, от меньшего к большему) используя БЭМ методологию.
7. По ходу дописываю задачи для менеджера задач, например, для скриптов или картинок, собираю необходимый package.json, bower.json.
8. Собственно этап по-блочной верстки.
9. Собираю конструктор из готовых блоков и элементов соответственно макету.
10. Проверяю кроссбраузерность, pixel perfect.
11. Этап исправления деталей

Исходя из формулировки вопроса ответ:
поэтапно, сначала описываю структуру одного блока, пишу ему стили, перехожу к следующему.

Храню всё в тематических папках на Google Drive вместе с книгами. Для статей создаю .txt и озаглавливаю их соответствующим образом. Пару раз в месяц делаю капитальную чистку ненужных файлов, так что пока всё в норме. Evernote в последнее время использую лишь как ежедневник — для подведения итогов и укрепления самодисциплины. Pocket — свалка, мне сразу не понравился.

По поводу книг: когда читаю, параллельно делаю краткие конспекты (только самые важные моменты записываю), сохраняю их в .pdf и кладу в папку с книгой. При этом документ называю именем книги, а в скобках пишу "конспект", так что, если книг в папке будет много, это будет держать их вместе. При повторном обращении к прочитанной книге, заглядываю в конспект — и, как правило, сразу нахожу ответ на свой вопрос. Конспект набираю вручную на клавиатуре. Это хоть и отнимает время, но в тоже время положительно сказывается на эффективности усвоения материала. Ну, по крайней мере у меня (я так свой уровень письменного английского поднял). Могу таким образом одновременно несколько книг прорабатывать.