{
    "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\/emerge\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/emerge\/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": "6202",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/think-on-5\/",
            "title": "Думаем дальше № 5 — «Ты явно хочешь гуй» с Никитой Прокоповым",
            "content_html": "<p>Обсудили ещё деталей интерфейса текстового ввода, зачем люди пользуются терминалом и анимацию:<\/p>\n<ul>\n  <li><a href=\"https:\/\/t.me\/ilyabirman_channel\/9941\">в Телеграме<\/a>,<\/li>\n  <li><a href=\"https:\/\/thinkon.mave.digital\/ep-5\">в Мейве<\/a>.<\/li>\n<\/ul>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n  <tr>\n    <td style=\"text-align: left\">0:00<\/td>\n    <td style=\"text-align: left\">Кросс-платформенность против качества нативных приложений<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">12:35<\/td>\n    <td style=\"text-align: left\">Поведение текстового поля: направление выделения<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">19:07<\/td>\n    <td style=\"text-align: left\">Поведение текстового поля: курсор с памятью стиля<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">22:05<\/td>\n    <td style=\"text-align: left\">Терминал против графического интерфейса. Никита толкает речь против терминала<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">28:41<\/td>\n    <td style=\"text-align: left\">Илья неожиданно толкает речь за<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">35:10<\/td>\n    <td style=\"text-align: left\">Но Никита имел в виду немножко другое, но Илья и про это тоже что-то там думает<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">40:35<\/td>\n    <td style=\"text-align: left\">Находим способ и тут вырулить на тему того, что софт тормозит без дела<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">47:43<\/td>\n    <td style=\"text-align: left\">Сложные клавиатурные действия с текстом в Виме и ВС Коде<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">52:02<\/td>\n    <td style=\"text-align: left\">Чатботы, дизайн взаимодействия через текстовые команды и тотальное скриптование всего<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:02:57<\/td>\n    <td style=\"text-align: left\">Делл анонсировал новый 40-дюймовый монитор, а у Ильи Хуавей<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:10:35<\/td>\n    <td style=\"text-align: left\">Никита спрашивает, зачем на сайте Ильи анимируется меню<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:14:04<\/td>\n    <td style=\"text-align: left\">Управляемая загрузка веб-страниц <a href=\"https:\/\/ilyabirman.ru\/emerge\/\">и Эмёрдж<\/a><\/td>\n  <\/tr>\n<\/table>\n<p><a href=\"https:\/\/thinkon.mave.digital\">Все выпуски<\/a> · <a href=\"https:\/\/cloud.mave.digital\/51724\">РСС для подкастного приложения<\/a><\/p>\n",
            "summary": "Обсудили ещё деталей интерфейса текстового ввода, зачем люди пользуются терминалом и анимацию...",
            "date_published": "2024-01-13T09:58:47+02:00",
            "date_modified": "2024-01-13T10:05:24+02:00",
            "tags": [
                "анимация",
                "Думаем дальше",
                "пользовательский интерфейс",
                "Эмёрдж"
            ],
            "_date_published_rfc2822": "Sat, 13 Jan 2024 09:58:47 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6202",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "5776",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-2-0\/",
            "title": "Эмёрдж 2.0",
            "content_html": "<div class=\"e2-text-picture\">\n<a href=\"https:\/\/ilyabirman.ru\/projects\/emerge\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png\" width=\"252\" height=\"252\" alt=\"Эмёрдж: система управляемой загрузки страниц\" \/>\n<\/a><\/div>\n<p>Вышел <a href=\"https:\/\/ilyabirman.ru\/projects\/emerge\/\">Эмёрдж 2.0<\/a>. Новая версия переписана на чистом джаваскрипте без Джейквери.<\/p>\n<p>Её написал <a href=\"https:\/\/dvel.ru\/\">Кирилл Мышкин<\/a>, и теперь за дальнейшую разработку Эмёрджа отвечает он.<\/p>\n<p>Напомню, Эмёрдж — это скрипт, который управляет тем, как выглядит загрузка веб-страниц. Например, вы можете указать, чтобы картинка или видео не появлялись, пока полностью не загрузятся, а потом появлялись с каким-нибудь эффектом. Или чтобы картинки обязательно «проявлялись» в определённом порядке, даже если загрузятся они в другом.<\/p>\n<p>Это всё можно сделать и без Эмёрджа, но его ценность в декларативном АПИ: вам не нужно писать вообще ни одной строчке на джаваскрипте, нужное поведение описывается тегами и атрибутами. Я даже делал об этом <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/declarative-apis-talk\/\">доклад<\/a>. Примеры и документация — на странице Эмёрджа.<\/p>\n<p>По нашей задумке, старую версию можно просто заменить на новую 2.0, и всё продолжит работать как ни в чём не бывало. У себя на сайте я уже обновился.<\/p>\n<p>А ещё Эмёрдж стал бесплатным и открытым <a href=\"https:\/\/github.com\/ilyabirman\/Emerge\">на Гитхабе<\/a>.<\/p>\n",
            "summary": "Вышел Эмёрдж 2.0. Новая версия переписана на чистом джаваскрипте без Джейквери",
            "date_published": "2021-12-03T14:46:29+02:00",
            "date_modified": "2021-12-03T13:53:29+02:00",
            "tags": [
                "релиз",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png",
            "_date_published_rfc2822": "Fri, 03 Dec 2021 14:46:29 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5776",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png"
                ]
            }
        },
        {
            "id": "5648",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/aegea-lazy-load-task\/",
            "title": "Задача: реализовать ленивую загрузку в Эгее",
            "content_html": "<p>Это задание на разработку фичи в Эгее. Если вы хотите реализовать эту задачу, напишите мне.<\/p>\n<h2>Задача<\/h2>\n<p>Задача: снизить нагрузку на сервер и на браузер пользователя, реализовав умную ленивую загрузку изображений и видосов в Эгее.<\/p>\n<p>Сейчас картинки и видосы залинкованы простыми тегами img и video без управления загрузкой. На странице может быть очень много таких объектов, и я хочу получить возможность гибко управлять их загрузкой. Важно добиться того, чтобы это не помешало пользователю пользоваться страницей.<\/p>\n<p>Тупые скрипты ленивой загрузки загружают картинки только тогда, когда они появляются в поле зрения, да ещё и не дают никакой индикации того, что идёт загрузка. Яркий пример клиники — Медиум. Там в лонгридах полная жесть: вместо всех картинок разблюр, который превратится в картинки когда-нибудь если повезёт.<\/p>\n<p>Эгея должна уметь предзагружать картинки заранее, оценивая, как человек читает. Если он просто постепенно прокручивает, то надо, чтобы было загружено на несколько картинок и видосов вперёд. Если он взялся за полосу прокрутки и быстро крутит, периодически задерживаясь где-то, значит он что-то ищет — надо скорее загрузить все картинки, а видосы можно и не грузить. Если человек резко домотал страницу до низа, а потом сразу до верха, скорее всего он пытается добиться от загружалки, чтобы всё заранее скачалось — значит, всё должно скачаться. Это всё мои соображения, возможно, вы их чем-то дополните.<\/p>\n<p>Хорошо бы, чтобы была возможность задать конкретные лимиты: не предзагружать больше X мегабайт или ещё что-то.<\/p>\n<p>Если так или иначе оказалось, что пользователь докрутил до картинки, которая пока не скачалась, было бы хорошо дать какую-то индикацию того, что идёт загрузка.<\/p>\n<p>На момент открытия страницы какие-то картинки могут уже быть в кеше браузера пользователя. Такие картинки должны сразу показаться безо всяких индикаций и тупняка.<\/p>\n<p>Важно, что вся эта автоматика должна распространяться только на выбранные картинки и видосы, а не на что попало. Возможно, они должны быть помечены в коде определённым классом или дата-атрибутом.<\/p>\n<p>Ссылки по теме:<\/p>\n<ul>\n  <li><a href=\"https:\/\/readymag.com\/tehnovedro\/488569\/\">Картинка ждёт читателя. Часть 1<\/a><\/li>\n  <li><a href=\"https:\/\/readymag.com\/tehnovedro\/488569\/4\/\">Картинка ждёт читателя. Часть 2<\/a><\/li>\n<\/ul>\n<h2>Результат<\/h2>\n<p>Во-первых, вариант минимум. Результатом должен стать скрипт управляемой загрузки, который можно будет добавить в набор скриптов Эгеи, и всё заработает. Не должно быть никакого кода, который нужно вызывать, чтобы скрипт «сработал»: он должен сам вызываться, когда страница к этому готова, просто потому что он к ней подключен, и действовать на все картинки и видосы, которые помечены соответствующим образом. У меня там есть Вебпак.<\/p>\n<p>Во-вторых, вариант максимум. Вообще, у меня есть скрипт управляемой загрузки <a href=\"https:\/\/ilyabirman.ru\/projects\/emerge\/\">Эмёрдж<\/a>. Он отвечает именно за порядок отображения и анимацию появления картинок, но не за управление их скачиванием с сервера. Идеально было бы вообще сделать Эмёрдж 2: переписать на чистом современном Джаваскрипте; добавить нужную Эгее логику; встроить в Эгею.<\/p>\n<p>Ссылки по теме:<\/p>\n<ul>\n  <li><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/declarative-apis-talk\/\">Дизайн декларативных АПИ<\/a><\/li>\n<\/ul>\n<h2>Условия участия<\/h2>\n<p>Если вам интересно такое сделать, <a href=\"mailto:ilyabirman@ilyabirman.ru\">напишите мне письмо<\/a>. Какие у вас есть вопросы? Что в моём описании вызывает сомнения? Возможно, нормальные ребята делают не так, как я хочу, и вы мне всё объясните? Важно: я не смогу оплатить вашу работу, но смогу использовать её результаты в Эгее, в том числе в её платной версии. О вашем участии я, разумеется, напишу. Если вы выберете вариант максимум с докруткой Эмёрджа, условия обсудим отдельно.<\/p>\n",
            "summary": "Это задание на разработку фичи в Эгее. Если вы хотите реализовать эту задачу, напишите мне",
            "date_published": "2021-05-11T22:03:33+02:00",
            "date_modified": "2021-05-11T22:02:29+02:00",
            "tags": [
                "вопрос",
                "Эгея",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-og-image.jpg",
            "_date_published_rfc2822": "Tue, 11 May 2021 22:03:33 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5648",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-og-image.jpg"
                ]
            }
        },
        {
            "id": "4719",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/declarative-apis-talk\/",
            "title": "Дизайн декларативных АПИ",
            "content_html": "<p>Опубликовали видос моего летнего доклада на Питер-ЦСС про декларативные АПИ (на английском):<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/uCQ3JFuQ7bQ?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Рассказываю о том, почему декларативные АПИ — это хорошо, и потом привожу в пример:<\/p>\n<ul>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/likely\/\">Лайкли<\/a>,<\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/emerge\/\">Эмёрдж<\/a>,<\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/\">Жуэль<\/a>.<\/li>\n<\/ul>\n<p>Тогда <a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/pro\/\">новый Жуэль-про<\/a> ещё был в разработке, а сейчас его уже можно купить и использовать.<\/p>\n<p>Ещё читайте <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/piter-css-photos\/\" class=\"nu\">«<u>Как прошёл Питер-ЦСС<\/u>»<\/a> (офигенно). Большое спасибо организаторам!<\/p>\n",
            "summary": "Опубликовали видос моего летнего доклада на Питер-ЦСС про декларативные АПИ (на английском)",
            "date_published": "2018-02-23T12:06:09+02:00",
            "date_modified": "2020-11-09T21:23:29+02:00",
            "tags": [
                "английский язык",
                "веб-разработка",
                "доклады",
                "Жуэль",
                "Лайкли",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-uCQ3JFuQ7bQ-cover.jpg",
            "_date_published_rfc2822": "Fri, 23 Feb 2018 12:06:09 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4719",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-uCQ3JFuQ7bQ-cover.jpg"
                ]
            }
        },
        {
            "id": "4418",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-1-3-1\/",
            "title": "Эмёрдж 1.3.1",
            "content_html": "<div class=\"e2-text-picture\">\n<a href=\"https:\/\/ilyabirman.ru\/projects\/emerge\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png\" width=\"252\" height=\"252\" alt=\"Эмёрдж: система управляемой загрузки страниц\" \/>\n<\/a><\/div>\n<p>Вышел <a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\">Эмёрдж 1.3.1<\/a>, где исправлены пара багов. Один касался анимации спиннера, другой — ошибок в консоли из-за ЦСС-изображений. Если вас не беспокоят эти проблемы, обновляться не обязательно.<\/p>\n<p>Если вы покупали Эмёрдж, вы бесплатно получаете и обновление. Просто скачайте новую версию по той же ссылке, что и в прошлый раз. Если ссылка потерялась, напишите мне и укажите домен, для которого покупали.<\/p>\n",
            "summary": "Вышел Эмёрдж 1.3.1, где исправлены пара багов. Один касался анимации спиннера, другой — ошибок в консоли из-за ЦСС-изображений",
            "date_published": "2017-05-27T20:06:48+02:00",
            "date_modified": "2021-12-03T13:42:52+02:00",
            "tags": [
                "релиз",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png",
            "_date_published_rfc2822": "Sat, 27 May 2017 20:06:48 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4418",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png"
                ]
            }
        },
        {
            "id": "4286",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-1-3\/",
            "title": "Эмёрдж 1.3 с поддержкой видео и повтора",
            "content_html": "<div class=\"e2-text-picture\">\n<a href=\"https:\/\/ilyabirman.ru\/projects\/emerge\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png\" width=\"252\" height=\"252\" alt=\"Эмёрдж: система управляемой загрузки страниц\" \/>\n<\/a><\/div>\n<p>Вышел <a href=\"https:\/\/ilyabirman.ru\/projects\/emerge\/\">Эмёрдж 1.3<\/a>:<\/p>\n<ul>\n  <li>теперь поддерживаются не только картинки, но и видео;<\/li>\n  <li>любой элемент с классом <tt>data-replay<\/tt> по клику запустит все анимации заново — удобно для отладки.<\/li>\n<\/ul>\n<p>Если вы покупали Эмёрдж, вы бесплатно получаете и обновление. Просто скачайте новую версию по той же ссылке, что и в прошлый раз. Если ссылка потерялась, напишите мне и укажите домен, для которого покупали.<\/p>\n",
            "summary": "Вышел Эмёрдж 1.3",
            "date_published": "2016-12-24T13:43:39+02:00",
            "date_modified": "2021-12-03T13:54:58+02:00",
            "tags": [
                "релиз",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png",
            "_date_published_rfc2822": "Sat, 24 Dec 2016 13:43:39 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4286",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png"
                ]
            }
        },
        {
            "id": "4226",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-1-2-3\/",
            "title": "Эмёрдж 1.2.3",
            "content_html": "<div class=\"e2-text-picture\">\n<a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png\" width=\"252\" height=\"252\" alt=\"Эмёрдж: система управляемой загрузки страниц\" \/>\n<\/a><\/div>\n<p>Вышел <a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\">Эмёрдж 1.2.3<\/a>:<\/p>\n<ul>\n  <li>теперь <tt>data-expose<\/tt> не забывает сработать при изменении размера окна браузера (если стало влезать то, что не влезало);<\/li>\n  <li>встроенный спиннер стал крутиться точно вокруг собственного центра;<\/li>\n  <li>вместо СВГ-анимации снова используется ЦСС-анимация.<\/li>\n<\/ul>\n<p>Цена на Эмёрдж в биткоинах стала вдвое ниже, в долларах — на четверть ниже, а в рублях — немного выше. Если вы напишете мне письмо прямо сегодня, я вам продам его по старой рублёвой цене.<\/p>\n<p>Если вы покупали Эмёрдж, вы бесплатно получаете и обновление. Просто скачайте новую версию по той же ссылке, что и в прошлый раз. Если ссылка потерялась, напишите мне и укажите домен, для которого покупали.<\/p>\n",
            "summary": "Вышел Эмёрдж 1.2.3",
            "date_published": "2016-10-09T13:17:16+02:00",
            "date_modified": "2021-12-03T13:41:20+02:00",
            "tags": [
                "продукты",
                "релиз",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png",
            "_date_published_rfc2822": "Sun, 09 Oct 2016 13:17:16 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4226",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png"
                ]
            }
        },
        {
            "id": "4121",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-1-2-2\/",
            "title": "Эмёрдж 1.2.2",
            "content_html": "<div class=\"e2-text-picture\">\n<a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png\" width=\"252\" height=\"252\" alt=\"Эмёрдж: система управляемой загрузки страниц\" \/>\n<\/a><\/div>\n<p>Вышел <a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\">Эмёрдж 1.2.2<\/a>, который должен лучше поддерживать свойство <tt>data-expose<\/tt> в Интернет-эксплорере и Фаерфоксе.<\/p>\n<p>Если вы покупали Эмёрдж, вы бесплатно получаете и обновление. Просто скачайте новую версию по той же ссылке, что и в прошлый раз. Если ссылка потерялась, напишите мне и укажите домен, для которого покупали.<\/p>\n",
            "summary": "Вышел Эмёрдж 1.2.2, который должен лучше поддерживать свойство data-expose в Интернет-эксплорере и Фаерфоксе",
            "date_published": "2016-06-23T11:37:08+02:00",
            "date_modified": "2016-12-12T15:23:35+02:00",
            "tags": [
                "продукты",
                "релиз",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png",
            "_date_published_rfc2822": "Thu, 23 Jun 2016 11:37:08 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4121",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png"
                ]
            }
        },
        {
            "id": "4001",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-1-2-1\/",
            "title": "Эмёрдж 1.2.1",
            "content_html": "<div class=\"e2-text-picture\">\n<a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png\" width=\"252\" height=\"252\" alt=\"Эмёрдж: система управляемой загрузки страниц\" \/>\n<\/a><\/div>\n<p>В новой версии <a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\">исправлена ошибка<\/a>, из-за которой <tt>data-expose<\/tt> мог не работать на страницах с доктайпом ХТМЛ 5.<\/p>\n<p>Если вы покупали Эмёрдж, вы бесплатно получаете и обновление. Просто скачайте новую версию по той же ссылке, что и в прошлый раз. Если ссылка потерялась, напишите мне и укажите домен, для которого покупали.<\/p>\n",
            "summary": "В новой версии исправлена ошибка, из-за которой data-expose мог не работать на страницах с доктайпом ХТМЛ 5...",
            "date_published": "2015-10-30T13:10:49+02:00",
            "date_modified": "2016-12-12T16:42:57+02:00",
            "tags": [
                "веб-разработка",
                "продукты",
                "проекты",
                "релиз",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png",
            "_date_published_rfc2822": "Fri, 30 Oct 2015 13:10:49 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4001",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png"
                ]
            }
        },
        {
            "id": "3960",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-1-2\/",
            "title": "Эмёрдж 1.2 с анимацией по скроллу",
            "content_html": "<div class=\"e2-text-picture\">\n<a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png\" width=\"252\" height=\"252\" alt=\"Эмёрдж: система управляемой загрузки страниц\" \/>\n<\/a><\/div>\n<p>Вышла <a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\">новая версия Эмёрджа<\/a>.<\/p>\n<p>Появился атрибут <tt>data-expose<\/tt>, с помощью которого можно придержать анимацию появления элемента до тех пор, пока человек не доскролит до этого элемента:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;div class=&quot;emerge&quot; data-expose=&quot;true&quot;&gt;\n  &lt;!-- то, что красиво проявится только когда докрутишь --&gt;\n&lt;\/div&gt;<\/code><\/pre><p>Разумеется, это можно комбинировать со всеми другими атрибутами и эффектами. Этот див проявится с эффектом зума спустя четверть секунды после доскроливания:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;div class=&quot;emerge&quot; data-effect=&quot;zoom&quot; data-hold=&quot;250&quot; data-expose=&quot;true&quot;&gt;\n  &lt;!-- это проявится чуть позже, чем когда докрутишь --&gt;\n&lt;\/div&gt;<\/code><\/pre><p>Пример у меня <a href=\"http:\/\/ilyabirman.ru\/projects\/\">на странице проектов<\/a>. Там значение холда у всех элементов чуточку разное, поэтому они так прикольно-случайно усыпают страницу.<\/p>\n<p>Если вы покупали Эмёрдж, вы бесплатно получаете и обновление. Просто скачайте новую версию по той же ссылке, что и в прошлый раз. Если ссылка потерялась, напишите мне и укажите домен, для которого покупали.<\/p>\n",
            "summary": "Вышла новая версия Эмёрджа",
            "date_published": "2015-08-31T09:49:45+02:00",
            "date_modified": "2016-12-12T16:44:48+02:00",
            "tags": [
                "веб-разработка",
                "продукты",
                "проекты",
                "релиз",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png",
            "_date_published_rfc2822": "Mon, 31 Aug 2015 09:49:45 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3960",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png"
                ]
            }
        },
        {
            "id": "3785",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-1-1\/",
            "title": "Эмёрдж 1.1 с собственным спиннером и поддержкой кастомных",
            "content_html": "<div class=\"e2-text-picture\">\n<a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png\" width=\"252\" height=\"252\" alt=\"Эмёрдж: система управляемой загрузки страниц\" \/>\n<\/a><\/div>\n<p>Вышла <a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\">новая версия Эмёрджа<\/a>.<\/p>\n<p>Он больше не требует spin.js для рисования индикатора загрузки — есть встроенный в виде незамкнутого колечка. Появилась поддержка пользовательских индикаторов. В том числе, можно продолжать использовать spin.js.<\/p>\n<p>Как и раньше, чтобы на месте загружаемого элемента изображался спиннер, нужно написать <tt>data-spin=&quot;true&quot;<\/tt>. Видом спиннера управляют новые параметры: <tt>data-spin-size<\/tt>, <tt>data-spin-color<\/tt>, <tt>data-spin-direction<\/tt> (см. документацию на странице Эмёрджа).<\/p>\n<p>Чтобы использовать другой индикатор, например, один из кайфных <a href=\"http:\/\/samherbert.net\/svg-loaders\/\">индикаторов Сэма Херберта<\/a>, достаточно завернуть его код в именованный див:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;div id=&quot;cool-spinner&quot; style=&quot;display: none&quot;&gt;\n  &lt;svg&gt; ... &lt;\/svg&gt;\n&lt;\/div&gt;<\/code><\/pre><p>и сказать Эмёрджу, что содержимое этого дива надо использовать в качестве индикатора загрузки:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;div class=&quot;emerge&quot; data-spin-element=&quot;cool-spinner&quot;&gt;\n  &lt;!-- контент, во время загрузки которого показывается индикатор --&gt;\n&lt;\/div&gt;<\/code><\/pre><p>Чтобы использовать <a href=\"http:\/\/fgnass.github.io\/spin.js\/\">spin.js<\/a> по-старинке, заведите его внутри вашего дива, не забыв выровнять по центру:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;script src=&quot;\/path\/to\/spin.js&quot;&gt;&lt;\/script&gt;\n\n  ...\n\n&lt;div id=&quot;spinjs-spinner&quot; style=&quot;display: none&quot;&gt;\n  &lt;div style=&quot;position: absolute; left: 50%; top: 50%; margin: -8px&quot;&gt;&lt;\/div&gt;\n&lt;\/div&gt;\n\n&lt;script&gt;\n  var spinner = new Spinner ({\n    lines: 12,\n    length: 4,\n    width: 2,\n    radius: 8,\n    corners: 0,\n    rotate: 0,\n    color: 'rgba(96, 96, 96, .75)',\n    hwaccel: true\n  })\n  spinner.spin ($ ('#spinjs-spinner div')[0])\n&lt;\/script&gt;\n\n  ...\n\n&lt;div class=&quot;emerge&quot; data-spin-element=&quot;spinjs-spinner&quot;&gt;\n  &lt;!-- контент, во время загрузки которого показывается индикатор --&gt;\n&lt;\/div&gt;<\/code><\/pre><p>Если вы покупали Эмёрдж, вы бесплатно получаете и обновление. Напишите мне и укажите домен, для которого покупали, или просто скачайте новую версию по той же ссылке, что и в прошлый раз.<\/p>\n",
            "summary": "Вышла новая версия Эмёрджа",
            "date_published": "2014-12-10T13:34:09+02:00",
            "date_modified": "2016-12-12T16:54:40+02:00",
            "tags": [
                "веб-разработка",
                "продукты",
                "проекты",
                "релиз",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png",
            "_date_published_rfc2822": "Wed, 10 Dec 2014 13:34:09 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3785",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png"
                ]
            }
        },
        {
            "id": "3454",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ssylki-na-pervyh-polzovateley-emyordzha\/",
            "title": "Ссылки на первых пользователей Эмёрджа",
            "content_html": "<p>Как обещал, даю ссылки на проявивших инициативу первых пользователей Эмёрджа. Описания под ссылками — те, что прислали сами пользователи.<\/p>\n<blockquote>\n<p><a href=\"http:\/\/ixley.ru\/\">http:\/\/ixley.ru\/<\/a><br \/>\nПортфолио Артёма Самохина с фотографиями автомобилей.<\/p>\n<p><a href=\"http:\/\/navigator-edu.ru\/\">http:\/\/navigator-edu.ru\/<\/a><br \/>\nУроки иностранных языков по Скайпу с индивидуальным подбором профессионального преподавателя. Предлагаем изучить 9 европейских и китайский язык. Читателям блога скидка 5%.<\/p>\n<p><a href=\"http:\/\/tjournal.ru\/\">http:\/\/tjournal.ru\/<\/a><br \/>\nСамобытное издание, которое делают люди и роботы. Это топ новостей в российских СМИ (собирает робот, анализируя соцсети), материалы нашей редакции про технологии и интернет, популярные мнения из твиттера и топ коубов.<\/p>\n<p><a href=\"http:\/\/intereffect.ru\/\">http:\/\/intereffect.ru\/<\/a><br \/>\nАгентство Intereffect.<\/p>\n<p><a href=\"http:\/\/dnscnnct.ru\/\">http:\/\/dnscnnct.ru\/<\/a><br \/>\nСкромное портфолио дизайнера.<\/p>\n<\/blockquote>\n<p>Сходите по ссылкам, сделайте людям приятно.<\/p>\n<p>Купите <a href=\"http:\/\/ilyabirman.net\/projects\/emerge\/\">Эмёрдж<\/a>, используйте в своих проектах.<\/p>\n<p>Заодно напомню, что в моём блоге по средам размещается платная реклама (см. последние <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/otzyvy-reklamodateley-2\/\">отзывы рекламодателей<\/a>). До конца года для всех действует скидка 51% при оплате рекламы биткоинами.<\/p>\n",
            "summary": "Как обещал, даю ссылки на проявивших инициативу первых пользователей Эмёрджа. Описания под ссылками — те, что прислали сами пользователи",
            "date_published": "2013-12-04T09:14:01+02:00",
            "date_modified": "2013-12-04T00:57:40+02:00",
            "tags": [
                "биткоин",
                "Эмёрдж"
            ],
            "_date_published_rfc2822": "Wed, 04 Dec 2013 09:14:01 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3454",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "3452",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-for-all\/",
            "title": "Эмёрдж: теперь для всех",
            "content_html": "<p>Первые одиннадцать копий Эмёрджа разлетелись за пару дней, после чего я продажу поставил на паузу (я обещал продать десять, но из-за криворукости умудрился сбиться со счёту). Смысл ограничения был в том, чтобы исправить все страшные проблемы, пока пользователей не очень много. Никто из покупателей пока не пожаловался и не попросил деньги назад, чему я очень рад (разумеется, вы всё ещё можете это сделать, если столкнулись с проблемами).<\/p>\n<p>Теперь <a href=\"http:\/\/ilyabirman.net\/projects\/emerge\/\">Эмёрдж продаётся по полной цене<\/a> ($19 или 0,014 BTC) без ограничений. Обратите внимание, что цена в биткоинах по сегодняшнему курсу — это около $16 долларов. Покупайте за биткоины!<\/p>\n<p>Механизм покупки пока ультратупой: вы жмёте кнопку, пишете мне письмо с желанием купить, я вам отправляю инструкцию. Понимаю, что это жесть, но сделать умнее пока некогда.<\/p>\n<p>В качестве дополнительной благодарности первым покупателям — нехитрая акция. С удовольствием напишу пост со ссылками на каждый из ваших сайтов. Если хотите ссылку, напишите мне письмо (ссылку и пару слов о том, что за ней). На сайте должен быть установлен Эмёрдж. Если желающие будут, пост выйдет в следующую среду, 4 декабря; дедлайн для подачи заявок — понедельник, 2 декабря.<\/p>\n",
            "summary": "Первые одиннадцать копий Эмёрджа разлетелись за пару дней, после чего я продажу поставил на паузу (я обещал продать десять, но из-за криворукости умудрился сбиться со счёту",
            "date_published": "2013-11-28T22:56:38+02:00",
            "date_modified": "2013-11-28T22:56:35+02:00",
            "tags": [
                "Эмёрдж"
            ],
            "_date_published_rfc2822": "Thu, 28 Nov 2013 22:56:38 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3452",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "3436",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-limited-release\/",
            "title": "Эмёрдж: ограниченный релиз",
            "content_html": "<p>Так, у меня для вас готов <a href=\"http:\/\/ilyabirman.net\/projects\/emerge\/\">Эмёрдж<\/a> — система управляемой загрузки страниц. Страничку пока успел только по-английски написать.<\/p>\n<p>Правила покупки очень простые:<\/p>\n<ul>\n  <li>одна лицензия на домен;<\/li>\n  <li>право передумать и получить деньги назад без вопросов в течение 30 дней;<\/li>\n  <li>пожизненные бесплатные апдейты.<\/li>\n<\/ul>\n<p>Пока релиз ограниченный. В ближайшие три дня я продам скрипт только первым десяти человекам, кто закажет там по кнопке (для них же действует скидка 50%). Это нужно, чтобы устаканить АПИ и отладить возможные баги до того, как всё зашло слишком далеко. Когда будут доступны ещё десять копий — пока не знаю, зависит от отзывов первых пользователей. Если у вас есть дельные советы, пишите. Идей по тому, какие ещё фичи добавить, пока много и у самого, это можно не слать.<\/p>\n<p>См. также мой пост про то, <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-soon\/\">что это и зачем<\/a>.<\/p>\n",
            "summary": "Так, у меня для вас готов Эмёрдж — система управляемой загрузки страниц. Страничку пока успел только по-английски написать",
            "date_published": "2013-11-11T17:40:17+02:00",
            "date_modified": "2020-05-21T10:27:16+02:00",
            "tags": [
                "продукты",
                "проекты",
                "Эмёрдж"
            ],
            "_date_published_rfc2822": "Mon, 11 Nov 2013 17:40:17 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3436",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "3426",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/emerge-soon\/",
            "title": "Эмёрдж: система управляемой загрузки страниц",
            "content_html": "<p>При открытии веб-страницы картинки появляются в случайном порядке, неряшливо мелькая, и, пока все они не загрузятся, страница выглядит грязно. Продвинутые веб-разработчики умеют бороться с этим, прописывая сценарии появления элементов страницы на Джаваскрипте. Это называется управляемой загрузкой.<\/p>\n<p>В качестве примера приведу <a href=\"http:\/\/www.apple.com\/mac\/\">страницу с сайта Эпла<\/a>, где сверху некоторое время крутится ромашка, а меню продуктов появляется только когда все элементы уже загружены.<\/p>\n<p>Управляемая загрузка предполагает муторное программирование, поэтому она доступна немногим разработчикам. Есть инструменты, которые несколько упрощают работу, однако останавливает сама необходимость программирования. Я хочу демократизировать управляемую загрузку и снять необходимость в программировании.<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png\" width=\"252\" height=\"252\" alt=\"Эмёрдж: система управляемой загрузки страниц\" \/>\n<\/a><\/div>\n<p><a href=\"http:\/\/ilyabirman.ru\/projects\/emerge\/\">Эмёрдж<\/a> (Emerge) — система управляемой загрузки страниц, мой новый продукт. В системе используется декларативный подход, то есть для каждого элемента прописывается желаемое поведение, а система сама обеспечивает его реализацию. Вот примеры того, что можно сказать элементу с использованием Эмёрджа:<\/p>\n<ul>\n  <li><tt>class=&quot;emerge&quot;<\/tt> — появись только после того, как все твои внутренности будут загружены;<\/li>\n  <li><tt>data-effect=&quot;slide&quot; data-up=&quot;100px&quot;<\/tt> — появись, пролетев снизу вверх 100 пк;<\/li>\n  <li><tt>data-spin-parent=&quot;true&quot;<\/tt> — показывай ромашку в родительском элементе, пока не загрузишься.<\/li>\n<\/ul>\n<p>По умолчанию любой элемент с классом <tt>emerge<\/tt> появляется после загрузки всех содержащихся в нём изображений с полусекундным фейдом (изображения, прописанные через ЦСС, тоже учитываются). Эффекты позволяют модифицировать это поведение. Кроме встроенных эффектов, можно создать любой с помощью параметров <tt>data-style-1<\/tt> и <tt>data-style-2<\/tt>. Стиль элемента переключится из первого во второе состояние, как только элемент будет готов — программирования снова не потребуется (используются ЦСС-анимации).<\/p>\n<p>Эмёрдж ещё разрабатывается, но уже используется на страницах моего сайта: <a href=\"http:\/\/ilyabirman.ru\/\">на главной<\/a>, <a href=\"http:\/\/ilyabirman.ru\/projects\/\">в проектах<\/a>, <a href=\"http:\/\/ilyabirman.ru\/world\/\">мире<\/a>. Комментарии пишите по почте.<\/p>\n<p>В первой публичной версии будет как минимум:<\/p>\n<ul>\n  <li>несколько встроенных эффектов появления;<\/li>\n  <li>создание эффектов вручную с помощью ЦСС-анимаций;<\/li>\n  <li>появление с заданной временной задержкой после готовности;<\/li>\n  <li>зависимость (ожидание готовности другого элемента);<\/li>\n  <li>ромашка в родительском элементе, пока грузится данный;<\/li>\n  <li>поддержка Вебкита (в неподдерживаемых браузерах, как и с выключенным Джаваскриптом, страницы открываются обычно).<\/li>\n<\/ul>\n<p>Эмёрдж будет платным продуктом и выйдет в ноябре.<\/p>\n",
            "summary": "При открытии веб-страницы картинки появляются в случайном порядке, неряшливо мелькая, и, пока все они не загрузятся, страница выглядит грязно",
            "date_published": "2013-10-29T08:57:09+02:00",
            "date_modified": "2020-05-21T10:27:19+02:00",
            "tags": [
                "продукты",
                "проекты",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png",
            "_date_published_rfc2822": "Tue, 29 Oct 2013 08:57:09 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3426",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/emerge-logo.png"
                ]
            }
        }
    ],
    "_e2_version": 4259,
    "_e2_ua_string": "Aegea 12.0a (v4259e)"
}