История успеха стартапа MyBlogLog

MyBlogLog изначально был запущен в марте 2005 года, как сервис по анализу блогов, но стал популярным, создав online-комьюнити блоггеров.

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

На 16 февраля 2007 года MyBlogLog имел 70 тыс зарегистрированных блогов. Приблизительно в 14 тыс блогов использовался популярный виджет «Reader Roll». В январе 2007 года Yahoo! приобрела эту молодую компанию примерно за $10 млн.

Компания развивалась без привлечения сторонних инвестиций, в итоге сделав богатыми трех своих основателей.

Интервью давал: Скотт Рейфер (Scott Rafer), CEO компании MyBlogLog.

Ключевые факторы успеха

Популярность виджета «Reader Log»

Популярность виджета, показывающего mini-профайлы самых последних читателей, стала главным фактором предрешившим успех MyBlogLog. Виджет использовался как бесплатная реклама, обеспечив нулевые затраты на привлечение пользователей. На середину февраля 2007 MyBlogLog обслуживал более чем 2,5 млн читателей в день, на 14 тыс сайтов.

Фред Вилсон (Fred Wilson) написал пост, в котором подсчитал стоимость данного виджета в размере $300 тыс в месяц в качестве средства рекламы (отталкиваясь от CPM в $10 и 1 млн показов в день). Даже при рассчетах в 1$ CPM и 2,5 млн показов в день, это эквивалентно $75 тыс вложений в рекламу (в месяц).

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

Четко разделенная ответственность между тремя основателями.

Скотт (CEO MyBlogLog) считает большой частью успеха MyBlogLog методы работы команды. Каждый член триумвирата имел ответственость и полную власть над собственной областью.

Эрик Маркоулер (Eric Marcoullier) был ответственным за продукт, Тодд Семпсон (Todd Sampson) за технологию, и Скотт за все бизнес-решения.
Довольно интересно, что Скотт поначалу не посчитал, что виджет «Rea der Roll» как идея, высказанная со-основателем Эриком, станет ключевой в успехе компании.

Для Эрика был предоставлен контроль над решениями по продукту, таким образом Скотт не стоял на его пути. Это не говорит о том, что команда не сотрудничала при принятии решений в каждой области ответственности, но наделение всеми полномочиями над своей областью принесло огромные
дивиденты для MyBlogRoll.

В другой истории успеха (компании UserPlane), CEO Майк Джонс (Mike Jones) также отдал должное разделению задач компании на три части (технология, продукт, маркетинг).

Определение проблемы.

MyBlogLog был основан в январе 2005 года с целью помочь блоггерам узнать лучше своих читателей. Изначально продукт начинался как средство помощи блоггерам, чтобы дать понять с каких ссылок читатели покидают их сайты. Скотт вошел в компанию позже, в марте 2006, привнеся простую идею, согласно которой блоггеры скорее предпочтут знать своих читателей в социальном контексте, чем в агрегированной аналитике пользовательских посещений.

Скотт внес предложение — просто показывать блоггеров и читателей в ретроспективном порядке. Позже, несколько читателей предложили идею облачить список в виджет, тогда Эрик осознал, что это великолепная идея.

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

Команда MyBlogLog точно определила проблему, и путем нескольких итераций нашла верное решение.

Стратегия запуска и маркетинг.

Ключ успеха MyBlogLog при запуске своего сетевого сервиса в том, что их аналитический сервис был установлен у тысяч блоггеров. MyBlogLog был основан в январе 2005 года и запустил аналитический сервис для блогов в марте 2005-го. Поэтому, когда они запустили beta-версию социального сервиса в июле 2006 года, они имели 14 тыс зарегистрированных блоггеров, которым и было предложено создать профайл.

MyBlogLog заполучила поддержку влиятельных tech-блоггеров, таких как Брэд Филд (Brad Feld) и Фред Вилсон (Fred Wilson).

Аналитика выхода.

