{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Блог Чуденкова Алексея, заметки с тегом: css",
    "home_page_url": "https:\/\/blog.chudenkov.ru\/tags\/css\/",
    "feed_url": "https:\/\/blog.chudenkov.ru\/tags\/css\/json\/",
    "icon": "https:\/\/blog.chudenkov.ru\/user\/userpic@2x.jpg",
    "author": {
        "name": "Чуденков Алексей",
        "url": "https:\/\/blog.chudenkov.ru\/",
        "avatar": "https:\/\/blog.chudenkov.ru\/user\/userpic@2x.jpg"
    },
    "items": [
        {
            "id": "78",
            "url": "https:\/\/blog.chudenkov.ru\/",
            "title": "jQuery: иконка показать пароль в поле при вводе",
            "content_html": "<pre class=\"e2-text-code\"><code>$(this).toggleClass(&quot;help-eye help-eye-off&quot;);\r\n  var input = $($(this).attr(&quot;toggle&quot;));\r\n  if (input.attr(&quot;type&quot;) == &quot;password&quot;) {\r\n    input.attr(&quot;type&quot;, &quot;text&quot;);\r\n  } else {\r\n    input.attr(&quot;type&quot;, &quot;password&quot;);\r\n  }\r\n});<\/code><\/pre>",
            "date_published": "2020-03-12T17:27:24+03:00",
            "date_modified": "2020-03-12T17:27:37+03:00",
            "_date_published_rfc2822": "Thu, 12 Mar 2020 17:27:24 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "78",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": []
            }
        },
        {
            "id": "77",
            "url": "https:\/\/blog.chudenkov.ru\/all\/js-risuem-logotip\/",
            "title": "JS: Рисуем логотип",
            "content_html": "<p>Я бродил по Codepen в поисках интересных решений для анимаций форм и объектов на CSS и наткнулся на клёвую реализацию анимации SVG логотипа. Принцип прост — указываем для каждого элемента path в SVG класс и он будет анимирован. Можно на прелоадер поставить, будет эффектно.<\/p>\n<p class=\"codepen\" data-height=\"377\" data-theme-id=\"light\" data-default-tab=\"html,result\" data-user=\"alexey-chudenkov\" data-slug-hash=\"KKpqKwd\" style=\"height: 377px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-pen-title=\"Animated SVG Logo\">\r\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/alexey-chudenkov\/pen\/KKpqKwd\">\r\n  Animated SVG Logo<\/a> by Alexey  Chudenkov (<a href=\"https:\/\/codepen.io\/alexey-chudenkov\">@alexey-chudenkov<\/a>)\r\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\r\n<\/p>\n<script async src=\"https:\/\/static.codepen.io\/assets\/embed\/ei.js\"><\/script>\n",
            "date_published": "2020-02-29T11:50:49+03:00",
            "date_modified": "2020-02-29T13:22:48+03:00",
            "_date_published_rfc2822": "Sat, 29 Feb 2020 11:50:49 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "77",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "74",
            "url": "https:\/\/blog.chudenkov.ru\/all\/css3-simplest-preloader-with-your-logo\/",
            "title": "CSS3: Simplest preloader with your logo",
            "content_html": "<p>Написал простейший прелоадер для предварительной загрузки страниц вашего сайта. Работает на чистом CSS, скрипты используются только для того чтобы после загрузки скрыть прелоадер.<\/p>\n<p class=\"codepen\" data-height=\"400\" data-theme-id=\"light\" data-default-tab=\"html,result\" data-user=\"alexey-chudenkov\" data-slug-hash=\"wvaBRqy\" style=\"height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-pen-title=\"Simple preloader with your logo\">\r\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/alexey-chudenkov\/pen\/wvaBRqy\">\r\n  Simple preloader with your logo<\/a> by Alexey  Chudenkov (<a href=\"https:\/\/codepen.io\/alexey-chudenkov\">@alexey-chudenkov<\/a>)\r\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\r\n<\/p>\n<script async src=\"https:\/\/static.codepen.io\/assets\/embed\/ei.js\"><\/script>\n<p>Чтобы заработало, надо в тег body добавить:<\/p>\n<pre class=\"e2-text-code\"><code>onload=&quot;preloader()&quot;<\/code><\/pre>",
            "date_published": "2020-02-09T17:18:19+03:00",
            "date_modified": "2020-02-09T17:20:39+03:00",
            "_date_published_rfc2822": "Sun, 09 Feb 2020 17:18:19 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "74",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": []
            }
        },
        {
            "id": "72",
            "url": "https:\/\/blog.chudenkov.ru\/all\/css3-samaya-prostaya-animaciya-knopki\/",
            "title": "CSS3: самая простая анимация кнопки при наведении",
            "content_html": "<p class=\"codepen\" data-height=\"506\" data-theme-id=\"light\" data-default-tab=\"css,result\" data-user=\"alexey-chudenkov\" data-slug-hash=\"VwYoKgV\" style=\"height: 506px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\" data-pen-title=\"Button Fill Left to Right\">\r\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/alexey-chudenkov\/pen\/VwYoKgV\">\r\n  Button Fill Left to Right<\/a> by Alexey  Chudenkov (<a href=\"https:\/\/codepen.io\/alexey-chudenkov\">@alexey-chudenkov<\/a>)\r\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\r\n<\/p>\n<script async src=\"https:\/\/static.codepen.io\/assets\/embed\/ei.js\"><\/script>\n",
            "date_published": "2020-02-02T11:50:15+03:00",
            "date_modified": "2020-02-05T23:47:47+03:00",
            "_date_published_rfc2822": "Sun, 02 Feb 2020 11:50:15 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "72",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "38",
            "url": "https:\/\/blog.chudenkov.ru\/",
            "title": "CSS: iPhone + a.tel",
            "content_html": "<pre class=\"e2-text-code\"><code>.your-class a[href^=tel] {\r\n    color: #000;\r\n}<\/code><\/pre>",
            "date_published": "2018-05-11T18:30:48+03:00",
            "date_modified": "2018-05-11T18:32:12+03:00",
            "_date_published_rfc2822": "Fri, 11 May 2018 18:30:48 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "38",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": []
            }
        },
        {
            "id": "21",
            "url": "https:\/\/blog.chudenkov.ru\/all\/pro-display-inline-block-v-css\/",
            "title": "Про display: inline-block в CSS",
            "content_html": "<p><i>Копипаста:<\/i><\/p>\n<blockquote><p>Если не установить свойство width, блоки примут по умолчанию значение ширины всей страницы и от свойства display не будет ни какого толку.  Важно понимать что элементы встанут в одну линию если для них обоих (или более) будет задано свойство display: inline-block при этом между ними не будет других элементов, с отличным от данного, свойством. Если попробуем изменить класс для блока .child находящегося по середине, тем самым убрав все стили, то увидим что все элементы выстроились в ряд.<\/p>\n<\/blockquote><p><b>Чтобы inline-block заработал, нужно обязательно указать размеры блока. Хотя бы один из размеров.<\/b><\/p>\n<pre class=\"e2-text-code\"><code>.parent {\r\nwidth: 100%;\r\nheight: auto;\r\n}\r\n.child {\r\nwidth: 33%;\r\n}<\/code><\/pre>",
            "date_published": "2018-03-24T13:09:07+03:00",
            "date_modified": "2018-03-25T20:40:03+03:00",
            "_date_published_rfc2822": "Sat, 24 Mar 2018 13:09:07 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "21",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": []
            }
        },
        {
            "id": "20",
            "url": "https:\/\/blog.chudenkov.ru\/all\/iz-ch-b-v-cvet-pri-navedenii-na-izobrazhenie\/",
            "title": "Из ч\/б в цвет при наведении на изображение",
            "content_html": "<p>С введением CSS3 и HTML5 стал реже пользоваться jQuery, да и скриптами вообще. Например, заказчик попросил внедрить на его сайте функцию раскрашивания изображения при наведении. Для этого загрузим цветные изображения на сайт и применим для них фильтр grascale.<\/p>\n<style>\r\n.grayscale {\r\n    filter: grayscale(90%);\r\n    transition: 1s;\r\n}\r\n\r\n.grayscale:hover {\r\n\tfilter: grayscale(0%);\r\n\ttransition: 1s;\r\n}\r\n<\/style>\n<div class=\"grayscale\"><p><img src=\"https:\/\/blog.chudenkov.ru\/pictures\/Screenshot_9.jpg\" width=\"100%\"\/><\/p>\n<\/div><p>А чтобы всё это раскрашивалось постепенно добавим transition, в противном случае это выглядит менее эстетично.<\/p>\n<pre class=\"e2-text-code\"><code>.your-img-class {\r\n    filter: grayscale(90%);\r\n    transition: 1s;\r\n}\r\n\r\n.your-img-class:hover {\r\n\tfilter: grayscale(0%);\r\n\ttransition: 1s;\r\n}<\/code><\/pre>",
            "date_published": "2018-03-24T11:55:05+03:00",
            "date_modified": "2018-03-26T00:09:39+03:00",
            "_date_published_rfc2822": "Sat, 24 Mar 2018 11:55:05 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "20",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": []
            }
        },
        {
            "id": "45",
            "url": "https:\/\/blog.chudenkov.ru\/all\/css-setka-bootstrap\/",
            "title": "CSS сетка bootstrap",
            "content_html": "<pre class=\"e2-text-code\"><code>.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0\/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}@media(max-width:767px){.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print{display:none!important}}<\/code><\/pre>",
            "date_published": "2018-01-09T14:13:00+03:00",
            "date_modified": "2018-09-23T14:13:56+03:00",
            "_date_published_rfc2822": "Tue, 09 Jan 2018 14:13:00 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "45",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": []
            }
        }
    ],
    "_e2_version": 3365,
    "_e2_ua_string": "E2 (v3365; Aegea)"
}