Влад Преображенский

Как делается сетка: тыц, тыщ, тыдыщь

Как делается меню: раз, два, три

SVG: адын, два, три, четыре

Parallax: вот, и вот, и ещё вот. И вот тут почти Parallax, думаю тоже пригодится

Бонус:

• JavaScript Garden -- тонкости JavaScript
  
• Learn X in Y minutes -- краткие туториалы по куче языков (там и JS, и CSS и много чего ещё есть), некоторые с русским переводом (но не все)
  
• Material Design -- гайдлайн по Material Design
  
• PrimerCSS -- стайлгайд Github + их CSS фреймворк
  

Вёрстка, это всегда проблема. Потому что html и css это одна большая проблема сама по себе.
Всё что вы перечислили это мейнстримовый абстрактный кич. Я бы вообще не стал рассматривать это в отдельности, как что-то реально существующее. Всё что вам нудно это усвоить основные базовые понятия: строчный и блочный элемент, поток, позиционирование, z-index. А дальше уже делаете дизайн какой захотите с паралаксами, сетками и тд.
По поводу ресурсов где рассматриваются проблемы вёрстки. Скажите, зачем вам чужие проблемы? Их на самом деле столько, что пером не описать.
Просто верстайте. И когда натолкнётесь на проблему, либо изначально задумаете какую-нибудь конструкцию, которую не знаете как сверстать, то там уже можно будет и погуглить, почитать или задать конкретный вопрос.
Всё дело в том, что сама по себе технология html и css, да и js, не идеальна. Причём далеко не идеальна. Скажем если мы возьмём идеальность за 100%, то нынешняя ситуация будет где-то процентов на 15-20, ну максимум 30.

rubybursa.com

Обзор на хабре:
habrahabr.ru/company/itbursa/blog/224975

www.flatuicolorpicker.com

1. У каждого элемента может быть несколько классов, а не один. В том числе и общие для целого набора.

2. Какой смысл осваивать БЭМ и писать *? Это — ужасная практика и вам нужно забыть о ней. Иначе внутри вашего блока вы переписываете эти правила у всех элементов. Это — не просто плохо, а очень плохо

3. Для БЭМ есть фреймворки, потому ни один здравомыслящий человек не будет вручную писать эти крокодилы.

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

Сейчас варинатов с разлочкой virgin или Sprint не особо, ну по крайней мере на трастовых сайтах по разлочке. Как вариант разве что использовать r-sim 9 pro. Ну а вообще - следите за новостями на сайтах типа этого. Удачи !

Ubuntu+NetBeans IDE
Удобнейшая кроссплатформенная IDE с поддержкой кучи языков.

1) Ubuntu, возможно стоит подождать релиза 14.04 LTS(поддержка 5 лет), должен выйти 17 апреля.
2) Brackets - очень перспективный, уже сейчас в нем есть отличный функционал.

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

Поэтому, поставил VirtualBox, на него Windows, а туда виндяшный софт, для которого нет хороших аналогов в Linux. Настроил общие папки между host и guest системами, и счастлив.

1. Ubuntu, Mint
2. Jetbrains RubyMine чтобы не мучатся с настройкой среды.

Немного оффтоп, но тем не менее.
Вам надо учить не php, js, python, whatever, а английский. Это единственный язык, который должен знать каждый программист.
Если же он уже на уровне чтения со словарем, то его можно будет подтянуть изучая интересующие вас языки программирования.
Далее - придумываете себе задачу и пытаетесь ее решить. Тут документация по ЯП и stackoverflow (на нем, по-моему, можно найти ответ на любой вопрос по программированию) вам в помощь.
Волшебной кнопки, увы, нет. Чтобы научиться программировать, надо программировать.