{"id":1620,"date":"2010-05-20T15:54:53","date_gmt":"2010-05-20T13:54:53","guid":{"rendered":"http:\/\/alpoma.net\/carto\/?p=1620"},"modified":"2010-05-20T15:54:53","modified_gmt":"2010-05-20T13:54:53","slug":"animacion-del-sistema-solar-con-css3","status":"publish","type":"post","link":"https:\/\/alpoma.net\/carto\/?p=1620","title":{"rendered":"Animaci\u00f3n del Sistema Solar con CSS3"},"content":{"rendered":"

\"Sistema<\/a>Cuando me pasaron esta ma\u00f1ana el enlace por e-mail, al leer la cabecera, no pens\u00e9 que el resultado fuera tan fino. Ahora, cuando he tenido tiempo de verlo con un poco de calma, creo que es toda una obra de arte. Mucho se habla \u00faltimamente sobre la guerra entre Apple y Flash, que si HTML5 y CSS3, junto con un poco de magia JavaScript pueda, o no, terminar con Flash.<\/p>\n

En realidad, ser\u00e1 el tiempo, los desarrolladores y usuarios quienes terminen por decidir si esta batalla tiene alg\u00fan sentido. Nada de esto importa para lo que aqu\u00ed interesa: una nueva forma de presentar animaciones sin emplear flash, basada en las propiedades de CSS3. El experimento, ideado por Neography<\/a><\/strong>, es una simple representaci\u00f3n de nuestro Sistema Solar<\/a><\/strong>. Se \u00abdibuja\u00bb desde la hoja de estilos la \u00f3rbita de cada planeta, que se encuentran animados para quien disfrute de un navegador que soporte el motor de render WebKit, como pueden ser Safary o Chrome. Ver moverse a los planetas y pensar que ah\u00ed no hay flash es una experiencia singular. Estudiar luego el c\u00f3digo y las explicaciones t\u00e9cnicas<\/a><\/strong> no tiene precio.<\/p>\n

Por cierto, quien lo vea con Internet Explorer<\/em> creo que se llevar\u00e1 una desagradable sorpresa… :-S<\/p>\n","protected":false},"excerpt":{"rendered":"

Cuando me pasaron esta ma\u00f1ana el enlace por e-mail, al leer la cabecera, no pens\u00e9 que el resultado fuera tan fino. Ahora, cuando he tenido […]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":5021,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[10],"tags":[],"class_list":["post-1620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-experimentos"],"jetpack_featured_media_url":"https:\/\/alpoma.net\/carto\/wp-content\/uploads\/2010\/05\/4624375042_cd10691b04_m.jpg","jetpack_shortlink":"https:\/\/wp.me\/p93Co9-q8","jetpack-related-posts":[{"id":2663,"url":"https:\/\/alpoma.net\/carto\/?p=2663","url_meta":{"origin":1620,"position":0},"title":"Los nav\u00edos de la Maersk en \u00abtiempo real\u00bb","author":"alpoma","date":"julio 30, 2011","format":false,"excerpt":"Lo m\u00e1s llamativo de este mapa interactivo online, que muestra en \"tiempo real\" la situaci\u00f3n y caracter\u00edsticas de los nav\u00edos de la flota mercante de la Maersk no es el concepto en s\u00ed, sino c\u00f3mo est\u00e1 ejecutado. Hasta cierto punto, y a primera vista, parece flash, pero cuando buscas un\u2026","rel":"","context":"En \u00abEn l\u00ednea\u00bb","block_context":{"text":"En l\u00ednea","link":"https:\/\/alpoma.net\/carto\/?cat=5"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2011\/07\/5990603377_98be4ceac9_o.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2011\/07\/5990603377_98be4ceac9_o.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2011\/07\/5990603377_98be4ceac9_o.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":3581,"url":"https:\/\/alpoma.net\/carto\/?p=3581","url_meta":{"origin":1620,"position":1},"title":"iMapFlickr, mapas sencillos con tus fotos de Flickr","author":"alpoma","date":"septiembre 14, 2012","format":false,"excerpt":"Llevo tiempo queriendo reorganizar de forma simple todas las im\u00e1genes que he ido tomando de mi pueblo, Guardo, al norte de Palencia. Unas veces por falta de tiempo, otras por no encontrar lo que buscaba, el caso es que iba aparcando la idea hasta ahora, cuando sin quererlo me encontr\u00e9\u2026","rel":"","context":"En \u00abEn l\u00ednea\u00bb","block_context":{"text":"En l\u00ednea","link":"https:\/\/alpoma.net\/carto\/?cat=5"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2012\/09\/ejemplo_guardoweb.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2012\/09\/ejemplo_guardoweb.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2012\/09\/ejemplo_guardoweb.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":635,"url":"https:\/\/alpoma.net\/carto\/?p=635","url_meta":{"origin":1620,"position":2},"title":"Captura de superficies en 3D con una c\u00e1mara fotogr\u00e1fica","author":"alpoma","date":"agosto 28, 2008","format":false,"excerpt":"Tal y como aparece en un art\u00edculo de ayer en NewScientist, la tecnolog\u00eda empleada para recrear espacios reales en forma de escenarios tridimensionales puede ser muy complicada, cara y, generalmente, muy poco accesible para el com\u00fan de los mortales. Sin embargo, cuando no se cuenta con recursos sofisticados, el ingenio\u2026","rel":"","context":"En \u00abExperimentos\u00bb","block_context":{"text":"Experimentos","link":"https:\/\/alpoma.net\/carto\/?cat=10"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":715,"url":"https:\/\/alpoma.net\/carto\/?p=715","url_meta":{"origin":1620,"position":3},"title":"Cartograf\u00eda tem\u00e1tica con Up2Maps","author":"alpoma","date":"noviembre 20, 2008","format":false,"excerpt":"He aqu\u00ed una nueva herramienta que se une al reciente arsenal on-line para generaci\u00f3n de mapas tem\u00e1ticos. Se trata de Up2Maps, creada por la empresa barcelonesa MapGenia. En su front-end podemos ver un interface realizado con Flash que, si bien me ha parecido un poco lento en los tiempos de\u2026","rel":"","context":"En \u00abCartograf\u00eda\u00bb","block_context":{"text":"Cartograf\u00eda","link":"https:\/\/alpoma.net\/carto\/?cat=9"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2008\/11\/3045169725_479d01b604_o.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2008\/11\/3045169725_479d01b604_o.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2008\/11\/3045169725_479d01b604_o.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":569,"url":"https:\/\/alpoma.net\/carto\/?p=569","url_meta":{"origin":1620,"position":4},"title":"TATA, imperio de las comunicaciones","author":"alpoma","date":"junio 25, 2008","format":false,"excerpt":"Habr\u00e1 quien s\u00f3lo haya o\u00eddo hablar de TATA por ciertos veh\u00edculos de bajo precio llegados de la India. En realidad, TATA es mucho m\u00e1s, se trata de una megacorporaci\u00f3n con planes de dominaci\u00f3n mundial... \u00a1no iba a ser s\u00f3lo cosa Google! Desde la industria del acero a la de energ\u00eda,\u2026","rel":"","context":"En \u00abCartograf\u00eda\u00bb","block_context":{"text":"Cartograf\u00eda","link":"https:\/\/alpoma.net\/carto\/?cat=9"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2008\/06\/2609792885_53880b6dba_o.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2008\/06\/2609792885_53880b6dba_o.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/alpoma.net\/carto\/wp-content\/uploads\/2008\/06\/2609792885_53880b6dba_o.jpg?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":812,"url":"https:\/\/alpoma.net\/carto\/?p=812","url_meta":{"origin":1620,"position":5},"title":"Scribble Maps, edici\u00f3n r\u00e1pida en Google Maps","author":"alpoma","date":"mayo 4, 2009","format":false,"excerpt":"Esta herramienta flash online puede ser de sumo inter\u00e9s en caso de que se necesite un mapa personalizado para una web, por ejemplo, cuando la rapidez y la sencillez sean necesarias. Con Scribble Maps se puede editar, esto es, inscribir sobre Google Maps vectores como l\u00edneas o pol\u00edgonos, modificar su\u2026","rel":"","context":"En \u00abEn l\u00ednea\u00bb","block_context":{"text":"En l\u00ednea","link":"https:\/\/alpoma.net\/carto\/?cat=5"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/posts\/1620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1620"}],"version-history":[{"count":0,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/posts\/1620\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=\/wp\/v2\/media\/5021"}],"wp:attachment":[{"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alpoma.net\/carto\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}