[{"data":1,"prerenderedAt":347},["ShallowReactive",2],{"0TnqMdW0AH":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":30,"tags":32,"class_list":33,"acf":41,"yoast_head":42,"yoast_head_json":43,"featured_media_src_url":137,"_links":138,"_embedded":186},1774,"2025-09-21T14:54:48","2025-09-21T11:54:48",{"rendered":9},"https://api.aoskin.ru/?p=1774","2025-11-25T11:13:41","2025-11-25T08:13:41","ultra-responsive-animations-animaczii-pod-kontrolem","publish","post","https://api.aoskin.ru/ultra-responsive-animations-animaczii-pod-kontrolem/",{"rendered":17},"Ultra-Responsive Animations: анимации под контролем",{"rendered":19,"protected":20},"\n\u003Cp class=\"wp-block-paragraph\">А потом видим как на другом разрешении:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>Элемент уезжает не туда,\u003C/li>\n\n\n\n\u003Cli>Параллакс начинает прыгать,\u003C/li>\n\n\n\n\u003Cli>Дистанции ломаются,\u003C/li>\n\n\n\n\u003Cli>Скролл-анимации растягиваются,\u003C/li>\n\n\n\n\u003Cli>Адаптив прерывает движение.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">В 2024–2025 мы получили новые мощные инструменты, которые позволяют делать \u003Cstrong>Ultra-Responsive Animations\u003C/strong> – эффекты, которые остаются идеальными на любом устройстве, вплоть до smart TV и маленького мобильного.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Что такое Ultra-Responsive Animations?\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Это подход, при котором анимация:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>Подстраивается под размеры экрана (использует адаптивные юниты – \u003Ccode>lvh\u003C/code>, \u003Ccode>svh\u003C/code>, \u003Ccode>cqw\u003C/code>, и т.д.),\u003C/li>\n\n\n\n\u003Cli>Реагирует на размеры контейнера (через \u003Ccode>@container\u003C/code> и \u003Ccode>container-relative units\u003C/code>),\u003C/li>\n\n\n\n\u003Cli>Изменяет тайминг и расстояния в зависимости от устройства (например, на мобильных анимация короче),\u003C/li>\n\n\n\n\u003Cli>Не зависит от фиксированных пикселей (никаких \u003Ccode>translateX(200px)\u003C/code> и т.д.),\u003C/li>\n\n\n\n\u003Cli>Основана на % прогресса, а не абсолютных значениях (Scroll-Driven Animations, View Timelines).\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Это анимация, которая \u003Cstrong>живет вместе с layout’ом\u003C/strong>, где главная идея состоит в том, чтобы анимация учитывала не то, где элемент “должен быть”, а где он “находится” в текущем layout’е.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Новые адаптивные юниты\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Современные CSS-юниты позволяют избегать пикселей, и именно это делает анимации гибкими.\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>\u003Ccode>lvh\u003C/code>(Large viewport height) – идеален при mobile safari UI,\u003C/li>\n\n\n\n\u003Cli>\u003Ccode>svh\u003C/code>(Small viewport height) – не прыгает при скролле,\u003C/li>\n\n\n\n\u003Cli>\u003Ccode>dvh\u003C/code>(Dynamic viewport height) – учитывает клавиатуру.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Пример:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>.hero {\n  transform: translateY(calc(10svh));\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Пример использования контейнерных юнитов(\u003Ccode>cqw\u003C/code>, \u003Ccode>cqh\u003C/code>, \u003Ccode>cqi\u003C/code>, \u003Ccode>cqb\u003C/code>), где двигаем элемент не на \u003Ccode>300px\u003C/code>, а на \u003Ccode>50cqw\u003C/code> (50% ширины контейнера):\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>.container {\n  container-type: inline-size;\n  position: relative;\n}\n\n.box {\n  animation: move 1.2s ease;\n}\n\n@keyframes move {\n  from { transform: translateX(-50cqw); }\n  to { transform: translateX(0); }\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Контейнерные запросы: адаптация анимации под layout\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">С \u003Ccode>@container\u003C/code> в зависимости от размеров контейнера можно менять:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>Длительность,\u003C/li>\n\n\n\n\u003Cli>Дистанцию,\u003C/li>\n\n\n\n\u003Cli>Направление,\u003C/li>\n\n\n\n\u003Cli>Интенсивность анимации.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Пример, где на широких экранах анимация быстрее и короче:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>.box {\n  animation: slide 1.2s ease;\n}\n\n@container (width >= 768px) {\n  .box {\n    animation-duration: 0.8s;\n    animation-timing-function: ease-out;\n  }\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Масштабируемость пропорций через CSS custom properties\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Пример использования переменных, которые зависят от экрана:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>:root {\n  --distance: 20cqw;\n  --duration: 0.5s;\n}\n\n@media (width >= 768px) {\n  :root {\n    --distance: 10cqw;\n    --duration: 0.8s;\n  }\n}\n\n.box {\n  animation: move var(--duration) ease;\n}\n\n@keyframes move {\n  to {\n    transform: translateX(var(--distance));\n  }\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Ultra-responsive GSAP (если нужен JS)\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Пример, где GSAP идеально сочетается с CSS переменными и \u003Ccode>matchMedia\u003C/code>:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>gsap.matchMedia().add(\n  {\n    mobile: '(width <= 767px)',\n    desktop: '(width >= 768px)',\n   },\n   (ctx) => {\n     const mm = ctx.conditions;\n\n     gsap.to('.box', {\n       x: mm.mobile ? '40vw' : '20vw',\n       duration: mm.mobile ? 0.4 : 0.7,\n       ease: 'power2.out',\n     });\n   }\n);\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Что может ломать адаптивные анимации\u003C/h2>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>Фиксированные translate / scale в пикселях (transform: translateY(300px)) – ломается на мобильных,\u003C/li>\n\n\n\n\u003Cli>Анимации, привязанные к наборному тексту – текст переносится, layout ломается, анимация съезжает),\u003C/li>\n\n\n\n\u003Cli>Скролл-анимации без view-timeline – при разной высоте экрана эффект воспроизводится в разное время,\u003C/li>\n\n\n\n\u003Cli>Анимации с фиксированными delay – на маленьких устройствах delay ощущается слишком долгим.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Заключение\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Ultra-Responsive Animations – это новый стандарт анимации в веб-разработке. Эти анимации:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>\u003Cstrong>Гибкие\u003C/strong>,\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Адаптивные\u003C/strong>,\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Контейнерно-зависимые\u003C/strong>,\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Точные\u003C/strong>,\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Не ломаются\u003C/strong> ни при каких условиях.\u003C/li>\n\u003C/ul>\n",false,{"rendered":22,"protected":20},"\u003Cp>Проблема большинства анимаций в вебе в том, что они создаются под конкретный layout.\u003C/p>\n",1,1781,"open","","standard",{"_acf_changed":20,"_yoast_wpseo_focuskw":26,"_yoast_wpseo_title":26,"_yoast_wpseo_metadesc":29,"footnotes":26},"%%sep%% Новые мощные инструменты, которые позволяют позволяют делать Ultra-Responsive Animations - эффекты для всех устройств от TV до мобильных.",[31],18,[],[34,14,35,36,37,38,39,40],"post-1774","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation",[],"\u003C!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Ultra-Responsive Animations: анимации под контролем\u003C/title>\n\u003Cmeta name=\"description\" content=\"- Новые мощные инструменты, которые позволяют позволяют делать Ultra-Responsive Animations - эффекты для всех устройств от TV до мобильных.\" 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/ultra-responsive-animations-animaczii-pod-kontrolem/\" 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=\"Ultra-Responsive Animations: анимации под контролем\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:description\" content=\"- Новые мощные инструменты, которые позволяют позволяют делать Ultra-Responsive Animations - эффекты для всех устройств от TV до мобильных.\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/ultra-responsive-animations-animaczii-pod-kontrolem/\" 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=\"2025-09-21T11:54:48+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2025-11-25T08:13:41+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:image\" content=\"https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation.webp\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1232\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"928\" 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\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/#article\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/\"},\"author\":{\"name\":\"aoskin\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"headline\":\"Ultra-Responsive Animations: анимации под контролем\",\"datePublished\":\"2025-09-21T11:54:48+00:00\",\"dateModified\":\"2025-11-25T08:13:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/\"},\"wordCount\":324,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"image\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"articleSection\":[\"Animation\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/\",\"name\":\"Ultra-Responsive Animations: анимации под контролем\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"datePublished\":\"2025-09-21T11:54:48+00:00\",\"dateModified\":\"2025-11-25T08:13:41+00:00\",\"description\":\"- Новые мощные инструменты, которые позволяют позволяют делать Ultra-Responsive Animations - эффекты для всех устройств от TV до мобильных.\",\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/#primaryimage\",\"url\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"contentUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"width\":1232,\"height\":928},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/ultra-responsive-animations-animaczii-pod-kontrolem\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ultra-Responsive Animations: анимации под контролем\"}]},{\"@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:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"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:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"],\"url\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\"}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":17,"description":44,"robots":45,"canonical":15,"og_locale":51,"og_type":52,"og_title":17,"og_description":44,"og_url":15,"og_site_name":53,"article_published_time":54,"article_modified_time":55,"og_image":56,"author":62,"twitter_card":63,"twitter_misc":64,"schema":66},"- Новые мощные инструменты, которые позволяют позволяют делать Ultra-Responsive Animations - эффекты для всех устройств от TV до мобильных.",{"index":46,"follow":47,"max-snippet":48,"max-image-preview":49,"max-video-preview":50},"index","follow","max-snippet:-1","max-image-preview:large","max-video-preview:-1","en_US","article","api.aoskin.ru","2025-09-21T11:54:48+00:00","2025-11-25T08:13:41+00:00",[57],{"width":58,"height":59,"url":60,"type":61},1232,928,"https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation.webp","image/webp","aoskin","summary_large_image",{"Written by":62,"Est. reading time":65},"2 minutes",{"@context":67,"@graph":68},"https://schema.org",[69,90,102,104,113,127],{"@type":70,"@id":71,"isPartOf":72,"author":73,"headline":17,"datePublished":54,"dateModified":55,"mainEntityOfPage":75,"wordCount":76,"commentCount":77,"publisher":78,"image":79,"thumbnailUrl":60,"articleSection":81,"inLanguage":83,"potentialAction":84},"Article","https://api.aoskin.ru/ultra-responsive-animations-animaczii-pod-kontrolem/#article",{"@id":15},{"name":62,"@id":74},"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861",{"@id":15},324,0,{"@id":74},{"@id":80},"https://api.aoskin.ru/ultra-responsive-animations-animaczii-pod-kontrolem/#primaryimage",[82],"Animation","en-US",[85],{"@type":86,"name":87,"target":88},"CommentAction","Comment",[89],"https://api.aoskin.ru/ultra-responsive-animations-animaczii-pod-kontrolem/#respond",{"@type":91,"@id":15,"url":15,"name":17,"isPartOf":92,"primaryImageOfPage":94,"image":95,"thumbnailUrl":60,"datePublished":54,"dateModified":55,"description":44,"breadcrumb":96,"inLanguage":83,"potentialAction":98},"WebPage",{"@id":93},"https://api.aoskin.ru/#website",{"@id":80},{"@id":80},{"@id":97},"https://api.aoskin.ru/ultra-responsive-animations-animaczii-pod-kontrolem/#breadcrumb",[99],{"@type":100,"target":101},"ReadAction",[15],{"@type":103,"inLanguage":83,"@id":80,"url":60,"contentUrl":60,"width":58,"height":59},"ImageObject",{"@type":105,"@id":97,"itemListElement":106},"BreadcrumbList",[107,111],{"@type":108,"position":23,"name":109,"item":110},"ListItem","Home","https://api.aoskin.ru/",{"@type":108,"position":112,"name":17},2,{"@type":114,"@id":93,"url":110,"name":115,"description":26,"publisher":116,"alternateName":115,"potentialAction":117,"inLanguage":83},"WebSite","aoskin.ru",{"@id":74},[118],{"@type":119,"target":120,"query-input":123},"SearchAction",{"@type":121,"urlTemplate":122},"EntryPoint","https://api.aoskin.ru/?s={search_term_string}",{"@type":124,"valueRequired":125,"valueName":126},"PropertyValueSpecification",true,"search_term_string",{"@type":128,"@id":74,"name":62,"image":131,"logo":133,"sameAs":134,"url":136},[129,130],"Person","Organization",{"@type":103,"inLanguage":83,"@id":132,"url":132,"contentUrl":132,"caption":62},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g",{"@id":132},[135],"http://api.aoskin.ru","https://api.aoskin.ru/author/aoskin/","https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation-1024x771.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/1774",{"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":125,"href":157},"https://api.aoskin.ru/wp-json/wp/v2/users/1",[159],{"embeddable":125,"href":160},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=1774",[162],{"count":163,"href":164},7,"https://api.aoskin.ru/wp-json/wp/v2/posts/1774/revisions",[166],{"id":167,"href":168},1785,"https://api.aoskin.ru/wp-json/wp/v2/posts/1774/revisions/1785",[170],{"embeddable":125,"href":171},"https://api.aoskin.ru/wp-json/wp/v2/media/1781",[173],{"href":174},"https://api.aoskin.ru/wp-json/wp/v2/media?parent=1774",[176,179],{"taxonomy":177,"embeddable":125,"href":178},"category","https://api.aoskin.ru/wp-json/wp/v2/categories?post=1774",{"taxonomy":180,"embeddable":125,"href":181},"post_tag","https://api.aoskin.ru/wp-json/wp/v2/tags?post=1774",[183],{"name":184,"href":185,"templated":125},"wp","https://api.w.org/{rel}",{"author":187,"wp:featuredmedia":236,"wp:term":297},[188],{"id":23,"name":62,"url":135,"description":26,"link":136,"slug":62,"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 v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->\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/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?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:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"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:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\"},\"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":51,"og_type":196,"og_title":194,"og_url":136,"og_site_name":53,"og_image":197,"twitter_card":63,"schema":200},"aoskin, Author at api.aoskin.ru",{"index":46,"follow":47,"max-snippet":48,"max-image-preview":49,"max-video-preview":50},"profile",[198],{"url":199,"type":26,"width":26,"height":26},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=500&d=mm&r=g",{"@context":67,"@graph":201},[202,210,215,221],{"@type":203,"@id":136,"url":136,"name":194,"isPartOf":204,"breadcrumb":205,"inLanguage":83,"potentialAction":207},"ProfilePage",{"@id":93},{"@id":206},"https://api.aoskin.ru/author/aoskin/#breadcrumb",[208],{"@type":100,"target":209},[136],{"@type":105,"@id":206,"itemListElement":211},[212,213],{"@type":108,"position":23,"name":109,"item":110},{"@type":108,"position":112,"name":214},"Archives for aoskin",{"@type":114,"@id":93,"url":110,"name":115,"description":26,"publisher":216,"alternateName":115,"potentialAction":217,"inLanguage":83},{"@id":74},[218],{"@type":119,"target":219,"query-input":220},{"@type":121,"urlTemplate":122},{"@type":124,"valueRequired":125,"valueName":126},{"@type":222,"@id":74,"name":62,"image":223,"logo":224,"sameAs":225,"mainEntityOfPage":226},[129,130],{"@type":103,"inLanguage":83,"@id":132,"url":132,"contentUrl":132,"caption":62},{"@id":132},[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":77,"acf":243,"caption":244,"alt_text":26,"media_type":245,"mime_type":61,"media_details":246,"source_url":60,"_links":277},"2025-11-25T10:56:21","45-ultra-responsive-animation","attachment","https://api.aoskin.ru/ultra-responsive-animations-animaczii-pod-kontrolem/45-ultra-responsive-animation/",{"rendered":239},[],{"rendered":26},"image",{"width":58,"height":59,"file":247,"filesize":248,"sizes":249,"image_meta":274},"2025/11/45-ultra-responsive-animation.webp",42874,{"medium":250,"large":256,"thumbnail":261,"medium_large":266,"full":272},{"file":251,"width":252,"height":253,"filesize":254,"mime_type":61,"source_url":255},"45-ultra-responsive-animation-300x226.webp",300,226,9096,"https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation-300x226.webp",{"file":257,"width":258,"height":259,"filesize":260,"mime_type":61,"source_url":137},"45-ultra-responsive-animation-1024x771.webp",1024,771,45018,{"file":262,"width":263,"height":263,"filesize":264,"mime_type":61,"source_url":265},"45-ultra-responsive-animation-150x150.webp",150,4522,"https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation-150x150.webp",{"file":267,"width":268,"height":269,"filesize":270,"mime_type":61,"source_url":271},"45-ultra-responsive-animation-768x578.webp",768,578,31568,"https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation-768x578.webp",{"file":273,"width":58,"height":59,"mime_type":61,"source_url":60},"45-ultra-responsive-animation.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":125,"href":157},[291],{"embeddable":125,"href":292},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=1781",[294],{"embeddable":125,"post_type":14,"id":5,"href":141},[296],{"name":184,"href":185,"templated":125},[298,346],[299],{"id":31,"link":300,"name":82,"slug":301,"taxonomy":177,"yoast_head":302,"yoast_head_json":303,"acf":328,"_links":329},"https://api.aoskin.ru/category/animation/","animation","\u003C!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Animation 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/animation/\" 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=\"Animation Archives - api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/category/animation/\" 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\\/animation\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/category\\/animation\\/\",\"name\":\"Animation Archives - api.aoskin.ru\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/category\\/animation\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/category\\/animation\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animation\"}]},{\"@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\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"url\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"contentUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"width\":1232,\"height\":928,\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"]}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":304,"robots":305,"canonical":300,"og_locale":51,"og_type":52,"og_title":304,"og_url":300,"og_site_name":53,"twitter_card":63,"schema":306},"Animation Archives - api.aoskin.ru",{"index":46,"follow":47,"max-snippet":48,"max-image-preview":49,"max-video-preview":50},{"@context":67,"@graph":307},[308,313,317,323],{"@type":309,"@id":300,"url":300,"name":304,"isPartOf":310,"breadcrumb":311,"inLanguage":83},"CollectionPage",{"@id":93},{"@id":312},"https://api.aoskin.ru/category/animation/#breadcrumb",{"@type":105,"@id":312,"itemListElement":314},[315,316],{"@type":108,"position":23,"name":109,"item":110},{"@type":108,"position":112,"name":82},{"@type":114,"@id":93,"url":110,"name":115,"description":26,"publisher":318,"alternateName":115,"potentialAction":319,"inLanguage":83},{"@id":74},[320],{"@type":119,"target":321,"query-input":322},{"@type":121,"urlTemplate":122},{"@type":124,"valueRequired":125,"valueName":126},{"@type":324,"@id":74,"name":62,"image":325,"logo":326,"sameAs":327},[129,130],{"@type":103,"inLanguage":83,"@id":60,"url":60,"contentUrl":60,"width":58,"height":59,"caption":62},{"@id":60},[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/18",{"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=18",[345],{"name":184,"href":185,"templated":125},[],1790427490999]