{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блог Ильи Бирмана: заметки с тегом этот сайт",
    "_rss_description": "Блог Ильи Бирмана о дизайне, городах, музыке и жизни.",
    "_rss_language": "ru",
    "_itunes_email": "ilyabirman@ilyabirman.ru",
    "_itunes_categories_xml": "<itunes:category text=\"Arts\"><itunes:category text=\"Design\" \/><\/itunes:category>\r\n<itunes:category text=\"Society &amp; Culture\"><itunes:category text=\"Personal Journals\" \/><\/itunes:category>\r\n<itunes:category text=\"Technology\" \/>\r\n",
    "_itunes_image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic-square@2x.jpg?1573933764",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/this-website\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/this-website\/json\/",
    "icon": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764",
    "authors": [
        {
            "name": "Илья Бирман",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
            "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
        }
    ],
    "items": [
        {
            "id": "5573",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/5000-notes\/",
            "title": "5000 заметок",
            "content_html": "<p>Я веду блог с 2002 года, когда слова «блог» в русском языке ещё не было.<\/p>\n<p>А это — пятитысячная заметка в нём. Случайно заметил!<\/p>\n<p>На самом деле возможно со временем она станет более чем пятитысячной, потому что иногда я публикую заметки задним числом. Например, медленно-медленно я переношу фотоотчёты из «Мира» в блог, потому что удобнее всё иметь в блоге. Возможно, когда-нибудь придумаю, как из телеканала всё перенести тоже. Ну и <a href=\"https:\/\/whatsoever.ilyabirman.ru\/\">Вотсоуэвер<\/a> же ещё был — всё руки не доходят тоже его перенести сюда, чтобы всё в одном месте было.<\/p>\n<p>Ну и это без учёта <a href=\"http:\/\/ilyabirman.net\/meanwhile\/\">английского блога<\/a>, конечно.<\/p>\n",
            "summary": "Я веду блог с 2002 года, когда слова «блог» в русском языке ещё не было",
            "date_published": "2021-01-28T16:29:59+02:00",
            "date_modified": "2021-01-28T16:29:56+02:00",
            "tags": [
                "этот сайт",
                "я"
            ],
            "_date_published_rfc2822": "Thu, 28 Jan 2021 16:29:59 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5573",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "5314",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/rss-subscription\/",
            "title": "РСС, или Как подписаться на мой блог",
            "content_html": "<p class=\"foot\">Если вы ищете прямой адрес РСС-потока моего блога, то вот он:<br \/><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/rss\/\">http:\/\/ilyabirman.ru\/meanwhile\/rss\/<\/a><\/p>\n<p>У меня появляется новая аудитория, поэтому время от времени я повторяю эту заметку.<\/p>\n<p>Многие не знают, что такое РСС (RSS) и как им пользоваться. К сожалению, РСС — немного гиковская технология, не вполне доступная нормальным людям. Но если её освоить, то становится непонятно, как ты до этого жил. В этом смысле РСС похож на торенты: там тоже есть некоторый порог входа, но польза оправдывает затраты сил на его преодоление.<\/p>\n<p>Что такое РСС? Это механизм <i>подписки<\/i> на блоги и другие сайты с регулярными обновлениями. Вместо того, чтобы самому ходить по разным сайтам и смотреть, не появилось ли там чего новенького, разумно поручить эту тупую работу машине. Пусть она ходит по всем сайтам и аккуратно собирает всё новое в одном месте. Тогда получается, что новости просто приходят к нам, а не мы охотимся за ними.<\/p>\n<p>Чтобы использовать РСС, нужна РСС-читалка. Это программа, которая знает, какие сайты вы любите, и следит за обновлениями на них. Когда сайты обновляются, свежие публикации автоматически скачиваются, и вы получаете свежий выпуск собственного «журнала», где собрано всё новое с любимых сайтов.<\/p>\n<p>Вот так примерно выглядит моя читалка:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-4.png\" width=\"2048\" height=\"1420\" alt=\"РСС, или как подписаться на мой блог\" \/>\n<\/div>\n<p>Здесь все непрочитанные посты со всех блогов, за которыми я слежу. Мне не приходится ходить на их сайты, открывать сто букмарок в браузере — всё в одном месте. Не нужно ждать, пока откроется страница — всё уже скачано. Я не боюсь пропустить что-то важное — всё сохранено. Что-то я прочту сразу, что-то в выходные, что-то — когда буду в следующий раз в самолёте без интернета. А что-то не стану читать, просто ткну в него, чтобы оно перестало выглядеть как непрочтённое.<\/p>\n<p>Как подписаться на кого-нибудь по РСС? Многие РСС-читалки позволяют подписаться напрямую, то есть они сами будут скачивать всё новое. Но это непрактично: если вы подпишетесь независимо на компьютере, айпаде и айфоне, то три читалки не будут знать, что́ вы уже прочитали, и все заметки вы будете получать по три раза. Намного лучше воспользоваться сервисом-агрегатором, который будет ходить и собирать новости, а читалки с ваших устройств будут просто синхронизироваться с этим сервисом.<\/p>\n<p>Заведите себе акаунт, например, <a href=\"http:\/\/feedly.com\/\">в Фидли<\/a>. В меню слева сверху есть пункт Add content — введите туда адрес блога, например, моего. Всё, теперь вы подписаны, новые посты будут приходить к вам туда. Подпишитесь так же на все любимые блоги, и теперь сможете читать всё в одном месте, например:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/\">http:\/\/ilyabirman.ru\/meanwhile\/<\/a> — Я<\/li>\n  <li><a href=\"http:\/\/maximilyahov.ru\/blog\/\">http:\/\/maximilyahov.ru\/blog\/<\/a> — Максим Ильяхов<\/li>\n  <li><a href=\"http:\/\/daringfireball.net\/\">http:\/\/daringfireball.net\/<\/a> — Джон Грубер<\/li>\n<\/ul>\n<p>Есть читалки, которые не могут подхватить РСС просто с сайта, им нужно указать прямой путь к РСС-потоку. У меня такой:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/rss\/\">http:\/\/ilyabirman.ru\/meanwhile\/rss\/<\/a><\/li>\n<\/ul>\n<p>У самого у меня около двух сотен разных источников в читалке. Среди них не только блоги, но и, например, результаты поиска в Яндексе по моей фамилии — так я всегда автоматически вижу, когда кто-то где-то ссылается на меня. Если вы сами читаете этот пост через РСС и недоумеваете, зачем я всё это объясняю — привет!<\/p>\n<p>Конечно же, любой блог на <a href=\"http:\/\/blogengine.ru\/\">Эгее<\/a> поддерживает РСС, для этого ничего не нужно настраивать.<\/p>\n<p>Читать РСС прямо в интерфейсе Фидли — это такое же насилие над собой, как использование Гмейла через веб-интерфейс. Кому-то нравится такая фигня, но мне не понять.<\/p>\n<p>Для чтения РСС я предпочитаю <a href=\"http:\/\/reederapp.com\/\">Риидер<\/a> (он платный, есть миллион других, в том числе бесплатных читалок). Риидер бывает для Айфона, Айпада и Мака — везде сказочно красивый (сверху это он на скриншоте). После того, как вы его установите, его надо будет привязать к вашему акаунту в Фидли, и всё, он будет показывать всё, на что вы подписаны. То есть это просто клиент для агрегаторов. Кстати, кроме Фидли есть ещё куча агрегаторов, просто я предпочитаю Фидли: он бесплатный и работает без нареканий. Риидер поддерживает множество разных агрегаторов, комбинировать можно как угодно. Вы можете даже использовать разные клиенты на разных устройствах — всё со всем без проблем синхронизируется.<\/p>\n<p>Ещё часто спрашивают, зачем РСС, если есть соцсети. Вроде как, все туда кидают ссылки на свои посты. Тут дело личное, конечно, но я не понимаю, как можно даже сравнивать по удобству одно с другим.<\/p>\n<p>Во-первых, за соцсетями, чтобы ничего не пропустить, надо внимательно следить, а это съедает целую кучу времени. Я их читаю по диагонали и по умолчанию считаю, что там ничего особо ценного нет. Они ещё и <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/social-networks-degradation\/\">ставят посты в одним им известном порядке<\/a>. Читалка ничего не пропустит.<\/p>\n<p>Во-вторых, в большинство соцсетей попадают только ссылки. Чтобы посмотреть хотя бы в общих чертах, о чём статья, насколько она длинная, нужно переходить по ссылке и ждать, пока она откроется в браузере. Это трение. В читалке же к тому моменту, как я туда смотрю, всё уже скачано и показывается мгновенно.<\/p>\n<p>В-третьих, как я уже говорил, я хочу иметь возможность читать что-то, когда это удобно мне, а не когда этим поделился автор. В Твиттере, например, приходится помечать интересное сердечком, потом возвращаться к нему — это всё лишняя работа. В читалке меня просто всё спокойно дожидается, мне не нужно для этого ничего делать.<\/p>\n<p>Теперь вместо браузера и твиттера для чтения блогов вы можете использовать клёвый, удобный, придуманный специально для этого инструмент — РСС-читалку. На здоровье!<\/p>\n",
            "summary": "Вместо того, чтобы самому ходить по разным сайтам и смотреть, не появилось ли там чего новенького, разумно поручить эту тупую работу машине.",
            "date_published": "2020-05-20T12:56:54+02:00",
            "date_modified": "2020-05-20T13:06:26+02:00",
            "tags": [
                "РСС",
                "софт",
                "технологии",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-4.png",
            "_date_published_rfc2822": "Wed, 20 May 2020 12:56:54 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5314",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-4.png"
                ]
            }
        },
        {
            "id": "5311",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/novaya-navigaciya-v-bloge-i-osobennost-kursora-na-aypade\/",
            "title": "Новая навигация в блоге и особенность курсора на Айпаде",
            "content_html": "<p>С недавних пор я стал записывать по воскресеньям ролики, где просто прохожусь по своим блогу и соцсетям и рассказываю, где что нового. Помимо перечисления нового я ещё иногда отвечаю голосом на комментарии людей. Сюда я их не дублирую, так что подписывайтесь на мой канал. Но сегодня сделаю исключение, потому что в сегодняшнем ролике две вещи, которых в других местах не было.<\/p>\n<p>Вот сам ролик:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Jip60iRNwsY?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Если лень смотреть целиком, ткните в 13:26 — я там рассказываю и показываю, как улучшилась навигация в моём блоге, как страницы тегов стали информативнее, а особенный кайф настал в рубрике «Мир» (18:57). Приглашаю вас тыкать в меню блога сверху и открывать для себя разные мои классные заметки.<\/p>\n<p>И ткните в 21:26 — там рассказываю новую штуку, которую узнал про курсор на айпаде (aim assist, все дела).<\/p>\n<p>Ну и в 30:57 ткните, там хвастаюсь маникюром.<\/p>\n<p>Всем лайк!<\/p>\n",
            "summary": "С недавних пор я стал записывать по воскресеньям ролики, где просто прохожусь по своим блогу и соцсетям и рассказываю, где что нового",
            "date_published": "2020-05-17T17:06:59+02:00",
            "date_modified": "2020-05-17T21:35:57+02:00",
            "tags": [
                "Айпад",
                "видео",
                "этот сайт",
                "я"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Jip60iRNwsY-cover.jpg",
            "_date_published_rfc2822": "Sun, 17 May 2020 17:06:59 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5311",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Jip60iRNwsY-cover.jpg"
                ]
            }
        },
        {
            "id": "5156",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/vizualizaciya-dannyh-o-moyom-bloge\/",
            "title": "Визуализация данных о моём блоге",
            "content_html": "<p>Мне написал Саша Михайлов. В качестве упражнения по программированию он проанализировал мой блог: «Вывел заметки с самым большим количеством просмотров, комментариев, картинок и самые длинные заметки».<\/p>\n<p>Подробно про эту историю написано у него в блоге:<\/p>\n<ul>\n  <li><a href=\"https:\/\/sashamikhailov.ru\/blog\/all\/python-web-scraping\/\">Сбор данных<\/a><\/li>\n  <li><a href=\"https:\/\/sashamikhailov.ru\/blog\/all\/birman-vs-pandas\/\">Анализ данных<\/a><\/li>\n  <li><a href=\"https:\/\/sashamikhailov.ru\/blog\/all\/ilyabirman-meanwhile-viz\/\">Визуализация<\/a><\/li>\n<\/ul>\n<p>Саша рассказывает, как всё делал, и показывает куски кода на Питоне.<\/p>\n<p>Выяснилось, что у меня есть вот какие заметки:<\/p>\n<ul>\n  <li>Самая длинная, не считая выписок из книг: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/berghain-guide\/\">Полный гид по клубу Бергхайн<\/a> (2018)<\/li>\n  <li>С самым большим числом картинок: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/driving-tests-process-1\/\">Процесс создания логотипа Драйвинг-тестов. Часть 1<\/a> (2018. Интересно, что части 2 так и не последовало. Эта тудушка всё время сдвигается)<\/li>\n  <li>Самая просматриваемая: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/2006\/06\/27\/2\/\">О запятой после «С уважением»<\/a> (2006)<\/li>\n  <li>Самая комментируемая заметка: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/2009\/04\/28\/2\/\">Ремонетизация<\/a> (2009)<\/li>\n<\/ul>\n<p>Тут стоит сказать, что Саша использует данные Эгеи о просмотрах, а она научилась их считать только пару лет назад. Поэтому самые просматриваемые — это самые просматриваемые за это время, а не за всю историю. Но, как, видим, даже за это время больше всего взглядов досталось заметке из 2006-го. Также, как видим, больше всего комментируют всякую хрень.<\/p>\n<p>Картинка (слева количество заметок в каждый месяц из 17 лет, а справа — средняя длина заметки):<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/heatmap@2x.png\" width=\"720\" height=\"360\" alt=\"\" \/>\n<\/div>\n<p>«Заметна тенденция: чем больше постов за месяц, тем больше их средняя длина. То есть Илья обычно пишет либо коротко и немного, либо и много, и длинно. Эту корреляцию можно увидеть на диаграмме рассеяния:»<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/posts-len-scatter@2x.png\" width=\"540\" height=\"540\" alt=\"\" \/>\n<\/div>\n<p>Таблица:<\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n  <tr>\n    <td style=\"text-align: left\"><b>Месяц <\/b><\/td>\n    <td style=\"text-align: right\"><b>Заметки<\/b><\/td>\n    <td style=\"text-align: right\"><b>Просмотры<\/b><\/td>\n    <td style=\"text-align: right\"><b>Комменты<\/b><\/td>\n    <td style=\"text-align: right\"><b>Длина<\/b><\/td>\n    <td style=\"text-align: right\"><b>Картинки<\/b><\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2002<\/td>\n    <td style=\"text-align: right\">9<\/td>\n    <td style=\"text-align: right\">107<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">1225<\/td>\n    <td style=\"text-align: right\">6<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2002<\/td>\n    <td style=\"text-align: right\">2<\/td>\n    <td style=\"text-align: right\">24<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">1286<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2003<\/td>\n    <td style=\"text-align: right\">1<\/td>\n    <td style=\"text-align: right\">44<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">294<\/td>\n    <td style=\"text-align: right\">2<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2003<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">101<\/td>\n    <td style=\"text-align: right\">1<\/td>\n    <td style=\"text-align: right\">946<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2003<\/td>\n    <td style=\"text-align: right\">77<\/td>\n    <td style=\"text-align: right\">446<\/td>\n    <td style=\"text-align: right\">38<\/td>\n    <td style=\"text-align: right\">5546<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2003<\/td>\n    <td style=\"text-align: right\">32<\/td>\n    <td style=\"text-align: right\">274<\/td>\n    <td style=\"text-align: right\">46<\/td>\n    <td style=\"text-align: right\">2002<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2003<\/td>\n    <td style=\"text-align: right\">63<\/td>\n    <td style=\"text-align: right\">356<\/td>\n    <td style=\"text-align: right\">53<\/td>\n    <td style=\"text-align: right\">4421<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2003<\/td>\n    <td style=\"text-align: right\">84<\/td>\n    <td style=\"text-align: right\">454<\/td>\n    <td style=\"text-align: right\">132<\/td>\n    <td style=\"text-align: right\">5906<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2003<\/td>\n    <td style=\"text-align: right\">58<\/td>\n    <td style=\"text-align: right\">203<\/td>\n    <td style=\"text-align: right\">69<\/td>\n    <td style=\"text-align: right\">2936<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2003<\/td>\n    <td style=\"text-align: right\">33<\/td>\n    <td style=\"text-align: right\">108<\/td>\n    <td style=\"text-align: right\">60<\/td>\n    <td style=\"text-align: right\">1775<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2004<\/td>\n    <td style=\"text-align: right\">35<\/td>\n    <td style=\"text-align: right\">145<\/td>\n    <td style=\"text-align: right\">70<\/td>\n    <td style=\"text-align: right\">2298<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2004<\/td>\n    <td style=\"text-align: right\">50<\/td>\n    <td style=\"text-align: right\">186<\/td>\n    <td style=\"text-align: right\">191<\/td>\n    <td style=\"text-align: right\">3652<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2004<\/td>\n    <td style=\"text-align: right\">53<\/td>\n    <td style=\"text-align: right\">4288<\/td>\n    <td style=\"text-align: right\">92<\/td>\n    <td style=\"text-align: right\">3435<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2004<\/td>\n    <td style=\"text-align: right\">47<\/td>\n    <td style=\"text-align: right\">142<\/td>\n    <td style=\"text-align: right\">126<\/td>\n    <td style=\"text-align: right\">2825<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2004<\/td>\n    <td style=\"text-align: right\">40<\/td>\n    <td style=\"text-align: right\">109<\/td>\n    <td style=\"text-align: right\">53<\/td>\n    <td style=\"text-align: right\">1634<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2004<\/td>\n    <td style=\"text-align: right\">36<\/td>\n    <td style=\"text-align: right\">161<\/td>\n    <td style=\"text-align: right\">73<\/td>\n    <td style=\"text-align: right\">2392<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2004<\/td>\n    <td style=\"text-align: right\">52<\/td>\n    <td style=\"text-align: right\">244<\/td>\n    <td style=\"text-align: right\">60<\/td>\n    <td style=\"text-align: right\">4383<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2004<\/td>\n    <td style=\"text-align: right\">35<\/td>\n    <td style=\"text-align: right\">166<\/td>\n    <td style=\"text-align: right\">71<\/td>\n    <td style=\"text-align: right\">2422<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2004<\/td>\n    <td style=\"text-align: right\">33<\/td>\n    <td style=\"text-align: right\">145<\/td>\n    <td style=\"text-align: right\">53<\/td>\n    <td style=\"text-align: right\">3069<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2004<\/td>\n    <td style=\"text-align: right\">35<\/td>\n    <td style=\"text-align: right\">165<\/td>\n    <td style=\"text-align: right\">114<\/td>\n    <td style=\"text-align: right\">4537<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2004<\/td>\n    <td style=\"text-align: right\">41<\/td>\n    <td style=\"text-align: right\">228<\/td>\n    <td style=\"text-align: right\">126<\/td>\n    <td style=\"text-align: right\">3104<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2004<\/td>\n    <td style=\"text-align: right\">48<\/td>\n    <td style=\"text-align: right\">191<\/td>\n    <td style=\"text-align: right\">96<\/td>\n    <td style=\"text-align: right\">5756<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2005<\/td>\n    <td style=\"text-align: right\">35<\/td>\n    <td style=\"text-align: right\">153<\/td>\n    <td style=\"text-align: right\">98<\/td>\n    <td style=\"text-align: right\">3626<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2005<\/td>\n    <td style=\"text-align: right\">24<\/td>\n    <td style=\"text-align: right\">129<\/td>\n    <td style=\"text-align: right\">83<\/td>\n    <td style=\"text-align: right\">2409<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2005<\/td>\n    <td style=\"text-align: right\">31<\/td>\n    <td style=\"text-align: right\">164<\/td>\n    <td style=\"text-align: right\">85<\/td>\n    <td style=\"text-align: right\">2608<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2005<\/td>\n    <td style=\"text-align: right\">44<\/td>\n    <td style=\"text-align: right\">319<\/td>\n    <td style=\"text-align: right\">118<\/td>\n    <td style=\"text-align: right\">3078<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2005<\/td>\n    <td style=\"text-align: right\">36<\/td>\n    <td style=\"text-align: right\">161<\/td>\n    <td style=\"text-align: right\">121<\/td>\n    <td style=\"text-align: right\">3616<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2005<\/td>\n    <td style=\"text-align: right\">48<\/td>\n    <td style=\"text-align: right\">224<\/td>\n    <td style=\"text-align: right\">97<\/td>\n    <td style=\"text-align: right\">4873<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2005<\/td>\n    <td style=\"text-align: right\">35<\/td>\n    <td style=\"text-align: right\">1230<\/td>\n    <td style=\"text-align: right\">78<\/td>\n    <td style=\"text-align: right\">5328<\/td>\n    <td style=\"text-align: right\">2<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2005<\/td>\n    <td style=\"text-align: right\">19<\/td>\n    <td style=\"text-align: right\">111<\/td>\n    <td style=\"text-align: right\">47<\/td>\n    <td style=\"text-align: right\">1505<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2005<\/td>\n    <td style=\"text-align: right\">22<\/td>\n    <td style=\"text-align: right\">100<\/td>\n    <td style=\"text-align: right\">38<\/td>\n    <td style=\"text-align: right\">2625<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2005<\/td>\n    <td style=\"text-align: right\">34<\/td>\n    <td style=\"text-align: right\">109<\/td>\n    <td style=\"text-align: right\">77<\/td>\n    <td style=\"text-align: right\">3898<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2005<\/td>\n    <td style=\"text-align: right\">21<\/td>\n    <td style=\"text-align: right\">740<\/td>\n    <td style=\"text-align: right\">93<\/td>\n    <td style=\"text-align: right\">3111<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2005<\/td>\n    <td style=\"text-align: right\">26<\/td>\n    <td style=\"text-align: right\">537<\/td>\n    <td style=\"text-align: right\">60<\/td>\n    <td style=\"text-align: right\">3514<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2006<\/td>\n    <td style=\"text-align: right\">13<\/td>\n    <td style=\"text-align: right\">76<\/td>\n    <td style=\"text-align: right\">15<\/td>\n    <td style=\"text-align: right\">557<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2006<\/td>\n    <td style=\"text-align: right\">33<\/td>\n    <td style=\"text-align: right\">2551<\/td>\n    <td style=\"text-align: right\">108<\/td>\n    <td style=\"text-align: right\">6371<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2006<\/td>\n    <td style=\"text-align: right\">30<\/td>\n    <td style=\"text-align: right\">556<\/td>\n    <td style=\"text-align: right\">132<\/td>\n    <td style=\"text-align: right\">4481<\/td>\n    <td style=\"text-align: right\">4<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2006<\/td>\n    <td style=\"text-align: right\">20<\/td>\n    <td style=\"text-align: right\">235<\/td>\n    <td style=\"text-align: right\">64<\/td>\n    <td style=\"text-align: right\">4081<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2006<\/td>\n    <td style=\"text-align: right\">21<\/td>\n    <td style=\"text-align: right\">207<\/td>\n    <td style=\"text-align: right\">75<\/td>\n    <td style=\"text-align: right\">2904<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2006<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">100929<\/td>\n    <td style=\"text-align: right\">121<\/td>\n    <td style=\"text-align: right\">2382<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2006<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">4067<\/td>\n    <td style=\"text-align: right\">167<\/td>\n    <td style=\"text-align: right\">2214<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2006<\/td>\n    <td style=\"text-align: right\">10<\/td>\n    <td style=\"text-align: right\">177<\/td>\n    <td style=\"text-align: right\">79<\/td>\n    <td style=\"text-align: right\">464<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2006<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">571<\/td>\n    <td style=\"text-align: right\">127<\/td>\n    <td style=\"text-align: right\">1816<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2006<\/td>\n    <td style=\"text-align: right\">23<\/td>\n    <td style=\"text-align: right\">6795<\/td>\n    <td style=\"text-align: right\">219<\/td>\n    <td style=\"text-align: right\">5953<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2006<\/td>\n    <td style=\"text-align: right\">13<\/td>\n    <td style=\"text-align: right\">3033<\/td>\n    <td style=\"text-align: right\">95<\/td>\n    <td style=\"text-align: right\">3287<\/td>\n    <td style=\"text-align: right\">2<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2006<\/td>\n    <td style=\"text-align: right\">25<\/td>\n    <td style=\"text-align: right\">147<\/td>\n    <td style=\"text-align: right\">149<\/td>\n    <td style=\"text-align: right\">3680<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2007<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">974<\/td>\n    <td style=\"text-align: right\">129<\/td>\n    <td style=\"text-align: right\">1936<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2007<\/td>\n    <td style=\"text-align: right\">8<\/td>\n    <td style=\"text-align: right\">158<\/td>\n    <td style=\"text-align: right\">139<\/td>\n    <td style=\"text-align: right\">1141<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2007<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">724<\/td>\n    <td style=\"text-align: right\">146<\/td>\n    <td style=\"text-align: right\">3958<\/td>\n    <td style=\"text-align: right\">2<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2007<\/td>\n    <td style=\"text-align: right\">24<\/td>\n    <td style=\"text-align: right\">443<\/td>\n    <td style=\"text-align: right\">140<\/td>\n    <td style=\"text-align: right\">3059<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2007<\/td>\n    <td style=\"text-align: right\">19<\/td>\n    <td style=\"text-align: right\">409<\/td>\n    <td style=\"text-align: right\">164<\/td>\n    <td style=\"text-align: right\">2249<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2007<\/td>\n    <td style=\"text-align: right\">21<\/td>\n    <td style=\"text-align: right\">1288<\/td>\n    <td style=\"text-align: right\">161<\/td>\n    <td style=\"text-align: right\">3225<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2007<\/td>\n    <td style=\"text-align: right\">29<\/td>\n    <td style=\"text-align: right\">623<\/td>\n    <td style=\"text-align: right\">263<\/td>\n    <td style=\"text-align: right\">3955<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2007<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">177<\/td>\n    <td style=\"text-align: right\">69<\/td>\n    <td style=\"text-align: right\">2489<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2007<\/td>\n    <td style=\"text-align: right\">29<\/td>\n    <td style=\"text-align: right\">274<\/td>\n    <td style=\"text-align: right\">192<\/td>\n    <td style=\"text-align: right\">3209<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2007<\/td>\n    <td style=\"text-align: right\">36<\/td>\n    <td style=\"text-align: right\">324<\/td>\n    <td style=\"text-align: right\">505<\/td>\n    <td style=\"text-align: right\">3418<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2007<\/td>\n    <td style=\"text-align: right\">23<\/td>\n    <td style=\"text-align: right\">556<\/td>\n    <td style=\"text-align: right\">216<\/td>\n    <td style=\"text-align: right\">2008<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2007<\/td>\n    <td style=\"text-align: right\">29<\/td>\n    <td style=\"text-align: right\">223<\/td>\n    <td style=\"text-align: right\">231<\/td>\n    <td style=\"text-align: right\">2761<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2008<\/td>\n    <td style=\"text-align: right\">18<\/td>\n    <td style=\"text-align: right\">408<\/td>\n    <td style=\"text-align: right\">251<\/td>\n    <td style=\"text-align: right\">3553<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2008<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">188<\/td>\n    <td style=\"text-align: right\">146<\/td>\n    <td style=\"text-align: right\">1818<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2008<\/td>\n    <td style=\"text-align: right\">9<\/td>\n    <td style=\"text-align: right\">89<\/td>\n    <td style=\"text-align: right\">78<\/td>\n    <td style=\"text-align: right\">1541<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2008<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">363<\/td>\n    <td style=\"text-align: right\">243<\/td>\n    <td style=\"text-align: right\">2997<\/td>\n    <td style=\"text-align: right\">6<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2008<\/td>\n    <td style=\"text-align: right\">26<\/td>\n    <td style=\"text-align: right\">1900<\/td>\n    <td style=\"text-align: right\">292<\/td>\n    <td style=\"text-align: right\">4344<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2008<\/td>\n    <td style=\"text-align: right\">23<\/td>\n    <td style=\"text-align: right\">424<\/td>\n    <td style=\"text-align: right\">230<\/td>\n    <td style=\"text-align: right\">2228<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2008<\/td>\n    <td style=\"text-align: right\">16<\/td>\n    <td style=\"text-align: right\">556<\/td>\n    <td style=\"text-align: right\">161<\/td>\n    <td style=\"text-align: right\">1531<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2008<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">240<\/td>\n    <td style=\"text-align: right\">206<\/td>\n    <td style=\"text-align: right\">2637<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2008<\/td>\n    <td style=\"text-align: right\">19<\/td>\n    <td style=\"text-align: right\">689<\/td>\n    <td style=\"text-align: right\">266<\/td>\n    <td style=\"text-align: right\">3269<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2008<\/td>\n    <td style=\"text-align: right\">15<\/td>\n    <td style=\"text-align: right\">514<\/td>\n    <td style=\"text-align: right\">259<\/td>\n    <td style=\"text-align: right\">1588<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2008<\/td>\n    <td style=\"text-align: right\">16<\/td>\n    <td style=\"text-align: right\">3489<\/td>\n    <td style=\"text-align: right\">193<\/td>\n    <td style=\"text-align: right\">1938<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2008<\/td>\n    <td style=\"text-align: right\">20<\/td>\n    <td style=\"text-align: right\">1120<\/td>\n    <td style=\"text-align: right\">351<\/td>\n    <td style=\"text-align: right\">2921<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2009<\/td>\n    <td style=\"text-align: right\">31<\/td>\n    <td style=\"text-align: right\">1388<\/td>\n    <td style=\"text-align: right\">536<\/td>\n    <td style=\"text-align: right\">3654<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2009<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">388<\/td>\n    <td style=\"text-align: right\">287<\/td>\n    <td style=\"text-align: right\">1129<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2009<\/td>\n    <td style=\"text-align: right\">26<\/td>\n    <td style=\"text-align: right\">3290<\/td>\n    <td style=\"text-align: right\">620<\/td>\n    <td style=\"text-align: right\">4280<\/td>\n    <td style=\"text-align: right\">4<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2009<\/td>\n    <td style=\"text-align: right\">20<\/td>\n    <td style=\"text-align: right\">389<\/td>\n    <td style=\"text-align: right\">670<\/td>\n    <td style=\"text-align: right\">2638<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2009<\/td>\n    <td style=\"text-align: right\">26<\/td>\n    <td style=\"text-align: right\">1297<\/td>\n    <td style=\"text-align: right\">525<\/td>\n    <td style=\"text-align: right\">5484<\/td>\n    <td style=\"text-align: right\">12<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2009<\/td>\n    <td style=\"text-align: right\">26<\/td>\n    <td style=\"text-align: right\">5159<\/td>\n    <td style=\"text-align: right\">438<\/td>\n    <td style=\"text-align: right\">4446<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2009<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">5617<\/td>\n    <td style=\"text-align: right\">313<\/td>\n    <td style=\"text-align: right\">1998<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2009<\/td>\n    <td style=\"text-align: right\">12<\/td>\n    <td style=\"text-align: right\">392<\/td>\n    <td style=\"text-align: right\">198<\/td>\n    <td style=\"text-align: right\">1122<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2009<\/td>\n    <td style=\"text-align: right\">13<\/td>\n    <td style=\"text-align: right\">8576<\/td>\n    <td style=\"text-align: right\">194<\/td>\n    <td style=\"text-align: right\">1914<\/td>\n    <td style=\"text-align: right\">2<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2009<\/td>\n    <td style=\"text-align: right\">10<\/td>\n    <td style=\"text-align: right\">123<\/td>\n    <td style=\"text-align: right\">125<\/td>\n    <td style=\"text-align: right\">1293<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2009<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">776<\/td>\n    <td style=\"text-align: right\">496<\/td>\n    <td style=\"text-align: right\">3564<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2009<\/td>\n    <td style=\"text-align: right\">13<\/td>\n    <td style=\"text-align: right\">351<\/td>\n    <td style=\"text-align: right\">215<\/td>\n    <td style=\"text-align: right\">2688<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2010<\/td>\n    <td style=\"text-align: right\">12<\/td>\n    <td style=\"text-align: right\">167<\/td>\n    <td style=\"text-align: right\">283<\/td>\n    <td style=\"text-align: right\">2397<\/td>\n    <td style=\"text-align: right\">2<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2010<\/td>\n    <td style=\"text-align: right\">15<\/td>\n    <td style=\"text-align: right\">415<\/td>\n    <td style=\"text-align: right\">184<\/td>\n    <td style=\"text-align: right\">2356<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2010<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">1908<\/td>\n    <td style=\"text-align: right\">287<\/td>\n    <td style=\"text-align: right\">3462<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2010<\/td>\n    <td style=\"text-align: right\">13<\/td>\n    <td style=\"text-align: right\">668<\/td>\n    <td style=\"text-align: right\">331<\/td>\n    <td style=\"text-align: right\">2890<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2010<\/td>\n    <td style=\"text-align: right\">9<\/td>\n    <td style=\"text-align: right\">205<\/td>\n    <td style=\"text-align: right\">224<\/td>\n    <td style=\"text-align: right\">1513<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2010<\/td>\n    <td style=\"text-align: right\">9<\/td>\n    <td style=\"text-align: right\">82<\/td>\n    <td style=\"text-align: right\">278<\/td>\n    <td style=\"text-align: right\">1993<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2010<\/td>\n    <td style=\"text-align: right\">10<\/td>\n    <td style=\"text-align: right\">238<\/td>\n    <td style=\"text-align: right\">194<\/td>\n    <td style=\"text-align: right\">1288<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2010<\/td>\n    <td style=\"text-align: right\">7<\/td>\n    <td style=\"text-align: right\">406<\/td>\n    <td style=\"text-align: right\">80<\/td>\n    <td style=\"text-align: right\">520<\/td>\n    <td style=\"text-align: right\">0<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2010<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">1521<\/td>\n    <td style=\"text-align: right\">303<\/td>\n    <td style=\"text-align: right\">3131<\/td>\n    <td style=\"text-align: right\">9<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2010<\/td>\n    <td style=\"text-align: right\">8<\/td>\n    <td style=\"text-align: right\">164<\/td>\n    <td style=\"text-align: right\">100<\/td>\n    <td style=\"text-align: right\">1642<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2010<\/td>\n    <td style=\"text-align: right\">11<\/td>\n    <td style=\"text-align: right\">10248<\/td>\n    <td style=\"text-align: right\">205<\/td>\n    <td style=\"text-align: right\">1624<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2010<\/td>\n    <td style=\"text-align: right\">23<\/td>\n    <td style=\"text-align: right\">521<\/td>\n    <td style=\"text-align: right\">380<\/td>\n    <td style=\"text-align: right\">3511<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2011<\/td>\n    <td style=\"text-align: right\">11<\/td>\n    <td style=\"text-align: right\">149<\/td>\n    <td style=\"text-align: right\">86<\/td>\n    <td style=\"text-align: right\">2154<\/td>\n    <td style=\"text-align: right\">4<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2011<\/td>\n    <td style=\"text-align: right\">5<\/td>\n    <td style=\"text-align: right\">72<\/td>\n    <td style=\"text-align: right\">107<\/td>\n    <td style=\"text-align: right\">682<\/td>\n    <td style=\"text-align: right\">1<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2011<\/td>\n    <td style=\"text-align: right\">13<\/td>\n    <td style=\"text-align: right\">190<\/td>\n    <td style=\"text-align: right\">334<\/td>\n    <td style=\"text-align: right\">3840<\/td>\n    <td style=\"text-align: right\">11<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2011<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">421<\/td>\n    <td style=\"text-align: right\">265<\/td>\n    <td style=\"text-align: right\">2200<\/td>\n    <td style=\"text-align: right\">13<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2011<\/td>\n    <td style=\"text-align: right\">9<\/td>\n    <td style=\"text-align: right\">2093<\/td>\n    <td style=\"text-align: right\">171<\/td>\n    <td style=\"text-align: right\">1133<\/td>\n    <td style=\"text-align: right\">7<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2011<\/td>\n    <td style=\"text-align: right\">20<\/td>\n    <td style=\"text-align: right\">1506<\/td>\n    <td style=\"text-align: right\">504<\/td>\n    <td style=\"text-align: right\">3433<\/td>\n    <td style=\"text-align: right\">20<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2011<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">307<\/td>\n    <td style=\"text-align: right\">478<\/td>\n    <td style=\"text-align: right\">1848<\/td>\n    <td style=\"text-align: right\">6<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2011<\/td>\n    <td style=\"text-align: right\">11<\/td>\n    <td style=\"text-align: right\">721<\/td>\n    <td style=\"text-align: right\">199<\/td>\n    <td style=\"text-align: right\">2120<\/td>\n    <td style=\"text-align: right\">7<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2011<\/td>\n    <td style=\"text-align: right\">7<\/td>\n    <td style=\"text-align: right\">7187<\/td>\n    <td style=\"text-align: right\">205<\/td>\n    <td style=\"text-align: right\">1057<\/td>\n    <td style=\"text-align: right\">3<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2011<\/td>\n    <td style=\"text-align: right\">10<\/td>\n    <td style=\"text-align: right\">327<\/td>\n    <td style=\"text-align: right\">254<\/td>\n    <td style=\"text-align: right\">2400<\/td>\n    <td style=\"text-align: right\">9<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2011<\/td>\n    <td style=\"text-align: right\">13<\/td>\n    <td style=\"text-align: right\">578<\/td>\n    <td style=\"text-align: right\">315<\/td>\n    <td style=\"text-align: right\">2628<\/td>\n    <td style=\"text-align: right\">8<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2011<\/td>\n    <td style=\"text-align: right\">15<\/td>\n    <td style=\"text-align: right\">422<\/td>\n    <td style=\"text-align: right\">275<\/td>\n    <td style=\"text-align: right\">2596<\/td>\n    <td style=\"text-align: right\">7<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2012<\/td>\n    <td style=\"text-align: right\">28<\/td>\n    <td style=\"text-align: right\">1570<\/td>\n    <td style=\"text-align: right\">10<\/td>\n    <td style=\"text-align: right\">5047<\/td>\n    <td style=\"text-align: right\">18<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2012<\/td>\n    <td style=\"text-align: right\">19<\/td>\n    <td style=\"text-align: right\">293<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">3213<\/td>\n    <td style=\"text-align: right\">5<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2012<\/td>\n    <td style=\"text-align: right\">19<\/td>\n    <td style=\"text-align: right\">223<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2462<\/td>\n    <td style=\"text-align: right\">7<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2012<\/td>\n    <td style=\"text-align: right\">22<\/td>\n    <td style=\"text-align: right\">1038<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">3650<\/td>\n    <td style=\"text-align: right\">16<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2012<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">176<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2074<\/td>\n    <td style=\"text-align: right\">10<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2012<\/td>\n    <td style=\"text-align: right\">21<\/td>\n    <td style=\"text-align: right\">363<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">4097<\/td>\n    <td style=\"text-align: right\">12<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2012<\/td>\n    <td style=\"text-align: right\">31<\/td>\n    <td style=\"text-align: right\">2186<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">7858<\/td>\n    <td style=\"text-align: right\">14<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2012<\/td>\n    <td style=\"text-align: right\">20<\/td>\n    <td style=\"text-align: right\">583<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">4319<\/td>\n    <td style=\"text-align: right\">7<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2012<\/td>\n    <td style=\"text-align: right\">22<\/td>\n    <td style=\"text-align: right\">1606<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">3113<\/td>\n    <td style=\"text-align: right\">16<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2012<\/td>\n    <td style=\"text-align: right\">11<\/td>\n    <td style=\"text-align: right\">775<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">1618<\/td>\n    <td style=\"text-align: right\">4<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2012<\/td>\n    <td style=\"text-align: right\">19<\/td>\n    <td style=\"text-align: right\">280<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">3567<\/td>\n    <td style=\"text-align: right\">5<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2012<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">17675<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2716<\/td>\n    <td style=\"text-align: right\">8<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2013<\/td>\n    <td style=\"text-align: right\">33<\/td>\n    <td style=\"text-align: right\">5118<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">8200<\/td>\n    <td style=\"text-align: right\">93<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2013<\/td>\n    <td style=\"text-align: right\">21<\/td>\n    <td style=\"text-align: right\">1871<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">4977<\/td>\n    <td style=\"text-align: right\">24<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2013<\/td>\n    <td style=\"text-align: right\">22<\/td>\n    <td style=\"text-align: right\">1615<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">4647<\/td>\n    <td style=\"text-align: right\">31<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2013<\/td>\n    <td style=\"text-align: right\">22<\/td>\n    <td style=\"text-align: right\">1143<\/td>\n    <td style=\"text-align: right\">38<\/td>\n    <td style=\"text-align: right\">5459<\/td>\n    <td style=\"text-align: right\">17<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2013<\/td>\n    <td style=\"text-align: right\">27<\/td>\n    <td style=\"text-align: right\">39922<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">3650<\/td>\n    <td style=\"text-align: right\">20<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2013<\/td>\n    <td style=\"text-align: right\">20<\/td>\n    <td style=\"text-align: right\">574<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">3832<\/td>\n    <td style=\"text-align: right\">8<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2013<\/td>\n    <td style=\"text-align: right\">23<\/td>\n    <td style=\"text-align: right\">803<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">4691<\/td>\n    <td style=\"text-align: right\">36<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2013<\/td>\n    <td style=\"text-align: right\">28<\/td>\n    <td style=\"text-align: right\">1318<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">4197<\/td>\n    <td style=\"text-align: right\">29<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2013<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">776<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2072<\/td>\n    <td style=\"text-align: right\">14<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2013<\/td>\n    <td style=\"text-align: right\">24<\/td>\n    <td style=\"text-align: right\">782<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2059<\/td>\n    <td style=\"text-align: right\">17<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2013<\/td>\n    <td style=\"text-align: right\">22<\/td>\n    <td style=\"text-align: right\">430<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2772<\/td>\n    <td style=\"text-align: right\">18<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2013<\/td>\n    <td style=\"text-align: right\">21<\/td>\n    <td style=\"text-align: right\">1021<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">3319<\/td>\n    <td style=\"text-align: right\">35<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2014<\/td>\n    <td style=\"text-align: right\">18<\/td>\n    <td style=\"text-align: right\">565<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2051<\/td>\n    <td style=\"text-align: right\">11<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2014<\/td>\n    <td style=\"text-align: right\">19<\/td>\n    <td style=\"text-align: right\">302<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2570<\/td>\n    <td style=\"text-align: right\">18<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2014<\/td>\n    <td style=\"text-align: right\">22<\/td>\n    <td style=\"text-align: right\">584<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">3855<\/td>\n    <td style=\"text-align: right\">24<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2014<\/td>\n    <td style=\"text-align: right\">36<\/td>\n    <td style=\"text-align: right\">2378<\/td>\n    <td style=\"text-align: right\">84<\/td>\n    <td style=\"text-align: right\">4540<\/td>\n    <td style=\"text-align: right\">38<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2014<\/td>\n    <td style=\"text-align: right\">34<\/td>\n    <td style=\"text-align: right\">2384<\/td>\n    <td style=\"text-align: right\">171<\/td>\n    <td style=\"text-align: right\">9358<\/td>\n    <td style=\"text-align: right\">23<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2014<\/td>\n    <td style=\"text-align: right\">13<\/td>\n    <td style=\"text-align: right\">705<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">3954<\/td>\n    <td style=\"text-align: right\">24<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2014<\/td>\n    <td style=\"text-align: right\">32<\/td>\n    <td style=\"text-align: right\">3755<\/td>\n    <td style=\"text-align: right\">61<\/td>\n    <td style=\"text-align: right\">8213<\/td>\n    <td style=\"text-align: right\">29<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2014<\/td>\n    <td style=\"text-align: right\">25<\/td>\n    <td style=\"text-align: right\">1516<\/td>\n    <td style=\"text-align: right\">23<\/td>\n    <td style=\"text-align: right\">7385<\/td>\n    <td style=\"text-align: right\">11<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2014<\/td>\n    <td style=\"text-align: right\">20<\/td>\n    <td style=\"text-align: right\">738<\/td>\n    <td style=\"text-align: right\">3<\/td>\n    <td style=\"text-align: right\">6678<\/td>\n    <td style=\"text-align: right\">22<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2014<\/td>\n    <td style=\"text-align: right\">21<\/td>\n    <td style=\"text-align: right\">11631<\/td>\n    <td style=\"text-align: right\">194<\/td>\n    <td style=\"text-align: right\">5641<\/td>\n    <td style=\"text-align: right\">25<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2014<\/td>\n    <td style=\"text-align: right\">28<\/td>\n    <td style=\"text-align: right\">1579<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">4829<\/td>\n    <td style=\"text-align: right\">63<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2014<\/td>\n    <td style=\"text-align: right\">19<\/td>\n    <td style=\"text-align: right\">15125<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">4603<\/td>\n    <td style=\"text-align: right\">34<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2015<\/td>\n    <td style=\"text-align: right\">24<\/td>\n    <td style=\"text-align: right\">1910<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">7403<\/td>\n    <td style=\"text-align: right\">32<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2015<\/td>\n    <td style=\"text-align: right\">18<\/td>\n    <td style=\"text-align: right\">538<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2407<\/td>\n    <td style=\"text-align: right\">38<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2015<\/td>\n    <td style=\"text-align: right\">22<\/td>\n    <td style=\"text-align: right\">3789<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">6212<\/td>\n    <td style=\"text-align: right\">54<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2015<\/td>\n    <td style=\"text-align: right\">10<\/td>\n    <td style=\"text-align: right\">1662<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2320<\/td>\n    <td style=\"text-align: right\">18<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2015<\/td>\n    <td style=\"text-align: right\">15<\/td>\n    <td style=\"text-align: right\">2048<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">5604<\/td>\n    <td style=\"text-align: right\">8<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2015<\/td>\n    <td style=\"text-align: right\">16<\/td>\n    <td style=\"text-align: right\">859<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">4677<\/td>\n    <td style=\"text-align: right\">18<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2015<\/td>\n    <td style=\"text-align: right\">26<\/td>\n    <td style=\"text-align: right\">1431<\/td>\n    <td style=\"text-align: right\">12<\/td>\n    <td style=\"text-align: right\">3583<\/td>\n    <td style=\"text-align: right\">29<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2015<\/td>\n    <td style=\"text-align: right\">13<\/td>\n    <td style=\"text-align: right\">419<\/td>\n    <td style=\"text-align: right\">42<\/td>\n    <td style=\"text-align: right\">2176<\/td>\n    <td style=\"text-align: right\">6<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2015<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">394<\/td>\n    <td style=\"text-align: right\">12<\/td>\n    <td style=\"text-align: right\">3245<\/td>\n    <td style=\"text-align: right\">11<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2015<\/td>\n    <td style=\"text-align: right\">20<\/td>\n    <td style=\"text-align: right\">16615<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">3342<\/td>\n    <td style=\"text-align: right\">36<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2015<\/td>\n    <td style=\"text-align: right\">9<\/td>\n    <td style=\"text-align: right\">166<\/td>\n    <td style=\"text-align: right\">3<\/td>\n    <td style=\"text-align: right\">1649<\/td>\n    <td style=\"text-align: right\">14<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2015<\/td>\n    <td style=\"text-align: right\">9<\/td>\n    <td style=\"text-align: right\">1599<\/td>\n    <td style=\"text-align: right\">10<\/td>\n    <td style=\"text-align: right\">2050<\/td>\n    <td style=\"text-align: right\">24<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2016<\/td>\n    <td style=\"text-align: right\">13<\/td>\n    <td style=\"text-align: right\">567<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2316<\/td>\n    <td style=\"text-align: right\">13<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2016<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">258<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">1468<\/td>\n    <td style=\"text-align: right\">29<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2016<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">617<\/td>\n    <td style=\"text-align: right\">2<\/td>\n    <td style=\"text-align: right\">1809<\/td>\n    <td style=\"text-align: right\">13<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2016<\/td>\n    <td style=\"text-align: right\">15<\/td>\n    <td style=\"text-align: right\">1829<\/td>\n    <td style=\"text-align: right\">23<\/td>\n    <td style=\"text-align: right\">2554<\/td>\n    <td style=\"text-align: right\">15<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2016<\/td>\n    <td style=\"text-align: right\">18<\/td>\n    <td style=\"text-align: right\">1938<\/td>\n    <td style=\"text-align: right\">58<\/td>\n    <td style=\"text-align: right\">3587<\/td>\n    <td style=\"text-align: right\">22<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2016<\/td>\n    <td style=\"text-align: right\">34<\/td>\n    <td style=\"text-align: right\">4222<\/td>\n    <td style=\"text-align: right\">30<\/td>\n    <td style=\"text-align: right\">3934<\/td>\n    <td style=\"text-align: right\">53<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2016<\/td>\n    <td style=\"text-align: right\">24<\/td>\n    <td style=\"text-align: right\">1346<\/td>\n    <td style=\"text-align: right\">38<\/td>\n    <td style=\"text-align: right\">4563<\/td>\n    <td style=\"text-align: right\">47<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2016<\/td>\n    <td style=\"text-align: right\">35<\/td>\n    <td style=\"text-align: right\">5046<\/td>\n    <td style=\"text-align: right\">46<\/td>\n    <td style=\"text-align: right\">7910<\/td>\n    <td style=\"text-align: right\">47<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2016<\/td>\n    <td style=\"text-align: right\">27<\/td>\n    <td style=\"text-align: right\">7902<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">6572<\/td>\n    <td style=\"text-align: right\">20<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2016<\/td>\n    <td style=\"text-align: right\">31<\/td>\n    <td style=\"text-align: right\">1030<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">9778<\/td>\n    <td style=\"text-align: right\">34<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2016<\/td>\n    <td style=\"text-align: right\">27<\/td>\n    <td style=\"text-align: right\">2132<\/td>\n    <td style=\"text-align: right\">90<\/td>\n    <td style=\"text-align: right\">7482<\/td>\n    <td style=\"text-align: right\">25<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2016<\/td>\n    <td style=\"text-align: right\">16<\/td>\n    <td style=\"text-align: right\">3035<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2115<\/td>\n    <td style=\"text-align: right\">54<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2017<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">270<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">1743<\/td>\n    <td style=\"text-align: right\">23<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2017<\/td>\n    <td style=\"text-align: right\">20<\/td>\n    <td style=\"text-align: right\">8696<\/td>\n    <td style=\"text-align: right\">2<\/td>\n    <td style=\"text-align: right\">3665<\/td>\n    <td style=\"text-align: right\">82<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2017<\/td>\n    <td style=\"text-align: right\">35<\/td>\n    <td style=\"text-align: right\">2990<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">6382<\/td>\n    <td style=\"text-align: right\">124<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2017<\/td>\n    <td style=\"text-align: right\">30<\/td>\n    <td style=\"text-align: right\">2590<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">6694<\/td>\n    <td style=\"text-align: right\">81<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2017<\/td>\n    <td style=\"text-align: right\">18<\/td>\n    <td style=\"text-align: right\">510<\/td>\n    <td style=\"text-align: right\">15<\/td>\n    <td style=\"text-align: right\">3540<\/td>\n    <td style=\"text-align: right\">32<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2017<\/td>\n    <td style=\"text-align: right\">31<\/td>\n    <td style=\"text-align: right\">3626<\/td>\n    <td style=\"text-align: right\">29<\/td>\n    <td style=\"text-align: right\">5254<\/td>\n    <td style=\"text-align: right\">63<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2017<\/td>\n    <td style=\"text-align: right\">38<\/td>\n    <td style=\"text-align: right\">8088<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">6298<\/td>\n    <td style=\"text-align: right\">119<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2017<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">615<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">2208<\/td>\n    <td style=\"text-align: right\">12<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2017<\/td>\n    <td style=\"text-align: right\">28<\/td>\n    <td style=\"text-align: right\">1213<\/td>\n    <td style=\"text-align: right\">0<\/td>\n    <td style=\"text-align: right\">4891<\/td>\n    <td style=\"text-align: right\">74<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2017<\/td>\n    <td style=\"text-align: right\">35<\/td>\n    <td style=\"text-align: right\">1134<\/td>\n    <td style=\"text-align: right\">58<\/td>\n    <td style=\"text-align: right\">7335<\/td>\n    <td style=\"text-align: right\">46<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2017<\/td>\n    <td style=\"text-align: right\">40<\/td>\n    <td style=\"text-align: right\">2645<\/td>\n    <td style=\"text-align: right\">238<\/td>\n    <td style=\"text-align: right\">8193<\/td>\n    <td style=\"text-align: right\">181<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2017<\/td>\n    <td style=\"text-align: right\">30<\/td>\n    <td style=\"text-align: right\">4128<\/td>\n    <td style=\"text-align: right\">56<\/td>\n    <td style=\"text-align: right\">6937<\/td>\n    <td style=\"text-align: right\">149<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2018<\/td>\n    <td style=\"text-align: right\">38<\/td>\n    <td style=\"text-align: right\">13306<\/td>\n    <td style=\"text-align: right\">57<\/td>\n    <td style=\"text-align: right\">8227<\/td>\n    <td style=\"text-align: right\">157<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2018<\/td>\n    <td style=\"text-align: right\">32<\/td>\n    <td style=\"text-align: right\">34087<\/td>\n    <td style=\"text-align: right\">88<\/td>\n    <td style=\"text-align: right\">7572<\/td>\n    <td style=\"text-align: right\">148<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2018<\/td>\n    <td style=\"text-align: right\">24<\/td>\n    <td style=\"text-align: right\">21024<\/td>\n    <td style=\"text-align: right\">39<\/td>\n    <td style=\"text-align: right\">5396<\/td>\n    <td style=\"text-align: right\">85<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2018<\/td>\n    <td style=\"text-align: right\">17<\/td>\n    <td style=\"text-align: right\">20126<\/td>\n    <td style=\"text-align: right\">40<\/td>\n    <td style=\"text-align: right\">3524<\/td>\n    <td style=\"text-align: right\">21<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2018<\/td>\n    <td style=\"text-align: right\">24<\/td>\n    <td style=\"text-align: right\">28075<\/td>\n    <td style=\"text-align: right\">61<\/td>\n    <td style=\"text-align: right\">3184<\/td>\n    <td style=\"text-align: right\">34<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2018<\/td>\n    <td style=\"text-align: right\">15<\/td>\n    <td style=\"text-align: right\">16791<\/td>\n    <td style=\"text-align: right\">46<\/td>\n    <td style=\"text-align: right\">3101<\/td>\n    <td style=\"text-align: right\">39<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2018<\/td>\n    <td style=\"text-align: right\">25<\/td>\n    <td style=\"text-align: right\">32348<\/td>\n    <td style=\"text-align: right\">103<\/td>\n    <td style=\"text-align: right\">5438<\/td>\n    <td style=\"text-align: right\">118<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2018<\/td>\n    <td style=\"text-align: right\">25<\/td>\n    <td style=\"text-align: right\">24987<\/td>\n    <td style=\"text-align: right\">41<\/td>\n    <td style=\"text-align: right\">4887<\/td>\n    <td style=\"text-align: right\">94<\/td>\n  <\/tr>\n  <tr>\n    <td>Sep 2018<\/td>\n    <td style=\"text-align: right\">25<\/td>\n    <td style=\"text-align: right\">37198<\/td>\n    <td style=\"text-align: right\">77<\/td>\n    <td style=\"text-align: right\">8191<\/td>\n    <td style=\"text-align: right\">148<\/td>\n  <\/tr>\n  <tr>\n    <td>Oct 2018<\/td>\n    <td style=\"text-align: right\">24<\/td>\n    <td style=\"text-align: right\">23161<\/td>\n    <td style=\"text-align: right\">57<\/td>\n    <td style=\"text-align: right\">5828<\/td>\n    <td style=\"text-align: right\">125<\/td>\n  <\/tr>\n  <tr>\n    <td>Nov 2018<\/td>\n    <td style=\"text-align: right\">28<\/td>\n    <td style=\"text-align: right\">22689<\/td>\n    <td style=\"text-align: right\">45<\/td>\n    <td style=\"text-align: right\">6085<\/td>\n    <td style=\"text-align: right\">158<\/td>\n  <\/tr>\n  <tr>\n    <td>Dec 2018<\/td>\n    <td style=\"text-align: right\">18<\/td>\n    <td style=\"text-align: right\">21817<\/td>\n    <td style=\"text-align: right\">78<\/td>\n    <td style=\"text-align: right\">8947<\/td>\n    <td style=\"text-align: right\">84<\/td>\n  <\/tr>\n  <tr>\n    <td>Jan 2019<\/td>\n    <td style=\"text-align: right\">23<\/td>\n    <td style=\"text-align: right\">21999<\/td>\n    <td style=\"text-align: right\">51<\/td>\n    <td style=\"text-align: right\">16020<\/td>\n    <td style=\"text-align: right\">89<\/td>\n  <\/tr>\n  <tr>\n    <td>Feb 2019<\/td>\n    <td style=\"text-align: right\">9<\/td>\n    <td style=\"text-align: right\">8193<\/td>\n    <td style=\"text-align: right\">19<\/td>\n    <td style=\"text-align: right\">1192<\/td>\n    <td style=\"text-align: right\">55<\/td>\n  <\/tr>\n  <tr>\n    <td>Mar 2019<\/td>\n    <td style=\"text-align: right\">11<\/td>\n    <td style=\"text-align: right\">11814<\/td>\n    <td style=\"text-align: right\">19<\/td>\n    <td style=\"text-align: right\">1893<\/td>\n    <td style=\"text-align: right\">67<\/td>\n  <\/tr>\n  <tr>\n    <td>Apr 2019<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">11581<\/td>\n    <td style=\"text-align: right\">45<\/td>\n    <td style=\"text-align: right\">2334<\/td>\n    <td style=\"text-align: right\">39<\/td>\n  <\/tr>\n  <tr>\n    <td>May 2019<\/td>\n    <td style=\"text-align: right\">29<\/td>\n    <td style=\"text-align: right\">34495<\/td>\n    <td style=\"text-align: right\">81<\/td>\n    <td style=\"text-align: right\">12406<\/td>\n    <td style=\"text-align: right\">92<\/td>\n  <\/tr>\n  <tr>\n    <td>Jun 2019<\/td>\n    <td style=\"text-align: right\">23<\/td>\n    <td style=\"text-align: right\">27498<\/td>\n    <td style=\"text-align: right\">78<\/td>\n    <td style=\"text-align: right\">4960<\/td>\n    <td style=\"text-align: right\">84<\/td>\n  <\/tr>\n  <tr>\n    <td>Jul 2019<\/td>\n    <td style=\"text-align: right\">29<\/td>\n    <td style=\"text-align: right\">32300<\/td>\n    <td style=\"text-align: right\">79<\/td>\n    <td style=\"text-align: right\">4658<\/td>\n    <td style=\"text-align: right\">106<\/td>\n  <\/tr>\n  <tr>\n    <td>Aug 2019<\/td>\n    <td style=\"text-align: right\">14<\/td>\n    <td style=\"text-align: right\">13026<\/td>\n    <td style=\"text-align: right\">32<\/td>\n    <td style=\"text-align: right\">1231<\/td>\n    <td style=\"text-align: right\">131<\/td>\n  <\/tr>\n<\/table>\n<p>Год комментария — это не год, когда написан комментарий, а год заметки, к которой. Наверное, в 99% случаев эти годы совпадают, но всё-таки.<\/p>\n",
            "summary": "Мне написал Саша Михайлов. В качестве упражнения по программированию он проанализировал мой блог: «Вывел заметки с самым большим количеством просмотров",
            "date_published": "2019-11-05T15:45:12+02:00",
            "date_modified": "2019-11-05T15:42:07+02:00",
            "tags": [
                "инфографика",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/heatmap@2x.png",
            "_date_published_rfc2822": "Tue, 05 Nov 2019 15:45:12 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5156",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/heatmap@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/posts-len-scatter@2x.png"
                ]
            }
        },
        {
            "id": "5027",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/rss-subscription-2019\/",
            "title": "РСС, или Как подписаться на мой блог (2019)",
            "content_html": "<p class=\"historical\">Заметка устарела. Читайте <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/rss-subscription\/\">исправленную и дополненную версию<\/a><\/p>\n<p class=\"foot\">Если вы ищете прямой адрес РСС-потока моего блога, то вот он:<br \/><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/rss\/\">http:\/\/ilyabirman.ru\/meanwhile\/rss\/<\/a><\/p>\n<p>У меня появляется новая аудитория, поэтому время от времени я повторяю эту заметку.<\/p>\n<p>Многие не знают, что такое РСС (RSS) и как им пользоваться. К сожалению, РСС — немного гиковская технология, не вполне доступная нормальным людям. Но если её освоить, то становится непонятно, как ты до этого жил. В этом смысле РСС похож на торенты: там тоже есть некоторый порог входа, но польза оправдывает затраты сил на его преодоление.<\/p>\n<p>Что такое РСС? Это механизм <i>подписки<\/i> на блоги и другие сайты с регулярными обновлениями. Вместо того, чтобы самому ходить по разным сайтам и смотреть, не появилось ли там чего новенького, разумно поручить эту тупую работу машине. Пусть она ходит по всем сайтам и аккуратно собирает всё новое в одном месте. Тогда получается, что новости просто приходят к нам, а не мы охотимся за ними.<\/p>\n<p>Чтобы использовать РСС, нужна РСС-читалка. Это программа, которая знает, какие сайты вы любите, и следит за обновлениями на них. Когда сайты обновляются, свежие публикации автоматически скачиваются, и вы получаете свежий выпуск собственного «журнала», где собрано всё новое с любимых сайтов.<\/p>\n<p>Вот так примерно выглядит моя читалка:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-3.jpg\" width=\"2048\" height=\"1494\" alt=\"РСС, или как подписаться на мой блог\" \/>\n<\/div>\n<p>Здесь все непрочитанные посты со всех блогов, за которыми я слежу. Мне не приходится ходить на их сайты, открывать сто букмарок в браузере — всё в одном месте. Не нужно ждать, пока откроется страница — всё уже скачано. Я не боюсь пропустить что-то важное — всё сохранено. Что-то я прочту сразу, что-то в выходные, что-то — когда буду в следующий раз в самолёте без интернета. А что-то не стану читать, просто ткну в него, чтобы оно перестало выглядеть как непрочтённое.<\/p>\n<p>Как подписаться на кого-нибудь по РСС? Многие РСС-читалки позволяют подписаться напрямую, то есть они сами будут скачивать всё новое. Но это непрактично: если вы подпишетесь независимо на компьютере, айпаде и айфоне, то три читалки не будут знать, что́ вы уже прочитали, и все заметки вы будете получать по три раза. Намного лучше воспользоваться сервисом-агрегатором, который будет ходить и собирать новости, а читалки с ваших устройств будут просто синхронизироваться с этим сервисом.<\/p>\n<p>Заведите себе акаунт, например, <a href=\"http:\/\/feedly.com\/\">в Фидли<\/a>. В меню слева сверху есть пункт Add content — введите туда адрес блога, например, моего. Всё, теперь вы подписаны, новые посты будут приходить к вам туда. Подпишитесь так же на все любимые блоги, и теперь сможете читать всё в одном месте, например:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/\">http:\/\/ilyabirman.ru\/meanwhile\/<\/a> — Я<\/li>\n  <li><a href=\"http:\/\/tema.livejournal.com\/\">http:\/\/tema.livejournal.com\/<\/a> — Лебедев<\/li>\n  <li><a href=\"http:\/\/daringfireball.net\/\">http:\/\/daringfireball.net\/<\/a> — Грубер<\/li>\n<\/ul>\n<p>Есть читалки, которые не могут подхватить РСС просто с сайта, им нужно указать прямой путь к РСС-потоку. У меня такой:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/rss\/\">http:\/\/ilyabirman.ru\/meanwhile\/rss\/<\/a><\/li>\n<\/ul>\n<p>У самого у меня около двух сотен разных источников в читалке. Среди них не только блоги, но и, например, результаты поиска в Яндексе по моей фамилии — так я всегда автоматически вижу, когда кто-то где-то ссылается на меня. Если вы сами читаете этот пост через РСС и недоумеваете, зачем я всё это объясняю — привет!<\/p>\n<p>Конечно же, любой блог на <a href=\"http:\/\/blogengine.ru\/\">Эгее<\/a> поддерживает РСС, для этого ничего не нужно настраивать.<\/p>\n<p>Читать РСС прямо в интерфейсе Фидли — это такое же насилие над собой, как использование Гмейла через веб-интерфейс. Кому-то нравится такая фигня, но мне не понять.<\/p>\n<p>Для чтения РСС я предпочитаю <a href=\"http:\/\/reederapp.com\/\">Риидер<\/a> (он платный, есть миллион других, в том числе бесплатных читалок). Риидер бывает для Айфона, Айпада и Мака — везде сказочно красивый (сверху это он на скриншоте). После того, как вы его установите, его надо будет привязать к вашему акаунту в Фидли, и всё, он будет показывать всё, на что вы подписаны. То есть это просто клиент для агрегаторов. Кстати, кроме Фидли есть ещё куча агрегаторов, просто я предпочитаю Фидли: он бесплатный и работает без нареканий. Риидер поддерживает множество разных агрегаторов, комбинировать можно как угодно. Вы можете даже использовать разные клиенты на разных устройствах — всё со всем без проблем синхронизируется.<\/p>\n<p>Ещё часто спрашивают, зачем РСС, если есть соцсети. Вроде как, все туда кидают ссылки на свои посты. Тут дело личное, конечно, но я не понимаю, как можно даже сравнивать по удобству одно с другим.<\/p>\n<p>Во-первых, за соцсетями, чтобы ничего не пропустить, надо внимательно следить, а это съедает целую кучу времени. Я их читаю по диагонали и по умолчанию считаю, что там ничего особо ценного нет. Они ещё и <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/social-networks-degradation\/\">ставят посты в одним им известном порядке<\/a>. Читалка ничего не пропустит.<\/p>\n<p>Во-вторых, в большинство соцсетей попадают только ссылки. Чтобы посмотреть хотя бы в общих чертах, о чём статья, насколько она длинная, нужно переходить по ссылке и ждать, пока она откроется в браузере. Это трение. В читалке же к тому моменту, как я туда смотрю, всё уже скачано и показывается мгновенно.<\/p>\n<p>В-третьих, как я уже говорил, я хочу иметь возможность читать что-то, когда это удобно мне, а не когда этим поделился автор. В Твиттере, например, приходится помечать интересное сердечком, потом возвращаться к нему — это всё лишняя работа. В читалке меня просто всё спокойно дожидается, мне не нужно для этого ничего делать.<\/p>\n<p>Теперь вместо браузера и твиттера для чтения блогов вы можете использовать клёвый, удобный, придуманный специально для этого инструмент — РСС-читалку. На здоровье!<\/p>\n",
            "summary": "У меня появляется новая аудитория, поэтому время от времени я повторяю эту заметку",
            "date_published": "2019-05-20T10:40:26+02:00",
            "date_modified": "2020-05-20T13:06:10+02:00",
            "tags": [
                "РСС",
                "софт",
                "технологии",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-3.jpg",
            "_date_published_rfc2822": "Mon, 20 May 2019 10:40:26 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5027",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-3.jpg"
                ]
            }
        },
        {
            "id": "4706",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/team-added\/",
            "title": "Участники моих проектов",
            "content_html": "<p>Всё больше людей помогают с разными моими проектами, а у меня на сайте отсутствовал стандартный дизайн для титров. Иногда я просто перечислял людей на странице проекта, иногда с фоточками, а иногда писал в блоге про то, кто чем помог, и давал ссылки на них.<\/p>\n<p>Зерулс 2.0 заставил меня унифицировать это дело, в его описании теперь такой подвал:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/therules-team@2x.jpg\" width=\"984\" height=\"313\" alt=\"\" \/>\n<\/div>\n<p>Наконец-то я сделал себе штуку, чтобы такое ставить:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;?= i8team ([\n  'ib' =&gt; 'Арт-директор | и разработчик',\n  'rp' =&gt; 'Со-разработчик | технологии поиска',\n  'vk' =&gt; 'Веб-разработчик',\n  'vy' =&gt; 'Дизайнер',\n  'ad' =&gt; '§§-шрифтовик',\n  'gg' =&gt; 'Сисадмин',\n]); ?&gt;<\/code><\/pre><p>Конечно, идея обозначать людей двумя буквами, оказалась дебильной: Александру Бабаеву, Алексею Блинову и Александру Банкину пришлось подраться. Наверное, я это потом поменяю. Но главное, что эта штучка знает фотки и сайты людей, и это всё хранится в одном месте, поэтому если кто-то помогал мне с несколькими вещами, он будет одинаковый везде.<\/p>\n<p>Если вывести всех, кого пока знает эта функция, выглядит так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/team@2x.jpg\" width=\"983\" height=\"597\" alt=\"\" \/>\n<\/div>\n<p>Тут я должен извиниться перед теми, кто пока не попал в этот список, но при этом много чего сделал. Например, это все, кто помогал в разное время с Эгеей, особенно в последнее время Игорь Адаменко и Иван Щолоков. Дело в том, что Эгея живёт на другом сайте, а не в виде рассказа в портфолио, поэтому с ней другая история. Может, я что-нибудь ещё придумаю. Если вы чувствуете, что я вас забыл, напишите мне, пожалуйста, куда именно хотели бы, чтобы я вас добавил. Скорее всего, я всё-таки не забыл, а просто пока не нашёл подходящего места, но вдруг. Если вы хотите поменять фотку или ссылку, тоже говорите.<\/p>\n<p>Всем большое спасибо!<\/p>\n",
            "summary": "Всё больше людей помогают с разными моими проектами, а у меня на сайте отсутствовал стандартный дизайн для титров",
            "date_published": "2018-02-13T12:42:38+02:00",
            "date_modified": "2018-02-13T12:42:20+02:00",
            "tags": [
                "проекты",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/therules-team@2x.jpg",
            "_date_published_rfc2822": "Tue, 13 Feb 2018 12:42:38 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4706",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/therules-team@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/team@2x.jpg"
                ]
            }
        },
        {
            "id": "4654",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/adaptivnost-po-kusochkam\/",
            "title": "Адаптивность по кусочкам",
            "content_html": "<p>Рассказал, как заадаптивил этот сайт:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/s94ze0aR_4s?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n",
            "summary": "Рассказал, как заадаптивил этот сайт",
            "date_published": "2018-01-04T11:00:52+02:00",
            "date_modified": "2018-01-04T11:00:49+02:00",
            "tags": [
                "веб-дизайн",
                "видеоблог",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-s94ze0aR_4s-cover.jpg",
            "_date_published_rfc2822": "Thu, 04 Jan 2018 11:00:52 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4654",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-s94ze0aR_4s-cover.jpg"
                ]
            }
        },
        {
            "id": "4609",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/kommentarii-rabotayut-cherez-socseti\/",
            "title": "Комментарии работают через соцсети",
            "content_html": "<p>Первая фаза апгрейда комментариев позади: с Иваном Щолоковым мы реализовали вход через Фейсбук и Твиттер. С дизайном помог Иван Звягин.<\/p>\n<p>Это сравнительно небольшая часть <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/sdelat-prodvinutye-kommentarii-v-egee\/\">пути<\/a>, но зато её можно выкатить независимо. Попробуете прокомментировать? Возможно, что-то сломается, но мы подкрутим.<\/p>\n<p>Пользуясь случаем, хочу выразить своё возмущение программистами. Библиотеки работы с АПИ Фейсбука и Твиттера, которые пришлось добавить в Эгею ради этого, весят одна больше 300, а другая — больше 500 килобайт. Они там что, с ума сошли? Даже если выкинуть всякие тесты, эти две библиотеки составят около трети общего размера Эгеи.<\/p>\n",
            "summary": "Первая фаза апгрейда комментариев позади: с Иваном Щолоковым мы реализовали вход через Фейсбук и Твиттер",
            "date_published": "2017-11-26T17:53:50+02:00",
            "date_modified": "2017-11-26T17:47:41+02:00",
            "tags": [
                "Эгея",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-og-image.jpg",
            "_date_published_rfc2822": "Sun, 26 Nov 2017 17:53:50 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4609",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-og-image.jpg"
                ]
            }
        },
        {
            "id": "4565",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/gde-menya-chitat\/",
            "title": "Где меня читать",
            "content_html": "<p>Я пишу сюда, во все соцсети, да ещё и снимаю что-то в Ютюб. При этом часто содержимое повторяется. Но не всегда. Читатели запутались и спрашивают: где меня читать, чтобы ничего не пропустить, но и не читать одно и то же по три раза.<\/p>\n<p>Честый ответ: не знаю. Я пока не разобрался с тем, как это всё лучше вести.<\/p>\n<p>Сейчас, кажется, чтобы ничего не пропустить, лучше всего подписаться на твиттер и телеграм.<\/p>\n<p><a href=\"http:\/\/twitter.com\/ilyabirman\">В твиттер<\/a> я отправляю ссылки на все заметки в блоге и иногда пишу какие-то ещё мысли или делюсь ссылками.<\/p>\n<p><a href=\"http:\/\/t.me\/ilyabirman_channel\">В телеграм<\/a> я также отправляю ссылки на все заметки в блоге или публикую там текст целиком. Плюс там много уникального контента™ — штук, про которые некогда писать заметки, но поделиться хочется. Я стараюсь, чтобы там был канал более-менее про дизайн.<\/p>\n<p>Пока не нашёлся человек, который был бы готов делать для моего блога еженедельный дайджест телеграма, а то я был бы рад сказать, что достаточно подписаться на РСС здесь. Человек, найдись.<\/p>\n<p>В фейсбуке и вконтакте дублируется всё из блога — или целиком, или ссылкой, когда как удобнее. Всё, что я выкладываю на Ютюб, публикую в блоге тоже.<\/p>\n<p>Но это всё может и поменяться в будущем. Если у вас есть дельный совет, как навести в этом больше порядка, делитесь.<\/p>\n",
            "summary": "Я пишу сюда, во все соцсети, да ещё и снимаю что-то в Ютюб. При этом часто содержимое повторяется. Но не всегда",
            "date_published": "2017-10-26T17:28:29+02:00",
            "date_modified": "2017-10-26T17:28:26+02:00",
            "tags": [
                "этот сайт",
                "я"
            ],
            "_date_published_rfc2822": "Thu, 26 Oct 2017 17:28:29 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4565",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "4487",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/weekend-reading-sponsorship\/",
            "title": "Реклама спонсорства рубрики «Что почитать на выходных»",
            "content_html": "<p>По пятницам у меня иногда выходит рубрика «Что почитать на выходных». И иногда у неё есть спонсор. Кирилл Олейниченко хотел стать спонсором сегодня, но сегодня рубрика не выйдет. Так что вместо этого я попросил Кирилла написать небольшой отзыв о его опыте спонсорства рубрики:<\/p>\n<blockquote>\n<p>Уже не в первый раз моя рассылка <a href=\"https:\/\/goo.gl\/erNRmJ\" class=\"nu\">«<u>Дизайнерский дайджест<\/u>»<\/a> становится спонсором рубрики «Что почитать на выходных» в блоге Ильи. И будет становиться впредь, потому что:<\/p>\n  <ul>\n    <li>совпадение сути рубрики и сути рассылки (чтиво для дизайнеров на выходные) даёт конверсию в 3-4 раза больше, чем в любом другом виде рекламы;<\/li>\n    <li>каждый выпуск приносит рассылке минимум 15-25 платных подписчиков.<\/li>\n  <\/ul>\n<p>Сегодня, кстати, юбилейный 60-й выпуск рассылки и он целиком посвящен дизайну шестидесятых годов прошлого века. Вы автоматически получите его, если подпишетесь до 4 августа включительно.<\/p>\n<\/blockquote>\n<p>Приходите и становитесь тоже спонсорами.<\/p>\n",
            "summary": "По пятницам у меня иногда выходит рубрика «Что почитать на выходных». И иногда у неё есть спонсор. Кирилл Олейниченко хотел стать спонсором сегодня, но сегодня рубрика не выйдет",
            "date_published": "2017-07-28T21:34:15+02:00",
            "date_modified": "2017-07-28T21:53:19+02:00",
            "tags": [
                "этот сайт"
            ],
            "_date_published_rfc2822": "Fri, 28 Jul 2017 21:34:15 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4487",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "4463",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/json-feed-here\/",
            "title": "Джейсон-фид в этом блоге",
            "content_html": "<p>Теперь у меня в блоге поддерживается <a href=\"https:\/\/jsonfeed.org\">Джейсон-фид<\/a>. Это формат для синдикации вроде <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/rss-subscription\/\">РСС<\/a>, только на базе JSON вместо XML. С ним в сто раз проще работать, и сейчас появляются читалки, которые его поддерживают. Если у вас одна из них, попробуйте, пожалуйста, и дайте знать, если что-то пойдёт не так.<\/p>\n<p>Джейсон-фиды:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/json\/\">http:\/\/ilyabirman.ru\/meanwhile\/json\/<\/a> — лента блога<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/tags\/design\/json\/\">http:\/\/ilyabirman.ru\/meanwhile\/tags\/design\/json\/<\/a> — заметки по тегу «Дизайн»<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/json-feed-here\/json\/\">http:\/\/ilyabirman.ru\/meanwhile\/all\/json-feed-here\/json\/<\/a> — конкретная заметка (полезно, если нужно получить потроха заметки, чтобы не парсить ХТМЛ)<\/li>\n<\/ul>\n<p>Реализация джейсон-фида заставила меня наконец-то переписать кое-что в генерации РССа в Эгее, что раньше было устроено весьма неэлегантно. На самом деле сейчас та Эгея, которая крутится у меня, внутри генерирует только джейсон-фид, а РСС собирается уже из него небольшой надстройкой.<\/p>\n<p>Поэтому прошу убедиться, что я не сломал РСС. Если у вас что-то не работает или работает не так, пишите. То, что пару дней назад РСС с моего сайта вообще не обновлялся — это я знаю, сейчас должно быть всё окей.<\/p>\n",
            "summary": "Теперь у меня в блоге поддерживается Джейсон-фид. Это формат для синдикации вроде РСС, только на базе JSON вместо XML",
            "date_published": "2017-07-11T18:35:56+02:00",
            "date_modified": "2017-07-30T21:17:12+02:00",
            "tags": [
                "этот сайт"
            ],
            "_date_published_rfc2822": "Tue, 11 Jul 2017 18:35:56 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4463",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "4397",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/rss-subscription-2017\/",
            "title": "РСС, или Как подписаться на мой блог (2017)",
            "content_html": "<p class=\"historical\">Заметка устарела. Читайте <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/rss-subscription\/\">исправленную и дополненную версию<\/a><\/p>\n<p class=\"foot\">Если вы ищете прямой адрес РСС-потока моего блога, то вот он:<br \/><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/rss\/\">http:\/\/ilyabirman.ru\/meanwhile\/rss\/<\/a><\/p>\n<p>У меня появляется новая аудитория, поэтому время от времени я повторяю эту заметку.<\/p>\n<p>Многие не знают, что такое РСС (RSS) и как им пользоваться. К сожалению, РСС — немного гиковская технология, не вполне доступная нормальным людям. Но если её освоить, то становится непонятно, как ты до этого жил. В этом смысле РСС похож на торенты: там тоже есть некоторый порог входа, но польза оправдывает затраты сил на его преодоление.<\/p>\n<p>Что такое РСС? Это механизм <i>подписки<\/i> на блоги и другие сайты с регулярными обновлениями. Вместо того, чтобы самому ходить по разным сайтам и смотреть, не появилось ли там чего новенького, разумно поручить эту тупую работу машине. Пусть она ходит по всем сайтам и аккуратно собирает всё новое в одном месте. Тогда получается, что новости просто приходят к нам, а не мы охотимся за ними.<\/p>\n<p>Чтобы использовать РСС, нужна РСС-читалка. Это программа, которая знает, какие сайты вы любите, и следит за обновлениями на них. Когда сайты обновляются, свежие публикации автоматически скачиваются, и вы получаете свежий выпуск собственного «журнала», где собрано всё новое с любимых сайтов.<\/p>\n<p>Вот как сейчас выглядит моя читалка:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-3.jpg\" width=\"2048\" height=\"1494\" alt=\"РСС, или как подписаться на мой блог\" \/>\n<\/div>\n<p>Здесь все непрочитанные посты со всех блогов, за которыми я слежу. Мне не приходится ходить на их сайты, открывать сто букмарок в браузере — всё в одном месте. Не нужно ждать, пока откроется страница — всё уже скачано. Я не боюсь пропустить что-то важное — всё сохранено. Что-то я прочту сразу, что-то в выходные, что-то — когда буду в следующий раз в самолёте без интернета. А что-то не стану читать, просто ткну в него, чтобы оно перестало выглядеть как непрочтённое.<\/p>\n<p>Как подписаться на кого-нибудь по РСС? Многие РСС-читалки позволяют подписать напрямую, то есть они сами будут скачивать всё новое. Но это непрактично: если вы подпишетесь независимо на компьютере, айпаде и айфоне, то три читалки не будут знать, что́ вы уже прочитали, и все заметки вы будете получать по три раза. Намного лучше воспользоваться сервисом-агрегатором, который будет ходить и собирать новости, а читалки с ваших устройств будут просто синхронизироваться с этим сервисом.<\/p>\n<p>Заведите себе акаунт, например, <a href=\"http:\/\/feedly.com\/\">в Фидли<\/a>. В меню слева сверху есть пункт Add content — введите туда адрес блога, например, моего. Всё, теперь вы подписаны, новые посты будут приходить к вам туда. Подпишитесь так же на все любимые блоги, и теперь сможете читать всё в одном месте, например:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/\">http:\/\/ilyabirman.ru\/meanwhile\/<\/a> — Я<\/li>\n  <li><a href=\"http:\/\/tema.livejournal.com\/\">http:\/\/tema.livejournal.com\/<\/a> — Лебедев<\/li>\n  <li><a href=\"http:\/\/daringfireball.net\/\">http:\/\/daringfireball.net\/<\/a> — Грубер<\/li>\n<\/ul>\n<p>Есть читалки, которые не могут подхватить РСС просто с сайта, им нужно указать прямой путь к РСС-потоку. У меня такой:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/rss\/\">http:\/\/ilyabirman.ru\/meanwhile\/rss\/<\/a><\/li>\n<\/ul>\n<p>У самого у меня около двух сотен разных источников в читалке. Среди них не только блоги, но и, например, результаты поиска в Яндексе по моей фамилии — так я всегда автоматически вижу, когда кто-то где-то ссылается на меня. Если вы сами читаете этот пост через РСС и недоумеваете, зачем я всё это объясняю — привет!<\/p>\n<p>Конечно же, любой блог на <a href=\"http:\/\/blogengine.ru\/\">Эгее<\/a> поддерживает РСС, для этого ничего не нужно настраивать.<\/p>\n<p>Читать РСС прямо в интерфейсе Фидли — это такое же насилие над собой, как использование Гмейла через веб-интерфейс. Кому-то нравится такая фигня, но мне не понять.<\/p>\n<p>Для чтения РСС я предпочитаю <a href=\"http:\/\/reederapp.com\/\">Риидер<\/a> (он платный, есть миллион других, в том числе бесплатных читалок). Риидер бывает для Айфона, Айпада и Мака — везде сказочно красивый (сверху это он на скриншоте). После того, как вы его установите, его надо будет привязать к вашему акаунту в Фидли, и всё, он будет показывать всё, на что вы подписаны. То есть это просто клиент для агрегаторов. Кстати, кроме Фидли есть ещё куча агрегаторов, просто я предпочитаю Фидли: он бесплатный и работает без нареканий. Риидер поддерживает множество разных агрегаторов, комбинировать можно как угодно. Вы можете даже использовать разные клиенты на разных устройствах — всё со всем без проблем синхронизируется.<\/p>\n<p>Ещё часто спрашивают, зачем РСС, если есть соцсети. Вроде как, все туда кидают ссылки на свои посты. Тут дело личное, конечно, но я не понимаю, как можно даже сравнивать по удобству одно с другим.<\/p>\n<p>Во-первых, за соцсетями, чтобы ничего не пропустить, надо внимательно следить, а это съедает целую кучу времени. И Твиттер, и Телеграм я читаю по диагонали и по умолчанию считаю, что там ничего особо ценного нет. А Фейсбук вообще ставит посты в одному ему известном порядке. Читалка ничего не пропустит.<\/p>\n<p>Во-вторых, в большинство соцсетей попадают только ссылки. Чтобы посмотреть хотя бы в общих чертах, о чём статья, насколько она длинная, нужно переходить по ссылке и ждать, пока она откроется в браузере. Это трение. В читалке же к тому моменту, как я туда смотрю, всё уже скачано и показывается мгновенно.<\/p>\n<p>В-третьих, как я уже говорил, я хочу иметь возможность читать что-то, когда это удобно мне, а не когда этим поделился автор. В Твиттере, например, приходится помечать интересное сердечком, потом возвращаться к нему — это всё лишняя работа. В читалке меня просто всё спокойно дожидается, мне не нужно для этого ничего делать.<\/p>\n<p>Теперь вместо браузера и твиттера для чтения блогов вы можете использовать клёвый, удобный, придуманный специально для этого инструмент — РСС-читалку. На здоровье!<\/p>\n",
            "summary": "У меня появляется новая аудитория, поэтому время от времени я повторяю эту заметку",
            "date_published": "2017-04-29T16:57:22+02:00",
            "date_modified": "2020-05-20T13:06:39+02:00",
            "tags": [
                "РСС",
                "софт",
                "технологии",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-3.jpg",
            "_date_published_rfc2822": "Sat, 29 Apr 2017 16:57:22 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4397",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-3.jpg"
                ]
            }
        },
        {
            "id": "4295",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/website-news-2017-jan\/",
            "title": "Новости сайта: январь 2017",
            "content_html": "<p>За последний месяц на моём сайте случилось два важных обновления.<\/p>\n<h2>Новый дизайн<\/h2>\n<p>Во-первых, теперь у меня новое двухэтажное меню. В первом этаже всё как раньше: проекты, музыка, мир и блог. А во втором теперь может появиться что угодно, что полезно в данном контексте. В блоге я вынес туда любимые темы, в «Мире» — любимые города. А в «Проектах» там могут появляться проекты, связанные с текущим. Например, если зайти в типографскую раскладку, там появится переключалка «Для тех, кто пишет»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-menu-2017-typolayout@2x.png\" width=\"1024\" height=\"60\" alt=\"Новости сайта — 2017\" \/>\n<\/div>\n<p>А в «Музыке» — другие релизы того же жанра, например, соседние альбомы:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-menu-2017-music@2x.png\" width=\"1024\" height=\"60\" alt=\"Новости сайта — 2017\" \/>\n<\/div>\n<p>Под заголовком раздела по-прежнему может появиться ещё одна строка меню — эта строка нужна для версий одного и того же, например, схем метро:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-menu-2017-metro@2x.png\" width=\"1024\" height=\"350\" alt=\"Новости сайта — 2017\" \/>\n<\/div>\n<p>Туда же идут всякие подразделы с общим заголовком.<\/p>\n<p>Всякие такие провязки делаются автоматически — см. <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/how-my-website-works\/\">как работает мой сайт<\/a>.<\/p>\n<p>Сайт стал намного лучше вмещаться в маленькие экраны. На телефоне меню прячется за гамбургер, двухэтажное превращается в двухколоночное:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-menu-2017-adaptive@2x.png\" width=\"775\" height=\"425\" alt=\"Новости сайта — 2017\" \/>\n<\/div>\n<p>Картинки в рассказах о поездках, в блоге и в некоторых работах и раньше умели резиниться. Но меню всё время мешало: распирало и ломало страницу. Новое меню заставило меня прошерстить остальной сайт, поэтому теперь весь «Мир», почти весь блог и большинство проектов влезают на телефоне. Я сделал себе всяких инструментов для быстрого обеспечения влезаемости чего угодно. Некоторые страницы, конечно, выглядят не так, как выглядели бы, если бы их изначально верстали для телефона, но, по крайней мере, влезают.<\/p>\n<p>За новое меню огромное спасибо <a href=\"http:\/\/igoradamenko.com\/\">Игорю Адаменко<\/a> — он мужественно всё сверстал, несмотря на то, что я всё время просил невозможное. Даже сделал анимацию гамбургера в крестик как я хотел. Мы ещё заморочились с Фиттсом там: если вы поводите мышкой по новому меню, вы увидите, что области клика всех элементов очень большие.<\/p>\n<p>Раздел проектов стал лучше. Раньше там проекты выводились бессмысленной матрицей, отсортированной по времени добавления. А сейчас проекты разделены на смысловые кучки:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-projects-2017@2x.jpg\" width=\"1024\" height=\"633\" alt=\"Новости сайта — 2017\" \/>\n<\/div>\n<p>Я, конечно, хочу ещё лучше, но пока успел так. Когда-нибудь улучшения доберутся и до «Мира».<\/p>\n<p>А ещё я прикрутил новые шрифты. Ну, вы видели.<\/p>\n<h2>Новый поиск по блогу<\/h2>\n<p>Если вы пробовали пользоваться моим поиском по блогу раньше, вы знаете, что он был не очень. Во-первых, он не умел склонять слова, поэтому искать по-русски было мучительно. Во-вторых, сама выдача была просто лентой найденных заметок, среди которых увидеть нужную (или что она нихрена не нашлась) было нереально.<\/p>\n<p>Новый поиск склоняет слова и учитывает всякие там разные факторы, чтобы нашлись варианты получше. «Берлин»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-search-2017-berlin@2x.jpg\" width=\"1024\" height=\"620\" alt=\"Новости сайта — 2017\" \/>\n<\/div>\n<p>Выдача поиска тоже переделалась: теперь вместо полных заметок там кусочки найденного текста и картинки пачкой, потому что по ним заметку легко узнать. Как видите по заметке «Трезор и Бергхайн», оно умеет вытаскивать и кадры видосов, и обозначать, что в заметке есть аудио.<\/p>\n<p>Круче всего, когда в заметке много картинок. «Автобан германия»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-search-2017-autobahn@2x.jpg\" width=\"1024\" height=\"580\" alt=\"Новости сайта — 2017\" \/>\n<\/div>\n<p>Пока там всё равно много что работает не так, как надо. Но уже сильно лучше, чем было, поэтому новый поиск я выкатил.<\/p>\n<p>Про него я ещё напишу отдельно подробнее, пока лишь скажу, что решающую роль в его появлении сыграл <a href=\"https:\/\/written.ru\/\">Роман Парпалак<\/a> — это с ним мы в своё время делали умный поиск для Зерулса.<\/p>\n",
            "summary": "За последний месяц на моём сайте случилось два важных обновления",
            "date_published": "2017-01-04T21:10:35+02:00",
            "date_modified": "2017-03-01T20:27:37+02:00",
            "tags": [
                "веб-дизайн",
                "дизайн",
                "проекты",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-menu-2017-typolayout@2x.png",
            "_date_published_rfc2822": "Wed, 04 Jan 2017 21:10:35 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4295",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-menu-2017-typolayout@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-menu-2017-music@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-menu-2017-metro@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-menu-2017-adaptive@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-projects-2017@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-search-2017-berlin@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/i8-search-2017-autobahn@2x.jpg"
                ]
            }
        },
        {
            "id": "4177",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/how-my-website-works\/",
            "title": "Как работает мой сайт",
            "content_html": "<p>Мой сайт работает на моём самописном движке на ПХП (единственное исключение — раздел «Блог», о нём в конце).<\/p>\n<p>Файлы страниц сайта лежат в папках, соответствующих урлам разделов, например страница <a href=\"http:\/\/ilyabirman.ru\/projects\/angstrom\/\">про Ангстрем<\/a> лежит на сервере под именем <tt>...\/www\/projects\/angstrom\/angstrom.php<\/tt>. Задача этого файла — сгенерить ХТМЛ смысловой части этой страницы.<\/p>\n<h2>Метаданные<\/h2>\n<p>Рядом с файлом <tt>имя-папки.php<\/tt> должен лежать файл метаданных <tt>_имя-папки.php<\/tt>. Для Ангстрема он выглядит примерно так (выкинул часть полей для простоты):<\/p>\n<pre class=\"e2-text-code\"><code>&lt;?php return array (\n\n  'logo' =&gt; 'angstrom',\n  'value' =&gt; '20140201',\n  'title' =&gt; 'Ангстрем', \n\n  'x-showcase-title' =&gt; 'Ангстрем, конвертер всего',\n  'x-copyright-years' =&gt; '2014...',\n\n  'languages' =&gt; array (\n    'english' =&gt; array (\n      'title' =&gt; 'Ångström',\n      'x-showcase-title' =&gt; 'Ångström, the converter',\n    ),\n  ),\n\n) ?&gt;<\/code><\/pre><p>Задача движка — понять, на какой из моих многочисленных доменов и по какому адресу зашёл пользователь, определиться с языком, найти файл нужной страницы, выполнить его, пропустить через шаблонизатор и типограф и отдать наружу.<\/p>\n<p>Там умная и гибкая система, которая позволяет делать отличия между сайтами на разных языках (ilyabirman.ru и ilyabirman.net) только там, где они нужны: домен, текст, правила типографики, твиттер-акаунт для шаринга; но всё остальное хранить в одном месте один раз.<\/p>\n<p>Самое главное в файле метаданных — это поле <tt>logo<\/tt>. Это постоянный идентификатор страницы, который не поменяется, если я вдруг решу перенести её в другую папку. На нём завязаны многочисленные макросы. Например, на главной у меня есть этажик, где я показываю разные проекты в горизонтальной прокручиваемой полосе — «витрине».<\/p>\n<p>Вот примерный код, который её рисует (подсветка синтаксиса глючит):<\/p>\n<pre class=\"e2-text-code\"><code>&lt;?php $showcase_elements = array (\n  'angstrom',\n  'moscow-metro-multiplication',\n  'therules-2-for-ios',\n  'chelyabinsk-trams-2015',\n  'emcee',\n  'train-thirteen',\n  'wireless-dj',\n  'snooker-results-display',\n  'moscow-metro-poster-vdnh',\n  'forebruary',\n  'moscow-metro-nanomap',\n); ?&gt;\n\n&lt;?php foreach ($showcase_elements as $showcase_element) { ?&gt;\n  &lt;div class=&quot;b-showcase-element&quot; style=&quot;width: 160px&quot;&gt;\n    &lt;div class=&quot;b-showcase-element-image-wrapper&quot;&gt;\n      &lt;div&gt;\n        &lt;a href=&quot;&lt;?= HREF ($showcase_element) ?&gt;&quot; class=&quot;nu&quot;&gt;\n          &lt;img\n            src=&quot;&lt;?= FOLDER ($showcase_element) ?&gt;i\/icon-160@2x.png&quot;\n            alt=&quot;&lt;?= strip_tags (TITLE ($showcase_element)) ?&gt;&quot;\n            width=&quot;160&quot; height=&quot;160&quot;\n          \/&gt;\n        &lt;\/a&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n    &lt;div class=&quot;b-showcase-element-title&quot;&gt;\n      &lt;a href=&quot;&lt;?= HREF ($showcase_element) ?&gt;&quot;&gt;\n        &lt;?= EX ('showcase-title', $showcase_element)?&gt;\n      &lt;\/a&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;?php } ?&gt;<\/code><\/pre><h2>Макросы<\/h2>\n<p>Важно то, что этот код ничего не знает про урлы, названия и папки отдельных штук, на которые ссылается. Всё делают несколько умных макросов:<\/p>\n<ul>\n  <li><tt>HREF ($logo)<\/tt> возвращает полный урл страницы по её идентификатору;<\/li>\n  <li><tt>FOLDER ($logo)<\/tt> возвращает путь к папке, в которой лежит страница;<\/li>\n  <li><tt>TITLE ($logo)<\/tt> возвращает название страницы;<\/li>\n  <li><tt>EX ($what, $logo)<\/tt> возвращает значение поля <tt>x-something<\/tt> из файла метаданных.<\/li>\n<\/ul>\n<p>Я, как видите, использую <tt>EX<\/tt> и поле <tt>x-showcase-title<\/tt> для того, чтобы показывать особые заголовки в «витрине». Если я вдруг решу переименовать один из проектов и перенести в другую папку, и ещё сделать про него страницу на французском, чтобы она была доступна по адресу ilyabirman.net\/french\/обычный-путь-к-проекту — это займёт пару минут, не считая времени написания французского текста. При этому создавать папку \/french\/ на сервере и копировать туда все файлы не придётся — языковые элементы урла обрабатываются отдельно и на структуру папок на сервере не влияют.<\/p>\n<p>Есть и другие макросы. <tt>CHILDREN<\/tt> вернёт массив всех дочерних для данной страниц. Например, в разделе <a href=\"http:\/\/ilyabirman.ru\/projects\/\">проектов<\/a> их список автоматически дополнится новым, если я создам подпапку со страницей нового проекта в ней.<\/p>\n<p>А ещё у меня на страницах бывают переключалки между связанными страницами, вот, например, такой переключалкой провязаны несколько рассказов <a href=\"http:\/\/ilyabirman.ru\/world\/london-2011-may\/\">про Лондон<\/a>. Это работает, потому что эти страницы связаны в одну группу через поле <tt>group<\/tt> в файле метаданных. Они при этом могут лежать вообще по любым урлам, их просто вернёт <tt>GROUPLINGS<\/tt>. Если одна из страниц группы окажется недоступна на одном из языков — не беда, значит не попадёт в список. Движок не станет генерить мёртвые ссылки.<\/p>\n<p>Или вот есть ещё <tt>WITHIN<\/tt>, определяется так:<\/p>\n<pre class=\"e2-text-code\"><code>function WITHIN ($what, $id = false) {\n  return AT ($what) or INSIDE ($what, $id);\n}<\/code><\/pre><p>Удобно использовать в меню, например, в котором плашку у текущего раздела надо поставить если мы в нём или любых его подразделах.<\/p>\n<p>Есть макрос <tt>LANG<\/tt>, который возвращает текущий язык. Его удобно использовать, если страницы на разных языках отличаются двумя-тремя строками текста. Но чтобы не писать сто раз <tt>if (LANG == ’russian’) { ... }<\/tt>, можно просто положить в папке два файла — angstrom-english.php и angstrom-russian.php, тогда движок сразу возьмёт нужный из них.<\/p>\n<p>Ещё есть <tt>TAIL<\/tt>, <tt>OFFSET<\/tt>, <tt>SIBLINGS<\/tt>, <tt>NEIGHBOURS<\/tt> и всякие другие, которые позволяют компактно и внятно выражаться в коде.<\/p>\n<p>Я это называю макросами, а не функциями, потому что это точнее передаёт смысл, и ещё их можно вызывать без параметра <tt>$logo<\/tt> и без скобок (если других параметров нет), и тогда они сработают для текущей собираемой страницы:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;h1&gt;&lt;?= TITLE ?&gt;&lt;\/h1&gt;<\/code><\/pre><h2>Шаблоны<\/h2>\n<p>У любой страницы в файле метаданных может быть поле <tt>apply-template<\/tt> — оно говорит движку, что надо пропустить страницу через определённый шаблон перед тем, как заворачивать в обёртку из меню и подвала.<\/p>\n<p>Например, в подвале <a href=\"http:\/\/ilyabirman.ru\/world\/london-2011-may\/\">любого рассказа о поездке<\/a> я даю ссылки на соседние. Их сколько нужно возвращает макрос <tt>SIBLINGS<\/tt>. Но я не копирую этот этаж из рассказа в рассказ — для этого у меня есть шаблон world-story, который применяется ко всем рассказам из поездок.<\/p>\n<p>Шаблон может не просто завернуть страницу во что-то, но и как угодно её обработать перед использованием.<\/p>\n<p>Вот начало файла ...\/www\/world\/london-2011-may\/london-2011-may-russian.php:<\/p>\n<blockquote>\n<p>Лондон — лучший город, где мне доводилось бывать.<br \/>\nIMG_0333.jpg Парламент и Биг-бен в Лондоне<\/p>\n<p>Достопримечательностям здесь совершенно необязательно быть в поле зрения, чтобы было понятно, где ты находишься. Каждая деталь напоминает об этом:<br \/>\nIMG_0238.jpg Телефонная будка, почтовая машина и автобус в Лондоне<\/p>\n<\/blockquote>\n<p>Похоже на текст из редактора Эгеи, правда? Потому что я тут использую <a href=\"https:\/\/github.com\/ilyabirman\/neasden\/\">Нисден<\/a> — форматтер Эгеи. Шаблон world-story автоматически пропускает текст через него. Поэтому тут автоматически работает всякая резиновость картинок, фоторамы и всё остальное, и в результате сам собой получается <a href=\"http:\/\/ilyabirman.ru\/world\/london-2011-may\/\">рассказ про Лондон<\/a>.<\/p>\n<h2>Блог<\/h2>\n<p>Теперь про блог. Блог работает на Эгее и живёт своей жизнью, несмотря на внешнее сходство с остальным сайтом. Эгея, в отличие от остального сайта, использует базу данных для хранения заметок, комментариев и прочего. Сайту никак не мешает, что в папке \/meanwhile\/ у него живёт что-то «неродное». Он не находит там файла _meanwhile.php и поэтому считает, что эта папка для него не представляет ценности.<\/p>\n<p>Мне надо, чтобы в блоге у меня использовался ЦСС с основного сайта, но всё же в нём есть несколько своих особенностей, поэтому напрямую я не могу залинковать тот же самый файл. Чтобы не носить общие для сайта изменения из одного файла в другой, я использую Галп, который автоматически собирает нужную версии ЦСС-файла для блога.<\/p>\n<p>Ещё, как вы знаете, у меня есть русский и <a href=\"http:\/\/ilyabirman.net\/meanwhile\/\">английский<\/a> блоги. На самом деле их выдаёт одна и та же копия Эгеи, которая в зависимости от домена использует разные таблицы в базе данных.<\/p>\n<p>Это недокументированная функция, но по секрету скажу что там, где у вас в Эгее лежит папка \/user\/, у меня лежит папка \/users\/ с двумя подпапками. Да, Эгея умеет быть многопользовательской уже много лет! Только никому не говорите. Если серьёзно, это работает на костылях. Заранее говорю, что не буду отвечать на письма с вопросом «как мне сделать так же».<\/p>\n",
            "summary": "Мой сайт работает на моём самописном движке на ПХП (единственное исключение — раздел «Блог», о нём в конце",
            "date_published": "2016-08-22T22:03:04+02:00",
            "date_modified": "2019-05-18T10:05:48+02:00",
            "tags": [
                "программирование",
                "Эгея",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-og-image.jpg",
            "_date_published_rfc2822": "Mon, 22 Aug 2016 22:03:04 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4177",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-og-image.jpg"
                ]
            }
        },
        {
            "id": "3798",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/editorial-standards\/",
            "title": "Мои редстандарты",
            "content_html": "<p>Есть несколько редстандартов, которые я применяю в своих проектах и в проектах бюро (если они не противоречат стандартам бюро). Они не правильные и не неправильные, просто у меня так. Хотите — используйте тоже.<\/p>\n<p><b>Пропуски в цитатах.<\/b> По правилам русского языка пропуски в цитатах <a href=\"http:\/\/therules.ru\/187\/\">обозначаются многоточием<\/a>. К сожалению, такое обозначение часто выглядит двусмысленно: иногда невозможно сказать, пропуск здесь или многоточие было в самом цитируемом тексте. Поэтому я ставлю многоточие в квадратных скобках: [...] В случаях, когда я хорошо контролирую вид финального макета, вместо квадратных использую угловые скобки. Но на вебе с ними плохо.<\/p>\n<p><b>Кавычки для букв.<\/b> У меня есть одно исключение из логики «вложенности „кавычек“»: для выделения букв я использую сразу кавычки второго уровня. Эта деталь помогает внешне отличать букву „и“ от союза «и». Придумал это лет десять назад и последовательно использую. Могу себе позволить, ведь у меня <a href=\"http:\/\/ilyabirman.ru\/projects\/typography-layout\/\">типографская раскладка<\/a>. Впрочем, если это ничему не мешает, часто можно вообще отказаться от кавычек и использовать курсив в обоих смыслах. А если перед буквой написано слово «буква», то можно вообще не выделять, вот смотрите:<\/p>\n<p><b>Буква ё.<\/b> <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/yo-dots\/\">Пишу<\/a>.<\/p>\n<p><b>Числа в словесной форме.<\/b> Предпочитаю числа в словесной форме. Не пишу: «Я там был 2 раза», пишу: «два раза». Цифровую форму использую только если мне для чего-то важно подчеркнуть точность значения; выделить число в тексте; помочь сравнению с другими приведёнными рядом числами и т. п.<\/p>\n<p><b>Знак процента с числом.<\/b> Я не могу смириться с мильчинским пробелом между числом и знаком процента (я уже не помню, у кого как, но помню, что Мильчин, Вигдорчик, Гиленсон и Шульмейстер не имели единого мнения по этому вопросу). Везде, где технически можно поставить <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/spaces\/\">полпробела<\/a>, я ставлю полпробела. Если такой возможности нет, я пишу слитно.<\/p>\n<p><b>Римские цифры и века.<\/b> <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/roman-numerals\/\">Не использую<\/a> римские цифры. Обозначаю века арабскими цифрами, а века до нашей эры — арабскими цифрами со знаком минус. По аналогии с годами не использую наращения падежных окончаний: 2016 год, −5 век.<\/p>\n<p><b>Имена и отчества людей.<\/b> <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/name-initials-must-die\/\">Не использую инициалы<\/a>. Исключение — когда я сам не знаю имён, потому что кто-то до меня уже использовал инициалы. Тогда пишу за неимением лучшего. Без отчества — окей: Александр Пушкин. <i>(Добавлено 13 февраля 2017.)<\/i><\/p>\n<p><b>Смайлы и эмодзи.<\/b> Смайлы пишу с глазами и носом, эмодзи <a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20160726\/\">не использую никогда<\/a>.<\/p>\n<p><b>Тире в предложениях с именным сказуемым.<\/b> Часто опускаю: «Маск странный чувак», «Песня кайф». В принципе, русский язык так умеет — тире даже по правилам не пишется, если подлежащее выражено местоимением («Он молодец»). Причём, не пишется потому, что если его поставить, возникает лишняя пауза, ощущение противопоставления. Ровно поэтому же я не пишу в своих случаях. Вообще, я такое употребление встречал и в литературе (например: «Мужик наш мошенник» у Достоевского), поэтому, возможно, я просто не знаю какого-то правила, по которому это вполне нормально.<\/p>\n<p><b>Тире и дефис в интервалах.<\/b> Между числами интервала я ставлю дефис, если имею в виду «примерно» и тире, если имею в виду «от и до», независимо от того, написаны ли числа в словесной или цифровой форме. По Мильчину дефис используется только при словесной записи («У дома стояло машин пять-шесть»), а при цифровой записи всегда ставят тире («машин 5—6»). Я бы написал «машин 5-6», если бы вообще стал использовать цифровую запись. Или вот: «обувь на 1-2 размера больше».<\/p>\n<p><b>Согласование глагола в количественных конструкциях.<\/b> Предпочитаю семантическое синтаксическому: «Куча людей делают так» (а не «делает»), «Возникли пара вопросов» (а не «возникла»). В примере из Мильчина из прошлого пункта я бы написал «У дома <i>стояли<\/i> машин пять-шесть».<\/p>\n<p><b>Упорядоченные списки со скобками.<\/b> Иногда элементы списка настолько распространённы, что их удобно оформить как предложения с большой буквы и с точкой в конце. Мильчин разрешает так оформлять элементы списка, «пронумерованного» заглавными буквами с закрывающей скобкой после них: А) Б) В). Я придерживаюсь принципа: если в обозначении элементов списка есть скобки, сами элементы не могут оформляться как предложения; они обязаны начинаться с маленькой буквы и заканчиваться запятой или точкой с запятой. Чтобы оформить элемент списка как предложение с точкой в конце, нужно поставить точку и после его «номера»: 1. 2. 3. или А. Б. В.<\/p>\n<p><b>Склоняю Бангладеш, Хельсинки. Пишу Тайланд через й.<\/b> Несклонение Бангладеша вообще ни в какие ворота не лезет. Несклонение Хельсинок понять можно: это как Тбилиси. Но мне просто больше нравится склонять — они даже в финском склоняются. Тайланд через „и“ — нелепость: в русском языке гласная буква обязана порождать слог, но Тайланд никто никогда не произносит в три слога. Ладно, справедливости ради скажу, что слово Бангладеш я ни разу не использовал вообще ни в каком другом контексте кроме <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/2008\/04\/17\/1\/\">возмущения<\/a> его несклонением.<\/p>\n<p><b>Деепричастие «пиша».<\/b> Использую как ни в чём не бывало.<\/p>\n<p><b>Диерезис в английском.<\/b> Пиша по-английски, в рамках выпендрёжа использую диерезис, если не забываю: noöne и naïve. Так ещё делает, например, <a href=\"http:\/\/www.newyorker.com\/culture\/culture-desk\/the-curse-of-the-diaeresis\" class=\"nu\">«<u>Нью-Йоркер<\/u>»<\/a>.<\/p>\n<p><b>Британский английский.<\/b> Стараюсь писать по-британски, опять же, если не забываю: apologise, centre, colour. Ставлю <a href=\"https:\/\/ru.wikipedia.org\/wiki\/Серийная_запятая\">оксфордскую запятую<\/a>.<\/p>\n",
            "summary": "Есть несколько редстандартов, которые я применяю в своих проектах и в проектах бюро (если они не противоречат стандартам бюро",
            "date_published": "2016-08-12T13:25:23+02:00",
            "date_modified": "2017-03-07T08:25:15+02:00",
            "tags": [
                "английский язык",
                "русский язык",
                "текст",
                "типографика",
                "этот сайт"
            ],
            "_date_published_rfc2822": "Fri, 12 Aug 2016 13:25:23 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3798",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "3835",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/povtornye-zametki\/",
            "title": "Повторные заметки",
            "content_html": "<p>Иногда бывает, что ты уже писал о чём-то в блоге, но хочешь написать ещё раз: появились новые соображения, лучшие слова или тема вновь стала актуальна.<\/p>\n<p>Раньше я не писал в таких случаях, потому что думал, что повторяться странно. А теперь я понял, что глупо не писать, когда нужно написать. Аудитория меняется, не все читали старые заметки. Но если кто и читал, так не беда: повторение — мать учения. Да и порой хочется дать ссылку на что-то, но самому не нравится, как написано — становишься собственным заложником.<\/p>\n<p>В общем, не пугайтесь, если я напишу о чём-то, о чём уже писал — так надо.<\/p>\n",
            "summary": "Иногда бывает, что ты уже писал о чём-то в блоге, но хочешь написать ещё раз: появились новые соображения, лучшие слова или тема вновь стала актуальна",
            "date_published": "2015-02-15T22:49:46+02:00",
            "date_modified": "2015-02-15T22:49:44+02:00",
            "tags": [
                "этот сайт"
            ],
            "_date_published_rfc2822": "Sun, 15 Feb 2015 22:49:46 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3835",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "3828",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/oglavleniya-po-tegam\/",
            "title": "Оглавления по тегам",
            "content_html": "<p>Начал наводить порядок в тегах, делаю там некие оглавления со ссылками на важные заметки по теме. Пока прошерстил теги:<\/p>\n<ul>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/tags\/design\/\">дизайн<\/a>,<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/tags\/ui\/\">пользовательский интерфейс<\/a>,<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/tags\/economy\/\">экономика<\/a>,<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/tags\/logic\/\">логика<\/a>,<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/tags\/negotiations\/\">переговоры<\/a>,<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/tags\/books\/\">книги<\/a>,<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/tags\/talks\/\">доклады<\/a>,<\/li>\n  <li><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/tags\/podcast\/\">подкаст<\/a>.<\/li>\n<\/ul>\n<p>В самих заметках по этим тегам появились сверху ссылки на эти оглавления. Пока коряво и не очень последовательно, но это 5% усилий для получения 95% пользы.<\/p>\n<p>Вообще, формат блога требует серьёзного переосмысления. Таймлайн как основное средство организации материалов почти бесполезен.<\/p>\n",
            "summary": "Начал наводить порядок в тегах, делаю там некие оглавления со ссылками на важные заметки по теме. Пока прошерстил теги",
            "date_published": "2015-02-03T13:40:50+02:00",
            "date_modified": "2015-02-03T13:40:35+02:00",
            "tags": [
                "блоги",
                "классификация",
                "этот сайт"
            ],
            "_date_published_rfc2822": "Tue, 03 Feb 2015 13:40:50 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3828",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "3680",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/knopka-podpisatsya-na-blog\/",
            "title": "Кнопка «Подписаться на блог»",
            "content_html": "<p>Несколько дней назад у меня появилась кнопка «Подписаться на блог» в конце каждой заметки и в ПВУ на передовице. Странно, что я не догадался до неё раньше. Жмите, не стесняйтесь.<\/p>\n<p>Каких способов подписки вам нехватает? Что работает неправильно?<\/p>\n<p>Да, кстати, я чё-то затупил с Джаваскриптом и не смог сходу сделать так, чтобы попап подписки закрывался только при клике снаружи, он сейчас закрывается при клике где угодно. Как исправить?<\/p>\n<p>Пишите в комментариях.<\/p>\n",
            "summary": "Несколько дней назад у меня появилась кнопка «Подписаться на блог» в конце каждой заметки и в ПВУ на передовице",
            "date_published": "2014-08-06T21:09:57+02:00",
            "date_modified": "2014-08-06T21:09:22+02:00",
            "tags": [
                "веб-разработка",
                "этот сайт"
            ],
            "_date_published_rfc2822": "Wed, 06 Aug 2014 21:09:57 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3680",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "3658",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/rss-subscription-2014\/",
            "title": "РСС, или Как подписаться на мой блог (2014)",
            "content_html": "<p class=\"historical\">Заметка устарела. Читайте <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/rss-subscription\/\">исправленную и дополненную версию<\/a><\/p>\n<p class=\"foot\">Если вы ищете прямой адрес РСС-потока моего блога, то вот он:<br \/><a href=\"http:\/\/ilyabirman.ru\/meanwhile\/rss\/\">http:\/\/ilyabirman.ru\/meanwhile\/rss\/<\/a><\/p>\n<p>Многие не знают, что такое РСС (RSS) и как им пользоваться. К сожалению, РСС — немного гиковская технология, не вполне доступная нормальным людям. Но если её освоить, то становится непонятно, как ты до этого жил. В этом смысле РСС похож на торенты: там тоже есть некоторый порог входа, но польза оправдывает затраты сил на его преодоление.<\/p>\n<p>Что такое РСС? Это механизм <i>подписки<\/i> на блоги и другие сайты с регулярными обновлениями. Вместо того, чтобы самому ходить по разным сайтам и смотреть, не появилось ли там чего новенького, разумно поручить эту тупую работу машине. Пусть она ходит по всем сайтам и аккуратно собирает всё новое в одном месте. Тогда получается, что новости просто приходят к нам, а не мы охотимся за ними.<\/p>\n<p>Чтобы использовать РСС, нужна РСС-читалка. Это программа, которая знает, какие сайты вы любите, и следит за обновлениями на них. Когда сайты обновляются, свежие публикации автоматически скачиваются, и вы получаете свежий выпуск собственного «журнала», где собрано всё новое с любимых сайтов.<\/p>\n<p>Вот как сейчас выглядит моя читалка:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-2.jpg\" width=\"768\" height=\"572\" alt=\"\" \/>\n<\/div>\n<p>Здесь все непрочитанные посты со всех блогов, за которыми я слежу. Мне не приходится ходить на их сайты, открывать сто букмарок в браузере — всё в одном месте. Не нужно ждать, пока откроется страница — всё уже скачано. Я не боюсь пропустить что-то важное — всё сохранено. Что-то я прочту сразу, что-то в выходные, что-то — когда буду в следующий раз в самолёте без интернета. А что-то не стану читать, просто ткну в него, чтобы оно перестало выглядеть как непрочтённое.<\/p>\n<p>Как подписаться на кого-нибудь по РСС? Многие РСС-читалки позволяют подписать напрямую, но это непрактично: если вы подпишетесь независимо на компьютере, айпаде и айфоне, то три читалки не будут знать, что́ вы уже прочитали, и все заметки вы будете получать по три раза. Намного лучше воспользоваться сервисом-агрегатором, который сам будет ходить и собирать новости, а читалки с ваших устройств будут просто синхронизироваться с этим сервисом.<\/p>\n<p>Заведите себе акаунт, например, <a href=\"http:\/\/feedly.com\/\">в Фидли<\/a>. В меню слева сверху есть пункт Add content — введите туда адрес блога, например, моего: <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/.\">http:\/\/ilyabirman.ru\/meanwhile\/.<\/a> Всё, теперь вы подписаны, новые посты будут приходить к вам туда. Подпишитесь так же на все любимые блоги, и теперь сможете читать всё в одном месте.<\/p>\n<p>Например:<\/p>\n<ul>\n  <li><a href=\"http:\/\/tema.livejournal.com\/\">http:\/\/tema.livejournal.com\/<\/a> — Лебедев<\/li>\n  <li><a href=\"http:\/\/daringfireball.net\/\">http:\/\/daringfireball.net\/<\/a> — Грубер<\/li>\n<\/ul>\n<p>У самого у меня около двух сотен разных источников в читалке. Если вы сами читаете этот пост через РСС и недоумеваете, зачем я всё это объясняю — привет!<\/p>\n<p>Читать РСС прямо в интерфейсе Фидли — это такое же насилие над собой, как использование Гмейла через веб-интерфейс. Кому-то нравится такая фигня, но мне не понять. Для чтения РСС я предпочитаю <a href=\"http:\/\/reederapp.com\/\">Риидер<\/a> (он платный, есть миллион других, в том числе бесплатных читалок). Риидер бывает для Айфона, Айпада и Мака — везде сказочно красивый (сверху это он на скриншоте). После того, как вы его установите, его надо будет привязать к вашему акаунту в Фидли, и всё, он будет показывать всё, на что вы подписаны. То есть это просто клиент для агрегаторов. Кстати, кроме Фидли есть ещё куча агрегаторов, просто я предпочитаю Фидли: он бесплатный и работает без нареканий. Риидер поддерживает множество разных агрегаторов, комбинировать можно как угодно. Вы можете даже использовать разные клиенты на разных устройствах — всё со всем без проблем синхронизируется.<\/p>\n<p>Ещё часто спрашивают, зачем РСС, если есть твиттер. Вроде как, все туда кидают ссылки на свои посты. Тут дело личное, конечно, но я не понимаю, как можно даже сравнивать по удобству одно с другим. Во-первых, за твиттером, чтобы ничего не пропустить, надо внимательно следить, а это съедает целую кучу времени. Я твиттер читаю по диагонали и по умолчанию считаю, что там ничего особо ценного нет. Если кто-то, чьи статьи мне интересны, кинет ссылку в твиттер, а я её пропущу, я хочу всё-таки не пропустить саму статью. Читалка ничего не пропустит. Во-вторых, в твиттер попадают только ссылки. Чтобы посмотреть хотя бы в общих чертах, о чём статья, насколько она длинная, нужно переходить по ссылке и ждать, пока она откроется в браузере. Это трение. В читалке же к тому моменту, как я туда смотрю, всё уже скачано и показывается мгновенно. В-третьих, как я уже говорил, я хочу иметь возможность читать что-то, когда это удобно мне, а не когда этим поделился автор. В твиттере приходится помечать интересное звёздочкой, потом возвращаться к нему — это всё лишняя работа. В читалке меня просто всё спокойно дожидается, мне не нужно для этого ничего делать.<\/p>\n<p>Теперь вместо браузера и твиттера для чтения блогов вы можете использовать клёвый, удобный, придуманный специально для этого инструмент — РСС-читалку. На здоровье!<\/p>\n<p><b>Добавлено 12 мая 2016.<\/b> Прямой адрес РСС-потока моего блога, если вдруг вы пользуетесь читалкой, которая сама не может найти: <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/rss\/\">http:\/\/ilyabirman.ru\/meanwhile\/rss\/<\/a><\/p>\n",
            "summary": "Многие не знают, что такое РСС (RSS) и как им пользоваться. К сожалению, РСС — немного гиковская технология, не вполне доступная нормальным людям",
            "date_published": "2014-07-16T13:54:22+02:00",
            "date_modified": "2020-05-20T13:07:07+02:00",
            "tags": [
                "РСС",
                "софт",
                "технологии",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-2.jpg",
            "_date_published_rfc2822": "Wed, 16 Jul 2014 13:54:22 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3658",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/reeder-preview-2.jpg"
                ]
            }
        },
        {
            "id": "3646",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/gde-i-kak-zahostit-moy-sayt\/",
            "title": "Где и как захостить мой сайт?",
            "content_html": "<p>Я спрашивал у твиттера, где мне захостить сайт, но там невозможно что-либо потом найти или  систематизировать ответы. Поэтому я хочу попробовать ещё раз, но уже здесь, у себя. Для этого я воспользуюсь функцией комментариев к заметкам.<\/p>\n<p>Итак, сейчас мой сайт живёт на Мастерхосте, я плачу что-то вроде 300 рублей в месяц за хостинг, за что получаю ФТП-доступ к серверу, куда можно закачать ПХП-скрипты, и они работают. Ещё есть база данных Май-эс-ку-эл. Насколько я могу понять, Мастерхост — из нормальных хостингов. Я регулярно читаю письма от пользователей Эгеи, которые пытаются пользоваться чем-то другим, и там, такое ощущение, вообще ничего толком не работает. И всё же в последнее время меня всё меньше устраивает мой вариант:<\/p>\n<ul>\n  <li>при моей посещаемости сервер постоянно умирает под нагрузкой;<\/li>\n  <li>я постоянно упираюсь в ограничение места на диске (1,5 ГБ);<\/li>\n  <li>я не могу устанавливать на сервер софт, который хочу (правда, я и не умею);<\/li>\n<\/ul>\n<p>При этом я всё чаще публикую заметки с фотографиями, хочу чаще выкладывать что-то из музыки. Мне нужно, чтобы всё работало хорошо и быстро. И при этом я не хочу разориться.<\/p>\n<p>В твиттере мне рекомендовали такое:<\/p>\n<ul>\n  <li>Амазон (× 4),<\/li>\n  <li>Диджитал-оушен (× 4),<\/li>\n  <li>хранить фотки на Фликре (× 3),<\/li>\n  <li>Линод,<\/li>\n  <li>Дримхост.ком,<\/li>\n  <li>hetzner,<\/li>\n  <li>5gps.com,<\/li>\n  <li>transip.eu.<\/li>\n<\/ul>\n<p>У меня даже уже есть акаунт на Амазоне, настраивали с Колей Митиным для одного неудавшегося эксперимента. Но там всё так заморочено устроено, что сначала всё дёшево, но стоит только начать чем-то пользоваться, как ты сам не понимаешь, за что тебе Амазон уже выставляет адский счёт. Мне бы не хотелось попасть на кучу бабла, если на меня, скажем, поставит ссылку Варламов. Как от этого защититься? Что вы бы порекомендовали?<\/p>\n<p>Ещё проблема такая: если вместо шаред-хостинга использовать вариант с типа собственным сервером, то получается, что надо уметь его администрировать, устанавливать там что-то. Я не представляю, что такое SSH, чем отличается ФриБСД от Линукса и вот это всё. Понятия не имею, как на удалённой машине заставить что-то работать так, как мне надо. А мне что-то хочется гит поставить на собственный сервер, чтобы свои проекты там держать. Как с этим быть?<\/p>\n",
            "summary": "Я спрашивал у твиттера, где мне захостить сайт, но там невозможно что-либо потом найти или  систематизировать ответы",
            "date_published": "2014-06-30T22:11:56+02:00",
            "date_modified": "2014-07-08T09:17:24+02:00",
            "tags": [
                "этот сайт"
            ],
            "_date_published_rfc2822": "Mon, 30 Jun 2014 22:11:56 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3646",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        }
    ],
    "_e2_version": 4259,
    "_e2_ua_string": "Aegea 12.0a (v4259e)"
}