{"id":271,"date":"2010-10-28T01:57:19","date_gmt":"2010-10-28T01:57:19","guid":{"rendered":"http:\/\/realnorth.net\/blog\/?p=271"},"modified":"2013-07-06T01:16:34","modified_gmt":"2013-07-06T04:16:34","slug":"sencha-animator-adobe-edge","status":"publish","type":"post","link":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/","title":{"rendered":"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido"},"content":{"rendered":"<p>Estos \u00faltimos d\u00edas aparecieron un par de soluciones para crear animaciones usando CSS3 de una manera f\u00e1cil y r\u00e1pida, por un lado en el marco de <a href=\"http:\/\/max.adobe.com\" target=\"_blank\">Adobe MAX 2010<\/a> se mostr\u00f3 el prototipo de <a href=\"http:\/\/tv.adobe.com\/watch\/adc-presents\/preview-of-the-edge-prototype-tool-for-html5-\/\" target=\"_blank\">Adobe Edge<\/a> una herramienta con un uso y funcionalidades b\u00e1sicas parecidas a Adobe Flash pero que utiliza CSS3 para crear las animaciones, a continuaci\u00f3n pueden ver un video donde se aprecian sus capacidades, por ahora no hay mucha informaci\u00f3n acerca de <a href=\"http:\/\/tv.adobe.com\/watch\/adc-presents\/preview-of-the-edge-prototype-tool-for-html5-\/\" target=\"_blank\">Edge<\/a>, no se sabe si va a llegar a materializarse como un producto independiente o si esta tecnolog\u00eda va a formar parte de alg\u00fan otro producto de Adobe, aunque viendo el compromiso que Adobe mostr\u00f3 en la <a href=\"http:\/\/max.adobe.com\" target=\"_blank\">MAX 2010<\/a> para con HTML5 no seria raro que dentro de poco tiempo tengamos novedades.<\/p>\n<div class=\"video-container\">\n<object><param name=\"movie\" value=\"http:\/\/images.tv.adobe.com\/swf\/player.swf\"><\/param><param name=\"allowFullScreen\" value=\"true\"><\/param><param name=\"allowscriptaccess\" value=\"always\"><\/param><param name=\"FlashVars\" value=\"fileID=8185&#038;context=64&#038;embeded=true&#038;environment=production\"><\/param><embed src=\"http:\/\/images.tv.adobe.com\/swf\/player.swf\" flashvars=\"fileID=8185&#038;context=64&#038;embeded=true&#038;environment=production\" type=\"application\/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\"><\/embed><\/object>\n<\/div>\n<p>La otra herramienta viene de la mano de la gente de <a href=\"http:\/\/www.sencha.com\/\" target=\"_blank\">Sencha Labs<\/a>, la misma corre tanto en Windows, OS X y Linux y su interfaz al igual que <a href=\"http:\/\/tv.adobe.com\/watch\/adc-presents\/preview-of-the-edge-prototype-tool-for-html5-\/\" target=\"_blank\">Edge<\/a> tiene un cierto parecido con Adobe Flash (ver screenshot debajo), su instalaci\u00f3n es muy f\u00e1cil, aunque aun es muy inestable y tiene la contra de necesitar una cuenta de los foros de <a href=\"http:\/\/www.sencha.com\/\" target=\"_blank\">Sencha Labs<\/a> para poder usarla. El c\u00f3digo generado por <a href=\"http:\/\/www.sencha.com\/products\/animator\/\" target=\"_blank\">Sencha Animator<\/a> esta optimizado para navegadores compatibles con Webkit, por lo que algunas features es posible que no funcionen en Firefox como por ejemplo los keyframes.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/realnorth.net\/blog\/wp-content\/uploads\/2010\/10\/Sencha_Animator_006.jpg\" alt=\"Sencha Animator\" title=\"Sencha Animator\" width=\"700\" height=\"599\" class=\"alignnone size-full wp-image-298\" \/><\/p>\n<p>Pueden descargar <a href=\"http:\/\/www.sencha.com\/products\/animator\/\" target=\"_blank\">Sencha Animator<\/a> directamente desde <a href=\"http:\/\/www.sencha.com\/products\/animator\/download.php\" target=\"_blank\">aqu\u00ed<\/a>, hay disponibles tambi\u00e9n un par de screencast donde pueden ver el funcionamiento y las cosas que se pueden lograr utilizando <a href=\"http:\/\/www.sencha.com\/products\/animator\/\" target=\"_blank\">Sencha Animator<\/a> (ver videos abajo).<\/p>\n<div class=\"video-container\">\n<iframe src=\"http:\/\/player.vimeo.com\/video\/16219355\" frameborder=\"0\"><\/iframe>\n<\/div>\n<p><\/p>\n<div class=\"video-container\">\n<iframe src=\"http:\/\/player.vimeo.com\/video\/16219994\" frameborder=\"0\"><\/iframe>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Estos \u00faltimos d\u00edas aparecieron un par de soluciones para crear animaciones usando CSS3 de una manera f\u00e1cil y r\u00e1pida, por un lado en el marco de Adobe MAX 2010 se mostr\u00f3 el prototipo de Adobe Edge una herramienta con un&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,10],"tags":[12,14,16,20,49],"class_list":["post-271","post","type-post","status-publish","format-standard","hentry","category-ui","category-web-design","tag-adobe","tag-css3","tag-edge","tag-html5","tag-sencha"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Estos \u00faltimos d\u00edas aparecieron un par de soluciones para crear animaciones usando CSS3 de una manera f\u00e1cil y r\u00e1pida, por un lado en el marco de Adobe MAX 2010 se mostr\u00f3 el prototipo de Adobe Edge una herramienta con un uso y funcionalidades b\u00e1sicas parecidas a Adobe Flash pero que utiliza CSS3 para crear las\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"admin\"\/>\n\t<meta name=\"keywords\" content=\"adobe,css3,edge,html5,sencha,user interface,web design\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"blog - realnorth |\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido - blog - realnorth\" \/>\n\t\t<meta property=\"og:description\" content=\"Estos \u00faltimos d\u00edas aparecieron un par de soluciones para crear animaciones usando CSS3 de una manera f\u00e1cil y r\u00e1pida, por un lado en el marco de Adobe MAX 2010 se mostr\u00f3 el prototipo de Adobe Edge una herramienta con un uso y funcionalidades b\u00e1sicas parecidas a Adobe Flash pero que utiliza CSS3 para crear las\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2010-10-28T01:57:19+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2013-07-06T04:16:34+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido - blog - realnorth\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Estos \u00faltimos d\u00edas aparecieron un par de soluciones para crear animaciones usando CSS3 de una manera f\u00e1cil y r\u00e1pida, por un lado en el marco de Adobe MAX 2010 se mostr\u00f3 el prototipo de Adobe Edge una herramienta con un uso y funcionalidades b\u00e1sicas parecidas a Adobe Flash pero que utiliza CSS3 para crear las\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/#article\",\"name\":\"Animaci\\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\\u00e1cil y r\\u00e1pido - blog - realnorth\",\"headline\":\"Animaci\\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\\u00e1cil y r\\u00e1pido\",\"author\":{\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/author\\\/admin\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"http:\\\/\\\/realnorth.net\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/10\\\/Sencha_Animator_006.jpg\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/#articleImage\"},\"datePublished\":\"2010-10-28T01:57:19-03:00\",\"dateModified\":\"2013-07-06T01:16:34-03:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/#webpage\"},\"articleSection\":\"User Interface, Web Design, Adobe, CSS3, Edge, HTML5, Sencha\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/realnorth.net\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/category\\\/ui\\\/#listItem\",\"name\":\"User Interface\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/category\\\/ui\\\/#listItem\",\"position\":2,\"name\":\"User Interface\",\"item\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/category\\\/ui\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/#listItem\",\"name\":\"Animaci\\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\\u00e1cil y r\\u00e1pido\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/#listItem\",\"position\":3,\"name\":\"Animaci\\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\\u00e1cil y r\\u00e1pido\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/category\\\/ui\\\/#listItem\",\"name\":\"User Interface\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/#organization\",\"name\":\"blog - realnorth\",\"url\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/author\\\/admin\\\/#author\",\"url\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/author\\\/admin\\\/\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aeb7cc12fb24fd45da6313367c7f27e23f742b893b153d630b8bc132e3745767?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"admin\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/#webpage\",\"url\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/\",\"name\":\"Animaci\\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\\u00e1cil y r\\u00e1pido - blog - realnorth\",\"description\":\"Estos \\u00faltimos d\\u00edas aparecieron un par de soluciones para crear animaciones usando CSS3 de una manera f\\u00e1cil y r\\u00e1pida, por un lado en el marco de Adobe MAX 2010 se mostr\\u00f3 el prototipo de Adobe Edge una herramienta con un uso y funcionalidades b\\u00e1sicas parecidas a Adobe Flash pero que utiliza CSS3 para crear las\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/sencha-animator-adobe-edge\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/author\\\/admin\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/author\\\/admin\\\/#author\"},\"datePublished\":\"2010-10-28T01:57:19-03:00\",\"dateModified\":\"2013-07-06T01:16:34-03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/\",\"name\":\"blog - realnorth\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/realnorth.net\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido - blog - realnorth","description":"Estos \u00faltimos d\u00edas aparecieron un par de soluciones para crear animaciones usando CSS3 de una manera f\u00e1cil y r\u00e1pida, por un lado en el marco de Adobe MAX 2010 se mostr\u00f3 el prototipo de Adobe Edge una herramienta con un uso y funcionalidades b\u00e1sicas parecidas a Adobe Flash pero que utiliza CSS3 para crear las","canonical_url":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/","robots":"max-image-preview:large","keywords":"adobe,css3,edge,html5,sencha,user interface,web design","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/#article","name":"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido - blog - realnorth","headline":"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido","author":{"@id":"https:\/\/realnorth.net\/blog\/author\/admin\/#author"},"publisher":{"@id":"https:\/\/realnorth.net\/blog\/#organization"},"image":{"@type":"ImageObject","url":"http:\/\/realnorth.net\/blog\/wp-content\/uploads\/2010\/10\/Sencha_Animator_006.jpg","@id":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/#articleImage"},"datePublished":"2010-10-28T01:57:19-03:00","dateModified":"2013-07-06T01:16:34-03:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/#webpage"},"isPartOf":{"@id":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/#webpage"},"articleSection":"User Interface, Web Design, Adobe, CSS3, Edge, HTML5, Sencha"},{"@type":"BreadcrumbList","@id":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/realnorth.net\/blog#listItem","position":1,"name":"Home","item":"https:\/\/realnorth.net\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/realnorth.net\/blog\/category\/ui\/#listItem","name":"User Interface"}},{"@type":"ListItem","@id":"https:\/\/realnorth.net\/blog\/category\/ui\/#listItem","position":2,"name":"User Interface","item":"https:\/\/realnorth.net\/blog\/category\/ui\/","nextItem":{"@type":"ListItem","@id":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/#listItem","name":"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido"},"previousItem":{"@type":"ListItem","@id":"https:\/\/realnorth.net\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/#listItem","position":3,"name":"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido","previousItem":{"@type":"ListItem","@id":"https:\/\/realnorth.net\/blog\/category\/ui\/#listItem","name":"User Interface"}}]},{"@type":"Organization","@id":"https:\/\/realnorth.net\/blog\/#organization","name":"blog - realnorth","url":"https:\/\/realnorth.net\/blog\/"},{"@type":"Person","@id":"https:\/\/realnorth.net\/blog\/author\/admin\/#author","url":"https:\/\/realnorth.net\/blog\/author\/admin\/","name":"admin","image":{"@type":"ImageObject","@id":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/aeb7cc12fb24fd45da6313367c7f27e23f742b893b153d630b8bc132e3745767?s=96&d=mm&r=g","width":96,"height":96,"caption":"admin"}},{"@type":"WebPage","@id":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/#webpage","url":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/","name":"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido - blog - realnorth","description":"Estos \u00faltimos d\u00edas aparecieron un par de soluciones para crear animaciones usando CSS3 de una manera f\u00e1cil y r\u00e1pida, por un lado en el marco de Adobe MAX 2010 se mostr\u00f3 el prototipo de Adobe Edge una herramienta con un uso y funcionalidades b\u00e1sicas parecidas a Adobe Flash pero que utiliza CSS3 para crear las","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/realnorth.net\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/#breadcrumblist"},"author":{"@id":"https:\/\/realnorth.net\/blog\/author\/admin\/#author"},"creator":{"@id":"https:\/\/realnorth.net\/blog\/author\/admin\/#author"},"datePublished":"2010-10-28T01:57:19-03:00","dateModified":"2013-07-06T01:16:34-03:00"},{"@type":"WebSite","@id":"https:\/\/realnorth.net\/blog\/#website","url":"https:\/\/realnorth.net\/blog\/","name":"blog - realnorth","inLanguage":"en-US","publisher":{"@id":"https:\/\/realnorth.net\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"blog - realnorth |","og:type":"article","og:title":"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido - blog - realnorth","og:description":"Estos \u00faltimos d\u00edas aparecieron un par de soluciones para crear animaciones usando CSS3 de una manera f\u00e1cil y r\u00e1pida, por un lado en el marco de Adobe MAX 2010 se mostr\u00f3 el prototipo de Adobe Edge una herramienta con un uso y funcionalidades b\u00e1sicas parecidas a Adobe Flash pero que utiliza CSS3 para crear las","og:url":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/","article:published_time":"2010-10-28T01:57:19+00:00","article:modified_time":"2013-07-06T04:16:34+00:00","twitter:card":"summary","twitter:title":"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido - blog - realnorth","twitter:description":"Estos \u00faltimos d\u00edas aparecieron un par de soluciones para crear animaciones usando CSS3 de una manera f\u00e1cil y r\u00e1pida, por un lado en el marco de Adobe MAX 2010 se mostr\u00f3 el prototipo de Adobe Edge una herramienta con un uso y funcionalidades b\u00e1sicas parecidas a Adobe Flash pero que utiliza CSS3 para crear las"},"aioseo_meta_data":{"post_id":"271","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2021-02-07 23:14:56","updated":"2025-10-27 18:49:34","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/realnorth.net\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/realnorth.net\/blog\/category\/ui\/\" title=\"User Interface\">User Interface<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAnimaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/realnorth.net\/blog"},{"label":"User Interface","link":"https:\/\/realnorth.net\/blog\/category\/ui\/"},{"label":"Animaci\u00f3n CSS3 con Sencha Animator y Adobe Edge, f\u00e1cil y r\u00e1pido","link":"https:\/\/realnorth.net\/blog\/sencha-animator-adobe-edge\/"}],"_links":{"self":[{"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/posts\/271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/comments?post=271"}],"version-history":[{"count":3,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/posts\/271\/revisions"}],"predecessor-version":[{"id":2294,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/posts\/271\/revisions\/2294"}],"wp:attachment":[{"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/media?parent=271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/categories?post=271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/realnorth.net\/blog\/wp-json\/wp\/v2\/tags?post=271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}