{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блог Дмитрия Серженко: заметки с тегом веб-сервисы",
    "_rss_description": "Всю сознательную жизнь работаю в образовании.\r\n\r\nВ настоящее время — открываю Лицей информационных технологий Приморского района Санкт-Петербурга.\r\nРанее (в т.ч. по совместительству): зам. директора и  руководитель центра цифрового образования «ИнфинITи» школы № 509, сотрудник СПбЦОКОиИТ и Инспекции Комитета по образованию Санкт-Петербурга, заведующий ЦИО ИМЦ Петродворцового района, сотрудник поддержки ВКонтакте, инженер ЦИО ИМЦ Красносельского района, педагог дополнительного образования УМЦ «ИНФОБ» и лицея № 395, переводчик, индивидуальный предприниматель и проч., проч., проч.…\r\n\r\nDisclaimer. Вся информация, опубликованная в этом блоге, отражает персональное мнение частного лица, даже если затрагивает рабочие темы, и не представляет официальную позицию какой-либо организации или органа власти (хотя и может с таковой позицией совпадать… или не совпадать).",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/serzhenko.ru\/tags\/veb-servisy\/",
    "feed_url": "https:\/\/serzhenko.ru\/tags\/veb-servisy\/json\/",
    "icon": "https:\/\/serzhenko.ru\/pictures\/userpic\/userpic@2x.jpg?1762279385",
    "authors": [
        {
            "name": "Дмитрий Серженко",
            "url": "https:\/\/serzhenko.ru\/",
            "avatar": "https:\/\/serzhenko.ru\/pictures\/userpic\/userpic@2x.jpg?1762279385"
        }
    ],
    "items": [
        {
            "id": "11",
            "url": "https:\/\/serzhenko.ru\/all\/timelinejs\/",
            "title": "TimelineJS — сервис для создания интерактивных веб-таймлайнов",
            "content_html": "<p>Удобным и наглядным способом отобразить последовательность событий, имеющих конкретные даты или временн<i>ы<\/i>е рамки, является таймлайн («временн<i>а<\/i>я шкала»).<\/p>\n<p>Одним из бесплатных инструментов (более того — с открытым исходным кодом), позволяющих создавать интерактивные таймлайны, является <a href=\"https:\/\/timeline.knightlab.com\">библиотека TimelineJS<\/a>. Созданные таймлайны могут быть размещены на любом веб-сайте или блоге, позволяющем встраивать IFrame’ы либо JavaScript и CSS.<\/p>\n<p>Источником входных данных, описывающим слайды-события, может быть гугл-документ (таблица Google Spreadsheets) либо — для продвинутых пользователей — особая структура данных в формате JSON.<\/p>\n<p>Таймлайн, созданный с использованием этой библиотеки, представляет набор «слайдов»: каждый слайд — одно событие. Каждое событие может описываться следующими параметрами: название, небольшой описательный текст, дата (или две даты — начало и конец периода). Слайд может содержать медиаобъекты (изображения, видео, аудио, карты, твиты и другие объекты). Помимо медиаобъекта, слайд может содержать фоновое изображение. События в таймлайне могут быть сгруппированы в «эры».<\/p>\n<p>Разработчики библиотеки предлагают на сайте удобный сервис-конструктор встраиваемого кода. В простейшем варианте для создания своего таймлайна необходимо выполнить несколько простых действий:<\/p>\n<ol start=\"1\">\n<li>Создать гугл-таблицу по предоставленному разработчиками <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1pHBvXN7nmGkiG8uQSUB82eNlnL8xHu6kydzH_-eguHQ\/copy\">шаблону<\/a>.<\/li>\n<li>Заполнить её данными.<\/li>\n<li>Опубликовать таблицу, получив публичную ссылку.<\/li>\n<li>Вставить полученную на предыдущем шаге ссылку в конструктор кода.<\/li>\n<li>Готово! Сервис сразу же выдаёт код, готовый для встраивания в веб-страницы.<br \/>\nКод, предлагаемый по умолчанию, готов к использованию. Но <a href=\"https:\/\/timeline.knightlab.com\/docs\/options.html\">таймлайн весьма гибко настраивается<\/a>, если стандартные опции не подходят. В частности, предлагаемый по умолчанию код подразумевает английскую локализацию (<i>language=en<\/i>), однако русская локализация поддерживается в полной мере (<i>language=ru<\/i>).<\/li>\n<\/ol>\n<p>Для сайтов, созданных на движке WordPress, может оказаться полезным <a href=\"https:\/\/ru.wordpress.org\/plugins\/knight-lab-timelinejs\/\">официальный плагин<\/a> от разработчиков библиотеки, ещё более упрощающий встраивание таймлайнов.<\/p>\n<p>Пример использования таймлайна можно посмотреть на сайте школы № 509 <a href=\"https:\/\/school509.spb.ru\/история-школы\/\">в разделе «История школы»<\/a>: на временную шкалу нанесены важные и интересные события в пока ещё недолгой (двухлетней) истории школы-новостройки:<\/p>\n<iframe src='https:\/\/cdn.knightlab.com\/libs\/timeline3\/latest\/embed\/index.html?source=1zJ7-_fTHk0FsHB3fNsQ-v8p-lTUJ2MZ7GkIFl708ezw&font=Default&lang=ru&initial_zoom=2&start_at_slide=1&height=650' width='100%' height='650' webkitallowfullscreen mozallowfullscreen allowfullscreen frameborder='0'><\/iframe>\n",
            "date_published": "2017-06-07T18:33:30+03:00",
            "date_modified": "2017-06-07T18:31:57+03:00",
            "tags": [
                "веб-сервисы",
                "таймлайн"
            ],
            "_date_published_rfc2822": "Wed, 07 Jun 2017 18:33:30 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "11",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}