Yahoo приобрела MyBlogLog приблизительно за $10-12 млн в январе 2007 года. Разгорелась большая дискуссия на блоге Дона (Don Dodge's) об оценке для MyBlogLog. Хотя книжная аналитика Дона выглядит хорошо, действительно что сдвинуло цену вверх, так это медвежий рынок.

Команда имела предложения от венчурных инвесторов, предлагавших высокие оценки для компании, но предпочла Yahoo, поскольку та предложила больше.

По мнению Скотта (CEO MyBlogLog), на покупку Yahoo сподвигли несколько факторов. Во-первых, продукт им был по нраву, просто и ясно. Поскольку обладает эмоциональной тягой для привлечения людей. Более рациональные причины покупки в том, как данное приобретение могло способствовать двум большим инициативам Yahoo — относительно off-network дистрибуции и социальных сервисов.

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

Профайлы MyBlogLog, а также множество cookies (100+ миллионов на данный момент) могут добавить для рекламного движка Yahoo увеличение выручки за счет за счёт повышения CTR.

На вопрос, почему компания предпочла продаться, а не получить инвестиции от VC, Скотт ответил: «куй железо пока горячо». Основатели инвестировали в MyBlogLog порядка $200 тыс в виде часов, потраченных на кодинг, также Скотт добавил $24 тыс для покрытия расходов на хостинг, когда траффик начал расти.

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

Betfair — это молодая компания, основанная в Великобритании (UK), работающая на рынке online ставок. Грандиозность успеха стартапа Betfair.com отчасти в том, что компания добилась таких результатов, не принимая ставки от жителей США.

Betfair закончила последний раунд финансирования в апреле 2006 года, оценка компании слегка превысила $3 млрд! Последний раунд финансирования можно рассматривать как частичный выкуп, поскольку Softbank приобрел долю в 23% компании за ~$600 миллионов долларов.

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

Многие как и я используют Modules ресурс, который позволяет использовать отдельные Bootstrap файлы для каждого модуля. Но этого ресурса есть один недостаток — он всегда загружает все Bootstrap файлы в независимости от того какое модули мы используем в конкретном запросе. Я решил предоставить решение данной проблемы

На текущий момент существует единственный официальный способ компиляции под N900 — через Scratchbox. Чем он мне не угодил? Да вот чем. Во-первых, он есть только под i386, со всеми вытекающими из этого весёлостями в виде необходимости держать кучу 32-хбитных библиотек. Во-вторых, ставится оно вопреки всем канонам зачем-то в /scratchbox, попутно прописывая свои модули для binfmt и, вытворяя прочую похабщину, разрушает стройную структуру дистрибутива. В-третьих там достаточно древний qemu, что даёт отнюдь не рекордную скорость компиляции. Ну и в-четвёртых, ставится это чудо очень медленно (я не знаю, где они хостятся, но установщик качал полгига пакетов довольно-таки длительное время. Кстати говоря, весит оно в установленном виде тоже изрядно. А поверх него ещё идёт SDK.
Ну и самое важное. qemu-user не поддерживает весь набор системных вызовов ядра. А, значит, часть софта (в частности, mono), банально не сможет работать. Проблему можно было бы решить, chroot'ясь в окружение из arm-ной системы в режиме полной эмуляции, но см. пункт первый.
В общем, убогое поделие, вообще не представляю, у кого рука поднялась его использовать в серьёзном проекте.

По-идее ещё можно компилить непосредственно на устройстве. Но тут проблема в том, что там стоит busybox, c которым очень плохо дружит тот же dpkg-buildpackage. Соответственно, при переносе rootfs c устройства и попытках оную использовать, эти грабли никуда не исчезают. А заменить его на coreutils не так-то просто, ибо это сломает часть зависимостей и отвалится полсистемы.



И что делать? А мы пойдём другим путём. Изобразим из себя ярых последователей барона Мюнхгаузена и в лучших традициях процедуры bootstrap (поднятие самого себя за шнурки ботинок) установим систему с нуля из пакетов. Как именно, читайте под катом.

Доброго времени суток!

Продолжаю тему «Конвертируем и загружаем на YouTube». Благодаря ценным комментариям хабралюдей, проект YTupload не был заброшен и забыт, а выложен на GitHub и усовершенствован.

Краткая аннотация

YTupload — проект, задача которого, конвертировать и загружать ролики на Ваш аккаунт в youtube. Написан на django.

Фреймворк NodeJS вышел на первое место в списке самых популярных проектов Github по количеству подписчиков (watchers).

1. node — 11 349 подписчиков
2. rails — 11 234
3. bootstrap — 10 924
4. jquery — 10 479
5. html5-boilerplate — 8 940
6. homebrew (пакетный менеджер для OS X) — 6 641
7. diaspora — 5 898
8. three20 (библиотека Objective-C для разработки од iPhone) — 5 380
9. devise (система аутентификации для Rails) — 5 249
10. Spoon-Knife (пустой репозиторий для обучения новых пользователей github, как делать форки и проч.) — 4 863

Вообще, рейтинг довольно субъективен. Например, на третьем месте Bootstrap, набор стилей и элементов UI от разработчиков Twitter, который появился на свет всего несколько месяцев назад. В первые недели после выхода он даже побывал в лидерах этого списка.

Как цифры с Github соотносятся с реальностью, можно судить по количеству фолловеров к тегам на StackOverflow: у NodeJS их 2200, у jQuery — 19 500, C# — 22 200, у PHP — 18 000, и даже у фреймворка ASP.NET 8300 фолловеров.

Знаю что многие недолюбливают Pinax, поэтому особо много писать не буду — отделаюсь ссылочкой и парой заметок:

• Сделано несколько тем (я потратил немного свободного времени на создание темы на jquerymobile и чуток помог с темой на bootstrap)
• Много что изменилось, но до сих пор куча нюансов которые нужно рефакторить и рефакторить..(имхо)
• Оставили только 4 стартовых проекта (static,zero,basic,account мне так нехватает social_project из предыдущих версий..)
• До сих пор понять не могу почему они используют django-staticfiles вместо встроенного в django 1.3.x.

Почему стабильная в кавычках и в версии есть буква «a», намекающая на то что это альфа-версия и многое другое можно прочитать в блоге проекта.

Вышла новая версия офигительного UI фреймворка от Twitter — Bootstrap 2.0 Для тех кто не в курсе что это, настоятельно рекомендую ознакомиться. Этот набор позволяет создавать отличные шаблоны сайтов за считанные часы (проверено на собственном опыте) на основе готовых элементов и экономить килотонны нервов на адаптации кода под разные браузеры.

Особенности Bootstrap:

• Полный набор компонентов в виде стилей и анимаций поведения для элементов интерфейса
• Поддержка возможностей HTML5, CSS3 (но при этом работает и в IE7!)
• Поддержка идеологии 940-пиксельной сетки
• Поддержка идеологии fluid-grid
• Кросплатформенность — наборы стилей для десктопных и мобильных браузеров
• Возможность кастомизации и добавления собственных стилей
• Возможность добавлять jQuery плагины

Мастхэв для верстальщиков и проектировщиков интерфейсов!

 

Вашему вниманию очередной выпуск подкаста о веб-разработке «Сделайте мне красиво!»

Show notes:

• Асинхронная загрузка модулей через js (на github + разъясняющая статья)
• Библиотека готовых решений от Твиттера
• Разговор про прогресс БЭМа, подробная статья для начинающих
• underscore — набор простых методов для манипуляций с объектами (русская документация)
• Объединенная документация по HTML, CSS, jQuery, DOM

Наши ссылки: RSS и лента на rpod.ru

Аннотация

В статье я попробую рассказать о том, как на базе Twitter Bootstrap можно очень легко реализовать приятный пользовательский интерфейс небольшого (одностраничного) web-приложения, владея лишь базовыми знаниями html. Сразу предупреждаю, специалистам будет не интересно, речь пойдет о базовом стандартном функционале.

Вступление

Многие знают про инфраструктуру от google под названием gae, некоторые считают её слишком проприетарной, другие слишком дорогой. Да она не дешевая, и мы попробуем написать оптимальное приложение для gae, которое жрало бы очень мало ресурсов и в идеале не выходило из бесплатных квот даже при хабраэффекте. Опишу мои ошибки, удачные технологические решения при написания сервиса японских кроссвордов. Фишка сайта в том что он позволяет создавать свои кроссворды и из обычной картинки тоже и делиться ими с друзьями.
Для построения сайта используется след. технологии:
backbone.js — фреймворк для обработки запросов на javascript'е. C его помощью будем надеяться, что уложимся в бесплатные квоты, так как весь код выполняется на клиенте, с сервера запрашиваются только данные о кроссвордах в json формате.
require.js — библиотека для дозагрузки любых ресурсом(js, html), можно указать код, который выполнится после загрузки всех ресурсов. Идеальна если у вас есть на сайте javascript и он используется в 1% случаев, и вы не хотите включать js-файл в index.html, то она вам подойдет.
undescore.js — всякие плюшки для слежения за изменением всего объекта или за конкретным его свойством. Очень большая и крутая библиотека, но я использую её как шаблонизатор.
bootstrap — чтобы не заморачиться с дизайном.
less — не ну, а почему б не использовать? (Потому что мы можем)
Ну и конечно же gae — на чем все это будет крутиться.

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

Всякий такой веборазработчик или дизайнер сайтов, которому когда-либо доводилося ознакомиться со стилевою системою Twitter Bootstrap, уж конечно помнит, что в ней применяются значки Glyphicons (120 штук) для оформления кнопок, и панелей инструментов, и пунктов в списках, и так далее. Распространяются эти значки бесплатно и свободно (по лицензии CC BY 3.0).

У всех этих значков, однако же, есть общий недостаток: они растровые. Соответственно, если в значке есть диагональные или криволинейные элементы, то растянуть такой значок (для крупной кнопки или для сетчаточных дисплеев) не удастся без неприятной потери качества.

Преодолеть этот недостаток намерен проект Font Awesome, нацеленный на разработку бесплатного и свободного (CC BY 3.0) шрифта, содержащего аналогичные значки не в растровой, а в векторной форме. Значки («буквы») этого шрифта легко могут принимать поэтому любой размер и любой цвет. Притом их ужé и не сто двадцать, а сто сорок.

К шрифту прилагаются стилевые файлы, позволяющие начать использование Font Awesome в Twitter Bootstrap без каких-либо особенных усилий.

Релиз новой версии состоялся 1 июня. Изменений, в сущности, немного. Обобщенный список под катом.

Привет, Хабр!
В этой статье я коротко расскажу о библиотеке Editable for Bootstrap, позволяющей вводить данные на страницу методом edit-in-place и основанной на компонентах Bootstrap. Я использую ее в админ-части проектов, либо когда нужно оперативно сделать интерфейс с возможностью пользовательского ввода.
Подробности под катом.

Поздравляю всех с пятницей и в качестве небольшого развлечения предлагаю представить, как бы выглядел популярный CSS-фреймворк Twitter Bootstrap, если бы он был от Google? Встречайте Plusstrap.

Думаю расписывать о том, что из себя представляет данный фреймворк не надо, все и так знают.
Исправлено куча багов, добавлены новые компоненты и плагины.
Почитать документацию по нововедениям и увидеть их в действии можно тут.
По этой ссылке можно забрать релиз 2.1.0 в zip-архиве(только js и css с иконками).
Еще можно посетить официальный блог проекта и почитать о нововведениях.

Здравствуйте, уважаемые хабравчане.

Так случилось, что в ходе разработки моего игрушечного веб-приложения я решил сделать в интерфейсе чекбоксы в стиле iPhone. Так как вся клиентская часть разрабатывается на Twitter Bootstrap, то я решил поискать реализацию таких чекбоксов, но не нашел. Тогда я решил сделать форк вот этого проекта,
взял его за основу, перерисовал картинки, подправил css и в итоге получил примерно вот такой чекбокс

Недавно Brian Haveri в блоге vermilion.com сделал отличное наглядное сравнение популярных CSS-фреймворков (статья), которые можно использовать для разработки адаптивных сайтов.

За последний год мне удалось поработать со всеми этими фреймворками: Bootstrap, Foundation и Skeleton, и могу сказать, что в свое время такая табличка сохранила бы кучу времени. Поэтому я перевел ее на русский язык, добавив немного своих комментариев. Надеюсь будет полезно хабровчанам.