{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Блог Чуденкова Алексея, заметки с тегом: ux",
    "home_page_url": "https:\/\/blog.chudenkov.ru\/tags\/ux\/",
    "feed_url": "https:\/\/blog.chudenkov.ru\/tags\/ux\/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": "75",
            "url": "https:\/\/blog.chudenkov.ru\/all\/jquery-zapretit-vvodit-probely-v-e-mail\/",
            "title": "jQuery: запретить вводить пробелы в E-Mail",
            "content_html": "<p>Защита от дурака, который может скопировать и вставить почту с пробелами или хуже того ещё и написать её с пробелами.<\/p>\n<pre class=\"e2-text-code\"><code>$(&quot;#input_Id&quot;).change(function()\r\n     $(this).val($(this).val().replace(\/ +\/g, ''))\r\n});<\/code><\/pre>",
            "date_published": "2020-02-10T14:05:01+03:00",
            "date_modified": "2020-02-10T14:05:21+03:00",
            "_date_published_rfc2822": "Mon, 10 Feb 2020 14:05:01 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "75",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": []
            }
        },
        {
            "id": "69",
            "url": "https:\/\/blog.chudenkov.ru\/all\/js-opredelyaem-vklyuchyon-caps-lock-ili-net\/",
            "title": "JS: Определяем включён Caps Lock или нет",
            "content_html": "<p>На W3C нашёл простой и отличный способ определения капса. Для чего? Всё для UI\/UX! Особенно, если аудитория слегка деревянная. Итак, реализация:<\/p>\n<pre class=\"e2-text-code\"><code>var input = document.getElementById(&quot;myInput&quot;);\r\nvar text = document.getElementById(&quot;text&quot;);\r\ninput.addEventListener(&quot;keyup&quot;, function(event) {\r\n  if (event.getModifierState(&quot;CapsLock&quot;)) {\r\n    text.style.display = &quot;block&quot;;\r\n  } else {\r\n    text.style.display = &quot;none&quot;\r\n  }\r\n});<\/code><\/pre><div class=\"e2-text-picture\">\n<img src=\"https:\/\/blog.chudenkov.ru\/pictures\/Screenshot_3.png\" width=\"461\" height=\"248\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2020-01-15T22:46:54+03:00",
            "date_modified": "2020-01-15T22:46:46+03:00",
            "image": "https:\/\/blog.chudenkov.ru\/pictures\/Screenshot_3.png",
            "_date_published_rfc2822": "Wed, 15 Jan 2020 22:46:54 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "69",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/blog.chudenkov.ru\/pictures\/Screenshot_3.png"
                ]
            }
        }
    ],
    "_e2_version": 3365,
    "_e2_ua_string": "E2 (v3365; Aegea)"
}