[{"data":1,"prerenderedAt":347},["ShallowReactive",2],{"gHw7JmpVxq":3},[4],{"id":5,"date":6,"date_gmt":7,"guid":8,"modified":10,"modified_gmt":11,"slug":12,"status":13,"type":14,"link":15,"title":16,"content":18,"excerpt":21,"author":23,"featured_media":24,"comment_status":25,"ping_status":25,"sticky":20,"template":26,"format":27,"meta":28,"categories":29,"tags":31,"class_list":32,"acf":40,"yoast_head":41,"yoast_head_json":42,"featured_media_src_url":137,"_links":138,"_embedded":186},886,"2024-10-20T14:49:51","2024-10-20T11:49:51",{"rendered":9},"https://api.aoskin.ru/?p=886","2025-07-26T18:41:57","2025-07-26T15:41:57","web-animations-api-animacziya-s-pomoshhyu-javascript","publish","post","https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/",{"rendered":17},"Web Animations API: анимация с помощью JavaScript",{"rendered":19,"protected":20},"\n\u003Cp>С появлением Web Animations API (WAAPI) разработчики могут создавать сложные анимации с помощью чистого JavaScript, без необходимости использовать сторонние библиотеки или CSS.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Что такое Web Animations API?\u003C/h2>\n\n\n\n\u003Cp>Web Animations API – это современный стандарт для создания анимаций на веб-страницах с использованием JavaScript. Он предоставляет полный контроль над процессом анимации и позволяет взаимодействовать с ними программно. С помощью WAAPI вы можете изменять, приостанавливать, ускорять и отслеживать прогресс анимации в реальном времени. Этот API был разработан в основе реализации \u003Ca href=\"https://developer.mozilla.org/ru/docs/Web/CSS/CSS_animations\">CSS Animations\u003C/a> и \u003Ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_transitions\">CSS Transitions\u003C/a>.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Преимущества Web Animations API\u003C/h2>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>\u003Cstrong>Гибкость\u003C/strong>: Возможность динамически управлять анимациями и изменять их параметры на лету.\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Производительность\u003C/strong>: Web Animations API использует аппаратное ускорение, что делает его производительным, даже при сложных анимациях.\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Совместимость\u003C/strong>: Он поддерживается большинством современных браузеров, что упрощает кроссбраузерную разработку.\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Меньше зависимостей\u003C/strong>: Нет необходимости подключать внешние библиотеки вроде jQuery.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Пример использования\u003C/h2>\n\n\n\n\u003Cp>Пример с анимацией перемещения элемента:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>const box = document.querySelector('.box');\n\nbox.animate([\n  { transform: 'translateX(0)' }, \n  { transform: 'translateX(300px)' }\n], {\n  duration: 1000,\n  iterations: Infinity\n});\n\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp>В этом примере элемент с классом \u003Ccode>box\u003C/code> будет перемещаться по оси X на 300 пикселей в течение 1 секунды, а затем анимация будет повторяться бесконечно.\u003C/p>\n\n\n\n\u003Ciframe height=\"300\" style=\"width: 100%;\" scrolling=\"no\" title=\"Web animation api\" src=\"https://codepen.io/AOskin/embed/eYqRwpw?default-tab=html%2Cresult\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen \u003Ca href=\"https://codepen.io/AOskin/pen/eYqRwpw\">\n  Web animation api\u003C/a> by Andrey (\u003Ca href=\"https://codepen.io/AOskin\">@AOskin\u003C/a>)\n  on \u003Ca href=\"https://codepen.io\">CodePen\u003C/a>.\n\u003C/iframe>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Ключевые параметры\u003C/h2>\n\n\n\n\u003Cp>\u003Cstrong>Keyframes\u003C/strong>: Указывают, какие стили будут применяться на каждом этапе анимации. Это может быть как простое изменение координат, так и изменение цвета, прозрачности и других свойств.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>[{ transform: 'translateX(0)' }, { transform: 'translateX(300px)' }]\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp>\u003Cstrong>Timing options\u003C/strong>: Определяют, как долго будет длиться анимация, сколько раз она будет повторяться, и будет ли она плавной. Значение \u003Ccode>iterations\u003C/code> по умолчанию равно 1, для установки бесконечной анимации необходимо указать\u003Ccode> iterations: Infinity\u003C/code>. \u003C/p>\n\n\n\n\u003Cp>Здесь же можно задать параметр \u003Ccode>fill\u003C/code> в Web Animations API определяет, как элемент будет отображаться до начала и после завершения анимации, когда она не выполняется, чаще всего используемые значения \u003Ccode>fill\u003C/code>:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>\u003Cstrong>\u003Ccode>fill: \"forwards\"\u003C/code>\u003C/strong> – полезен, когда нужно, чтобы элемент оставался в конечном состоянии анимации, например, когда кнопка должна остаться в увеличенном виде после нажатия.\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>\u003Ccode>fill: \"backwards\"\u003C/code>\u003C/strong> – полезен для подготовки элемента к анимации перед её началом, например, если элемент должен “появиться” с определёнными стилями.\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>\u003Ccode>fill:\"both\"\u003C/code>\u003C/strong> – удобно использовать, когда необходимо сохранить эффекты как до, так и после анимации.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>{\n  duration: 2000,\n  iterations: 5,\n  easing: 'ease-in-out'\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Управление анимацией\u003C/h2>\n\n\n\n\u003Cp>Одной из мощных возможностей WAAPI является управление анимацией после её запуска. Вы можете программно останавливать, возобновлять или изменять анимацию в процессе выполнения:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>\u003Ccode>animation.play()\u003C/code> – запускаем видео\u003C/li>\n\n\n\n\u003Cli>\u003Ccode>animation.pause()\u003C/code> – останавливаем видео\u003C/li>\n\n\n\n\u003Cli>\u003Ccode>animation.playbackRate\u003C/code> = -1 запускаем видео в обратном направлении\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>const animation = box.animate([...], {...});\nanimation.play();\nanimation.pause();\nanimation.playbackRate = -1;\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ciframe height=\"300\" style=\"width: 100%;\" scrolling=\"no\" title=\"Web animation api\" src=\"https://codepen.io/AOskin/embed/eYqRwpw?default-tab=html%2Cresult\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen \u003Ca href=\"https://codepen.io/AOskin/pen/eYqRwpw\">\n  Web animation api\u003C/a> by Andrey (\u003Ca href=\"https://codepen.io/AOskin\">@AOskin\u003C/a>)\n  on \u003Ca href=\"https://codepen.io\">CodePen\u003C/a>.\n\u003C/iframe>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Заключение\u003C/h2>\n\n\n\n\u003Cp>Web Animations API – это мощный и гибкий инструмент, позволяющий создавать и управлять анимациями с помощью чистого JavaScript. Он идеально подходит для сложных интерактивных эффектов, улучшая как визуальную составляющую, так и производительность сайта.\u003C/p>\n",false,{"rendered":22,"protected":20},"\u003Cp>Анимации на сайте, не только способ сделать дизайн более привлекательным, но и мощный инструмент для улучшения пользовательского опыта.\u003C/p>\n",1,890,"open","","standard",{"_acf_changed":20,"footnotes":26},[30],20,[],[33,14,34,35,36,37,38,39],"post-886","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webapi",[],"\u003C!-- This site is optimized with the Yoast SEO plugin v26.6 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Ctitle>Web Animations API: анимация с помощью JavaScript\u003C/title>\n\u003Cmeta name=\"description\" content=\"- С появлением Web Animations API разработчики могут создавать сложные анимации с помощью JavaScript, без сторонних библиотек или CSS.\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"Web Animations API: анимация с помощью JavaScript\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:description\" content=\"- С появлением Web Animations API разработчики могут создавать сложные анимации с помощью JavaScript, без сторонних библиотек или CSS.\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"article:published_time\" content=\"2024-10-20T11:49:51+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2025-07-26T15:41:57+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:image\" content=\"https://api.aoskin.ru/wp-content/uploads/2024/09/20.webp\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1456\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"816\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:type\" content=\"image/webp\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"author\" content=\"aoskin\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Written by\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:data1\" content=\"aoskin\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:label2\" content=\"Est. reading time\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:data2\" content=\"2 minutes\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#article\",\"isPartOf\":{\"@id\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/\"},\"author\":{\"name\":\"aoskin\",\"@id\":\"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"headline\":\"Web Animations API: анимация с помощью JavaScript\",\"datePublished\":\"2024-10-20T11:49:51+00:00\",\"dateModified\":\"2025-07-26T15:41:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/\"},\"wordCount\":394,\"commentCount\":0,\"publisher\":{\"@id\":\"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"image\":{\"@id\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#primaryimage\"},\"thumbnailUrl\":\"https://api.aoskin.ru/wp-content/uploads/2024/09/20.webp\",\"articleSection\":[\"Web API\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/\",\"url\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/\",\"name\":\"Web Animations API: анимация с помощью JavaScript\",\"isPartOf\":{\"@id\":\"https://api.aoskin.ru/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#primaryimage\"},\"image\":{\"@id\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#primaryimage\"},\"thumbnailUrl\":\"https://api.aoskin.ru/wp-content/uploads/2024/09/20.webp\",\"datePublished\":\"2024-10-20T11:49:51+00:00\",\"dateModified\":\"2025-07-26T15:41:57+00:00\",\"description\":\"- С появлением Web Animations API разработчики могут создавать сложные анимации с помощью JavaScript, без сторонних библиотек или CSS.\",\"breadcrumb\":{\"@id\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#primaryimage\",\"url\":\"https://api.aoskin.ru/wp-content/uploads/2024/09/20.webp\",\"contentUrl\":\"https://api.aoskin.ru/wp-content/uploads/2024/09/20.webp\",\"width\":1456,\"height\":816},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://api.aoskin.ru/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Animations API: анимация с помощью JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https://api.aoskin.ru/#website\",\"url\":\"https://api.aoskin.ru/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https://api.aoskin.ru/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https://api.aoskin.ru/#/schema/person/image/\",\"url\":\"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"contentUrl\":\"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https://api.aoskin.ru/#/schema/person/image/\"},\"sameAs\":[\"http://api.aoskin.ru\"],\"url\":\"https://api.aoskin.ru/author/aoskin/\"}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":17,"description":43,"robots":44,"canonical":15,"og_locale":50,"og_type":51,"og_title":17,"og_description":43,"og_url":15,"og_site_name":52,"article_published_time":53,"article_modified_time":54,"og_image":55,"author":61,"twitter_card":62,"twitter_misc":63,"schema":65},"- С появлением Web Animations API разработчики могут создавать сложные анимации с помощью JavaScript, без сторонних библиотек или CSS.",{"index":45,"follow":46,"max-snippet":47,"max-image-preview":48,"max-video-preview":49},"index","follow","max-snippet:-1","max-image-preview:large","max-video-preview:-1","en_US","article","api.aoskin.ru","2024-10-20T11:49:51+00:00","2025-07-26T15:41:57+00:00",[56],{"width":57,"height":58,"url":59,"type":60},1456,816,"https://api.aoskin.ru/wp-content/uploads/2024/09/20.webp","image/webp","aoskin","summary_large_image",{"Written by":61,"Est. reading time":64},"2 minutes",{"@context":66,"@graph":67},"https://schema.org",[68,89,101,103,112,126],{"@type":69,"@id":70,"isPartOf":71,"author":72,"headline":17,"datePublished":53,"dateModified":54,"mainEntityOfPage":74,"wordCount":75,"commentCount":76,"publisher":77,"image":78,"thumbnailUrl":59,"articleSection":80,"inLanguage":82,"potentialAction":83},"Article","https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#article",{"@id":15},{"name":61,"@id":73},"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861",{"@id":15},394,0,{"@id":73},{"@id":79},"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#primaryimage",[81],"Web API","en-US",[84],{"@type":85,"name":86,"target":87},"CommentAction","Comment",[88],"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#respond",{"@type":90,"@id":15,"url":15,"name":17,"isPartOf":91,"primaryImageOfPage":93,"image":94,"thumbnailUrl":59,"datePublished":53,"dateModified":54,"description":43,"breadcrumb":95,"inLanguage":82,"potentialAction":97},"WebPage",{"@id":92},"https://api.aoskin.ru/#website",{"@id":79},{"@id":79},{"@id":96},"https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/#breadcrumb",[98],{"@type":99,"target":100},"ReadAction",[15],{"@type":102,"inLanguage":82,"@id":79,"url":59,"contentUrl":59,"width":57,"height":58},"ImageObject",{"@type":104,"@id":96,"itemListElement":105},"BreadcrumbList",[106,110],{"@type":107,"position":23,"name":108,"item":109},"ListItem","Home","https://api.aoskin.ru/",{"@type":107,"position":111,"name":17},2,{"@type":113,"@id":92,"url":109,"name":114,"description":26,"publisher":115,"alternateName":114,"potentialAction":116,"inLanguage":82},"WebSite","aoskin.ru",{"@id":73},[117],{"@type":118,"target":119,"query-input":122},"SearchAction",{"@type":120,"urlTemplate":121},"EntryPoint","https://api.aoskin.ru/?s={search_term_string}",{"@type":123,"valueRequired":124,"valueName":125},"PropertyValueSpecification",true,"search_term_string",{"@type":127,"@id":73,"name":61,"image":130,"logo":133,"sameAs":134,"url":136},[128,129],"Person","Organization",{"@type":102,"inLanguage":82,"@id":131,"url":132,"contentUrl":132,"caption":61},"https://api.aoskin.ru/#/schema/person/image/","https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g",{"@id":131},[135],"http://api.aoskin.ru","https://api.aoskin.ru/author/aoskin/","https://api.aoskin.ru/wp-content/uploads/2024/09/20-1024x574.webp",{"self":139,"collection":149,"about":152,"author":155,"replies":158,"version-history":161,"predecessor-version":165,"wp:featuredmedia":169,"wp:attachment":172,"wp:term":175,"curies":182},[140],{"href":141,"targetHints":142},"https://api.aoskin.ru/wp-json/wp/v2/posts/886",{"allow":143},[144,145,146,147,148],"GET","POST","PUT","PATCH","DELETE",[150],{"href":151},"https://api.aoskin.ru/wp-json/wp/v2/posts",[153],{"href":154},"https://api.aoskin.ru/wp-json/wp/v2/types/post",[156],{"embeddable":124,"href":157},"https://api.aoskin.ru/wp-json/wp/v2/users/1",[159],{"embeddable":124,"href":160},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=886",[162],{"count":163,"href":164},8,"https://api.aoskin.ru/wp-json/wp/v2/posts/886/revisions",[166],{"id":167,"href":168},1670,"https://api.aoskin.ru/wp-json/wp/v2/posts/886/revisions/1670",[170],{"embeddable":124,"href":171},"https://api.aoskin.ru/wp-json/wp/v2/media/890",[173],{"href":174},"https://api.aoskin.ru/wp-json/wp/v2/media?parent=886",[176,179],{"taxonomy":177,"embeddable":124,"href":178},"category","https://api.aoskin.ru/wp-json/wp/v2/categories?post=886",{"taxonomy":180,"embeddable":124,"href":181},"post_tag","https://api.aoskin.ru/wp-json/wp/v2/tags?post=886",[183],{"name":184,"href":185,"templated":124},"wp","https://api.w.org/{rel}",{"author":187,"wp:featuredmedia":236,"wp:term":297},[188],{"id":23,"name":61,"url":135,"description":26,"link":136,"slug":61,"avatar_urls":189,"yoast_head":192,"yoast_head_json":193,"acf":227,"_links":228},{"24":190,"48":191,"96":132},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=24&d=mm&r=g","https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=48&d=mm&r=g","\u003C!-- This site is optimized with the Yoast SEO plugin v26.6 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Ctitle>aoskin, Author at api.aoskin.ru\u003C/title>\n\u003C!-- Admin only notice: this page does not show a meta description because it does not have one, either write it for this page specifically or go into the [Yoast SEO - Settings] menu and set up a template. -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/author/aoskin/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"profile\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"aoskin, Author at api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/author/aoskin/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:image\" content=\"https://secure.gravatar.com/avatar/2facb94fc7068b47efc88c943d1949fc?s=500&d=mm&r=g\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"ProfilePage\",\"@id\":\"https://api.aoskin.ru/author/aoskin/\",\"url\":\"https://api.aoskin.ru/author/aoskin/\",\"name\":\"aoskin, Author at api.aoskin.ru\",\"isPartOf\":{\"@id\":\"https://api.aoskin.ru/#website\"},\"breadcrumb\":{\"@id\":\"https://api.aoskin.ru/author/aoskin/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://api.aoskin.ru/author/aoskin/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://api.aoskin.ru/author/aoskin/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://api.aoskin.ru/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Archives for aoskin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https://api.aoskin.ru/#website\",\"url\":\"https://api.aoskin.ru/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https://api.aoskin.ru/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https://api.aoskin.ru/#/schema/person/image/\",\"url\":\"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"contentUrl\":\"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https://api.aoskin.ru/#/schema/person/image/\"},\"sameAs\":[\"http://api.aoskin.ru\"],\"mainEntityOfPage\":{\"@id\":\"https://api.aoskin.ru/author/aoskin/\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":194,"robots":195,"canonical":136,"og_locale":50,"og_type":196,"og_title":194,"og_url":136,"og_site_name":52,"og_image":197,"twitter_card":62,"schema":200},"aoskin, Author at api.aoskin.ru",{"index":45,"follow":46,"max-snippet":47,"max-image-preview":48,"max-video-preview":49},"profile",[198],{"url":199,"type":26,"width":26,"height":26},"https://secure.gravatar.com/avatar/2facb94fc7068b47efc88c943d1949fc?s=500&d=mm&r=g",{"@context":66,"@graph":201},[202,210,215,221],{"@type":203,"@id":136,"url":136,"name":194,"isPartOf":204,"breadcrumb":205,"inLanguage":82,"potentialAction":207},"ProfilePage",{"@id":92},{"@id":206},"https://api.aoskin.ru/author/aoskin/#breadcrumb",[208],{"@type":99,"target":209},[136],{"@type":104,"@id":206,"itemListElement":211},[212,213],{"@type":107,"position":23,"name":108,"item":109},{"@type":107,"position":111,"name":214},"Archives for aoskin",{"@type":113,"@id":92,"url":109,"name":114,"description":26,"publisher":216,"alternateName":114,"potentialAction":217,"inLanguage":82},{"@id":73},[218],{"@type":118,"target":219,"query-input":220},{"@type":120,"urlTemplate":121},{"@type":123,"valueRequired":124,"valueName":125},{"@type":222,"@id":73,"name":61,"image":223,"logo":224,"sameAs":225,"mainEntityOfPage":226},[128,129],{"@type":102,"inLanguage":82,"@id":131,"url":132,"contentUrl":132,"caption":61},{"@id":131},[135],{"@id":136},[],{"self":229,"collection":233},[230],{"href":157,"targetHints":231},{"allow":232},[144,145,146,147,148],[234],{"href":235},"https://api.aoskin.ru/wp-json/wp/v2/users",[237],{"id":24,"date":238,"slug":239,"type":240,"link":241,"title":242,"author":23,"featured_media":76,"acf":243,"caption":244,"alt_text":26,"media_type":245,"mime_type":60,"media_details":246,"source_url":59,"_links":277},"2024-09-28T15:08:45","20","attachment","https://api.aoskin.ru/web-animations-api-animacziya-s-pomoshhyu-javascript/attachment/20/",{"rendered":239},[],{"rendered":26},"image",{"width":57,"height":58,"file":247,"filesize":248,"sizes":249,"image_meta":274},"2024/09/20.webp",57818,{"medium":250,"large":256,"thumbnail":261,"medium_large":266,"full":272},{"file":251,"width":252,"height":253,"filesize":254,"mime_type":60,"source_url":255},"20-300x168.webp",300,168,11110,"https://api.aoskin.ru/wp-content/uploads/2024/09/20-300x168.webp",{"file":257,"width":258,"height":259,"filesize":260,"mime_type":60,"source_url":137},"20-1024x574.webp",1024,574,49600,{"file":262,"width":263,"height":263,"filesize":264,"mime_type":60,"source_url":265},"20-150x150.webp",150,6036,"https://api.aoskin.ru/wp-content/uploads/2024/09/20-150x150.webp",{"file":267,"width":268,"height":269,"filesize":270,"mime_type":60,"source_url":271},"20-768x430.webp",768,430,36490,"https://api.aoskin.ru/wp-content/uploads/2024/09/20-768x430.webp",{"file":273,"width":57,"height":58,"mime_type":60,"source_url":59},"20.webp",{"aperture":275,"credit":26,"camera":26,"caption":26,"created_timestamp":275,"copyright":26,"focal_length":275,"iso":275,"shutter_speed":275,"title":26,"orientation":275,"keywords":276},"0",[],{"self":278,"collection":282,"about":285,"author":288,"replies":290,"wp:attached-to":293,"curies":295},[279],{"href":171,"targetHints":280},{"allow":281},[144,145,146,147,148],[283],{"href":284},"https://api.aoskin.ru/wp-json/wp/v2/media",[286],{"href":287},"https://api.aoskin.ru/wp-json/wp/v2/types/attachment",[289],{"embeddable":124,"href":157},[291],{"embeddable":124,"href":292},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=890",[294],{"embeddable":124,"post_type":14,"id":5,"href":141},[296],{"name":184,"href":185,"templated":124},[298,346],[299],{"id":30,"link":300,"name":81,"slug":301,"taxonomy":177,"yoast_head":302,"yoast_head_json":303,"acf":328,"_links":329},"https://api.aoskin.ru/category/webapi/","webapi","\u003C!-- This site is optimized with the Yoast SEO plugin v26.6 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Ctitle>Web API Archives - api.aoskin.ru\u003C/title>\n\u003C!-- Admin only notice: this page does not show a meta description because it does not have one, either write it for this page specifically or go into the [Yoast SEO - Settings] menu and set up a template. -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/category/webapi/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"Web API Archives - api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/category/webapi/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https://api.aoskin.ru/category/webapi/\",\"url\":\"https://api.aoskin.ru/category/webapi/\",\"name\":\"Web API Archives - api.aoskin.ru\",\"isPartOf\":{\"@id\":\"https://api.aoskin.ru/#website\"},\"breadcrumb\":{\"@id\":\"https://api.aoskin.ru/category/webapi/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://api.aoskin.ru/category/webapi/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://api.aoskin.ru/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web API\"}]},{\"@type\":\"WebSite\",\"@id\":\"https://api.aoskin.ru/#website\",\"url\":\"https://api.aoskin.ru/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https://api.aoskin.ru/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https://api.aoskin.ru/#/schema/person/image/\",\"url\":\"https://api.aoskin.ru/wp-content/uploads/2024/09/20.webp\",\"contentUrl\":\"https://api.aoskin.ru/wp-content/uploads/2024/09/20.webp\",\"width\":1456,\"height\":816,\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https://api.aoskin.ru/#/schema/person/image/\"},\"sameAs\":[\"http://api.aoskin.ru\"]}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":304,"robots":305,"canonical":300,"og_locale":50,"og_type":51,"og_title":304,"og_url":300,"og_site_name":52,"twitter_card":62,"schema":306},"Web API Archives - api.aoskin.ru",{"index":45,"follow":46,"max-snippet":47,"max-image-preview":48,"max-video-preview":49},{"@context":66,"@graph":307},[308,313,317,323],{"@type":309,"@id":300,"url":300,"name":304,"isPartOf":310,"breadcrumb":311,"inLanguage":82},"CollectionPage",{"@id":92},{"@id":312},"https://api.aoskin.ru/category/webapi/#breadcrumb",{"@type":104,"@id":312,"itemListElement":314},[315,316],{"@type":107,"position":23,"name":108,"item":109},{"@type":107,"position":111,"name":81},{"@type":113,"@id":92,"url":109,"name":114,"description":26,"publisher":318,"alternateName":114,"potentialAction":319,"inLanguage":82},{"@id":73},[320],{"@type":118,"target":321,"query-input":322},{"@type":120,"urlTemplate":121},{"@type":123,"valueRequired":124,"valueName":125},{"@type":324,"@id":73,"name":61,"image":325,"logo":326,"sameAs":327},[128,129],{"@type":102,"inLanguage":82,"@id":131,"url":59,"contentUrl":59,"width":57,"height":58,"caption":61},{"@id":131},[135],[],{"self":330,"collection":335,"about":338,"wp:post_type":341,"curies":344},[331],{"href":332,"targetHints":333},"https://api.aoskin.ru/wp-json/wp/v2/categories/20",{"allow":334},[144,145,146,147,148],[336],{"href":337},"https://api.aoskin.ru/wp-json/wp/v2/categories",[339],{"href":340},"https://api.aoskin.ru/wp-json/wp/v2/taxonomies/category",[342],{"href":343},"https://api.aoskin.ru/wp-json/wp/v2/posts?categories=20",[345],{"name":184,"href":185,"templated":124},[],1766752309607]