HitMan

Обычно должно быть 5-7 размеров
1. Смартфон в вертикальном положении (320-400)
2. Смартфон на боку (480 - 650)
3. Планшет в вертикально положении (768)
4. Планшет на боку (1024)
5. Десктоп (обычно 1200 и 1600).

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

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

К примеру, хабр ориентирован на программистов, но его аудитория настолько велика, что через хабр можно покрыть больше потенциальных пользователей, чем через любой другой ресурс. Но чтобы статья вышла в топ, она должна быть о том, какие проблемы есть у яндекс.фоток и как вы их доблестно решали. На хабре уже есть несколько статей о переделке дизайна известных проектов. Из последних: мобильный mail.ru и django 1.9. Главное ни какого маркетинга и побольше технических подробностей.

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

Цукерберг позвонит - это истории успеха, от рождения идеи, до рождения успешной компании.

Лайфхакер - истории о том, как можно сделать жизнь проще и сэкономить время.

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

Попробуйте на Спарке

БЭМ - это такая методология вёрстки от Яндекса. Она подразумевает разбиение страниц на отдельные смысловые блоки (комментарий, пост, заголовок, футер, форма, инпут и т.п.). Каждый блок может состоять из других блоков. Основная идея - как можно больше повысить возможность повторного использования уже написанных блоков, для чего используются модификаторы. Плюс, БЭМ подразумевает отказ от каскадных стилей, потому что они препятствуют повторному использованию.
Например, на странице есть два разных заголовка (например, отдельно в статье, и отдельно во врезке). Как все привыкли делать это? есть код заголовка:
<h1 class="header">Заголовок</h1>
И мы ставим эти заголовки в текст статьи и во врезки:

<article class="article">
    <h1 class="header">Заголовок</h1>
    <p>Текст текст текст</p>
</article>
<aside class="incut">
    <h1 class="header">Заголовок</h1>
    <p>Текст текст текст</p>
</aside>

Тогда обычно мы используем каскад, чтобы стилизовать заголовок во врезке:

.header {font-size: 2em; padding-bottom: 1.5em;}
.incut .header {text-decoration: italic;}

Всё хорошо, но теперь мы не можем просто перенести эти стили заголовка во врезке в другое место, потому что эти стили привязаны именно ко врезке (классу incut). Плюс, что ещё хуже, если к элементу привязано несколько различных стилей, образующихся подобными каскадными правилами, то перенести такой внешний вид в другое место становится очень трудоёмко. А также, из-за большей специфичности каскадных стилей, их сложнее "перебить" новым стилем.
БЭМ предлагает отказаться от каскадных стилей и создавать отдельные стили-модификаторы:

<article class="b-article">
    <h1 class="b-article__header">Заголовок</h1>
    <p>Текст текст текст</p>
</article>
<aside class="b-article b-article__incut">
    <h1 class="b-article__header b-article__header_incut">Заголовок</h1>
    <p>Текст текст текст</p>
</aside>

.b-article__header {font-size: 2em; padding-bottom: 1.5em;}
.b-article__header_incut {text-decoration: italic;}

Чем больше проект, тем выгоднее использование подобной методологии. На маленьких и средних проектах БЭМ может быть избыточен. Хотя вот была статья habrahabr.ru/company/yandex/blog/234905 про использование в маленьких проектах.

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

Ну вот. Получилось не в двух словах, но менее подробно качественно описать БЭМ не получится, имхо.

Могу в трех - Блок Элемент Модификатор :D