// API callback
ultimasentradas({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-33571139"},"updated":{"$t":"2023-11-19T03:42:25.111-03:00"},"category":[{"term":"Blogger"},{"term":"CSS"},{"term":"herramientas"},{"term":"JavaScript"},{"term":"servicios"},{"term":"Google"},{"term":"curiosidades"},{"term":"humor"},{"term":"HTML"},{"term":"blogs"},{"term":"Firefox"},{"term":"personal"},{"term":"iconos"},{"term":"wallpapers"},{"term":"YouTube"},{"term":"campañas"},{"term":"JQuery"},{"term":"beatlemania"},{"term":"imagenes"},{"term":"json"},{"term":"Twitter"},{"term":"animacion"},{"term":"opiniones"},{"term":"musica"},{"term":"historias"},{"term":"Scriptaculous"},{"term":"copyright"},{"term":"Facebook"},{"term":"plantillas"},{"term":"publicidades"},{"term":"Feedburner"},{"term":"juegos"},{"term":"meme"},{"term":"indice"}],"title":{"type":"text","$t":"Vagabundia"},"subtitle":{"type":"html","$t":"Algo más y algo menos."},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"http:\/\/vagabundia.blogspot.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default?alt=json-in-script\u0026max-results=5\u0026orderby=published"},{"rel":"alternate","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"},{"rel":"next","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default?alt=json-in-script\u0026start-index=6\u0026max-results=5\u0026orderby=published"}],"author":[{"name":{"$t":"JMiur"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/16731144451681787753"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA\/s220\/Avatar.jpg"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"2831"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"5"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-33571139.post-9163607056975805671"},"published":{"$t":"2013-05-22T00:00:00.000-03:00"},"updated":{"$t":"2013-05-22T02:48:32.025-03:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"personal"}],"title":{"type":"text","$t":"Hogar, dulce hogar"},"content":{"type":"html","$t":"\u003Cdiv style=\"text-align: center;\"\u003E\u003Cimg src=\"http:\/\/4.bp.blogspot.com\/-K3o8GqzEK7M\/UZIIGV_l6DI\/AAAAAAAAWTk\/I_vaIHUko_8\/s00\/sinovuelvo_1.jpg\" \/\u003E\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: justify;\"\u003EVoy a sacar las telas de araña, limpiar un poco el piso, correr los cortinados y dejar que entre algo de sol. Es inevitable que todo se llene de polvo cuando uno lo deja estar. Puede ser a propósito, un acto deliberado de \u003Ci\u003Estop\u003C\/i\u003E o ser sólo el resultado de esas cosas que pasan cuando por alguna insondable razón, simplemente se posterga lo que antes había sido un hábito impostergable.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nNo es que uno no tenga cosas que decir porque en realidad, eso poco importa, sino que simplemente no se pone a decirlas y el silencio se vuelve una costumbre de la que a veces no se logra salir.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSi las rutinas son malas, una de las peores es esa: dejarse estar. \"Mañana, hoy no tengo ganas\"; la fiaca nos invade y nos quedamos quietitos, quietitos, quietitos, esperando no sé qué; esa inspiración que alguna vez soñamos que llegaría de manos de una musa rubia y de piernas largas pero que en realidad, no existe o usa peluca y tiene piernas cortas.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nNo, no hay inspiraciones posibles, solo hay laburo. Sentarse y empezar a tipear una palabra cualquiera y dejar que las demás se vayan acomodando como puedan en un orden que jamás es el orden perfecto  pero ... es lo que hay. Ni más ni menos.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n¿Y por qué ahora?\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSólo porque la PC está trabajando tratando de grabar un en un DVD y es aburrido quedarse frente al monitor mirando como la línea avanza lentamente y el \"Tiempo restante\" en lugar de disminuir, aumenta y aumenta y aumenta porque sabe Dios quién corno inventó esos sistemas contables que sólo estan ahi para confundirnos ya que jamás dicen la verdad. Pasaron 18 minutos y dice que faltan 4 o 3 o 5 o 7; mejor ni lo miro porque es sabido que cuando se los mira tardan más; es la regla número uno de la vida. La leche no hierve si la miramos y se derrama en cuanto apartamos la vista. Las cosas suelen tener vida propia; una vida espantosa, creo yo, porque su único objetivo es arruinarnos la nuestra.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n¿Y esto saldrá publicado? ¡Y qué se yo!, a mi no me lo pregunten; yo sólo escribo para pasar el rato ... \u003Cbr \/\u003E\n\u003Cbr \/\u003E\nUFFFF Qué julepe. Saltó la bandeja del DVD y un pitido me dice que tengo que poner el segundo; podría ser más dulce y decírmelo de otro modo pero no, les gusta atormentarnos con esos mensajes obvios ¿No era suficiente un \"Ya termine con el primero, por favor inserte el segundo\"? Ni siquiera le pido que diga \"No se preocupe, no hay apuro, yo espero, disculpe las molestias\". Sólo pido que me trate como si yo fuera el dueño y no al revés pero es inútil pedirle peras al olmo. La PC manda y yo obedezco. Las reglas son así.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nEn fín, ya me perdí. Bah, estaba perdido desde el principio aunque lo disimulaba ... creo.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\"Proceso completado satisfactoriamente\". Bien. ya terminó así que vamos a ver qué salió y si la espera valió la pena.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSi no vuelvo, es que me fui.\u003C\/div\u003E\u003Cbr \/\u003E\n\u003Cdiv style=\"text-align: center;\"\u003E\u003Cimg src=\"http:\/\/4.bp.blogspot.com\/-85_wiER9q6w\/UZIIHKerBRI\/AAAAAAAAWTs\/EqvOI9WJ9Yc\/s00\/sinovuelvo_2.jpg\" \/\u003E\u003C\/div\u003E\u003Cdiv class=\"blogger-post-footer\"\u003E\u003Chr \/\u003E  \u003Ca href=\"http:\/vagabundia.blogspot.com\"\u003EVagabundia\u003C\/a\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/vagabundia.blogspot.com\/feeds\/9163607056975805671\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/2013\/05\/hogar-dulce-hogar.html#comment-form","title":"112 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default\/9163607056975805671"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default\/9163607056975805671"},{"rel":"alternate","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/2013\/05\/hogar-dulce-hogar.html","title":"Hogar, dulce hogar"}],"author":[{"name":{"$t":"JMiur"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/16731144451681787753"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA\/s220\/Avatar.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-K3o8GqzEK7M\/UZIIGV_l6DI\/AAAAAAAAWTk\/I_vaIHUko_8\/s72-c\/sinovuelvo_1.jpg","height":"72","width":"72"},"thr$total":{"$t":"112"}},{"id":{"$t":"tag:blogger.com,1999:blog-33571139.post-3685437422285486539"},"published":{"$t":"2013-05-19T00:00:00.000-03:00"},"updated":{"$t":"2013-05-19T00:00:06.328-03:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"iconos"}],"title":{"type":"text","$t":"Unos cuantos íconos especiales"},"content":{"type":"html","$t":"\u003Ctable class=\"packiconos\" cellspacing=\"10\" cellpadding=\"0\"\u003E\u003Ctr\u003E\u003Ctd class=\"ititulo\" colspan=\"2\"\u003EPictonic Icons\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr\u003E\u003Ctd colspan=\"2\" style=\"text-align:left\"\u003EContiene 266 íconos en formato PNG.\u003Cbr \/\u003E\n\u003Ca class=\"idescarga\" rel=\"nofollow\" href=\"https:\/\/pictonic.co\/free\" target=\"_blank\"\u003Edescargar\u003C\/a\u003E\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr\u003E\u003Ctd colspan=\"2\"\u003E\u003Cimg src=\"http:\/\/2.bp.blogspot.com\/-e5U23M5U14s\/UTzI1VpVeyI\/AAAAAAAAWNA\/4ZQ4f_7wpjk\/s500\/PictonicIcons.jpg\" \/\u003E\u003C\/td\u003E\u003C\/tr\u003E\n\u003C\/table\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n\u003Ctable class=\"packiconos\" cellspacing=\"10\" cellpadding=\"0\"\u003E\u003Ctr\u003E\u003Ctd class=\"ititulo\" colspan=\"2\"\u003EPW Drawn Icon Font\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr\u003E\u003Ctd colspan=\"2\" style=\"text-align:left\"\u003EContiene un archivo en formato TTF.\u003Cbr \/\u003E\n\u003Ca class=\"idescarga\" rel=\"nofollow\" href=\"http:\/\/www.peax-webdesign.com\/goodies\/free-icons\/icones-gratuites\/icon-font.html\" target=\"_blank\"\u003Edescargar\u003C\/a\u003E\u003C\/td\u003E\u003C\/tr\u003E\n\u003Ctr\u003E\u003Ctd colspan=\"2\"\u003E\u003Cimg src=\"http:\/\/2.bp.blogspot.com\/-cUqtpwkUHnI\/UTzJVAhs14I\/AAAAAAAAWNQ\/gYL-2Z5Z7HQ\/s500\/PWDrawn.jpg\" \/\u003E\u003C\/td\u003E\u003C\/td\u003E\u003C\/tr\u003E\n\u003C\/table\u003E\u003Cdiv class=\"blogger-post-footer\"\u003E\u003Chr \/\u003E  \u003Ca href=\"http:\/vagabundia.blogspot.com\"\u003EVagabundia\u003C\/a\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/vagabundia.blogspot.com\/feeds\/3685437422285486539\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/2013\/05\/unos-cuantos-iconos-especiales.html#comment-form","title":"15 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default\/3685437422285486539"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default\/3685437422285486539"},{"rel":"alternate","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/2013\/05\/unos-cuantos-iconos-especiales.html","title":"Unos cuantos íconos especiales"}],"author":[{"name":{"$t":"JMiur"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/16731144451681787753"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA\/s220\/Avatar.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/2.bp.blogspot.com\/-e5U23M5U14s\/UTzI1VpVeyI\/AAAAAAAAWNA\/4ZQ4f_7wpjk\/s72-c\/PictonicIcons.jpg","height":"72","width":"72"},"thr$total":{"$t":"15"}},{"id":{"$t":"tag:blogger.com,1999:blog-33571139.post-256853954795223451"},"published":{"$t":"2013-05-14T00:00:00.000-03:00"},"updated":{"$t":"2013-05-14T05:49:37.441-03:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"curiosidades"}],"title":{"type":"text","$t":"Notas desde el navegador"},"content":{"type":"html","$t":"\u003Cdiv style=\"text-align: justify;\"\u003EEl artículo de Jose Jesus Perez Aguinaga llamado \u003Ca href=\"https:\/\/coderwall.com\/p\/lhsrcq\" target=\"_blank\"\u003EOne line browser notepad\u003C\/a\u003E me llamó la atención, no sólo por lo original de la idea sino por el grado de participación y aportes de los lectores, algo que, no suele ser habitual en estos tiempos donde sólo vale la inmediatez y la \"practicidad\" de las cosas.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSeguramente, no es algo que maraville ya que es posible que haya decenas de sistemas similares pero, no deja de ser interesante ya que demuestra dos cosas: que siempre se puede darle una vuelta de tuerca más a algo y que vale la pena hacerlo.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nLa idea es simple; usar el navegador para tomar notas rápidas sin necesidad de agregar \u003Ci\u003Eplugins\u003C\/i\u003E o aplicaciones extras, valiéndose sólo de un \u003Ci\u003Ebookmarklet\u003C\/i\u003E, algo que puede ser agregado a los marcadores.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n¿Cómo funcionaría? Basta abrir una ventana o pestaña y escribir lo siguiente en la barra de direcciones:\u003C\/div\u003E\u003Cpre\u003Edata:text\/html, \u0026lt;html contenteditable\u0026gt;\u003C\/pre\u003E\u003Cdiv style=\"text-align: justify;\"\u003EHaciendo eso, la ventana se convertirá en un editor de textos sencillo donde podremos escribir cualquier cosa. Bastaría guardarla así en los marcadores para no tener que tipear eso cada vez que lo necesitemos.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nDe ahí en más, comenzaron a  aparecer variaciones de  todo tipo:\u003C\/div\u003E\u003Cpre\u003Edata:text\/html, \u0026lt;textarea style=\"font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none\" autofocus \/\u0026gt;\n\ndata:text\/html, \u0026lt;body contenteditable style=\"font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;\"\u0026gt;\n\ndata:text\/html, \u0026lt;title\u0026gt;Text Editor\u0026lt;\/title\u0026gt;\u0026lt;body contenteditable style=\"font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;\"\u0026gt;\n\ndata:text\/html;charset=utf-8, \u0026lt;html contenteditable\u0026gt;\n\ndata:text\/html;charset=utf-8, \u0026lt;title\u0026gt;TextEditor\u0026lt;\/title\u0026gt;\u0026lt;body contenteditable style=\"font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;\" spellcheck=\"false\"\u0026gt;\n\ndata:text\/html;charset=utf-8, \u0026lt;title\u0026gt;TextEditor\u0026lt;\/title\u0026gt;\u0026lt;body contenteditable style=\"font-size:2rem;font-family:monaco;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;\" spellcheck=\"false\"\u0026gt;\u0026lt;h1\u0026gt;Text Editor\u0026lt;\/h1\u0026gt;\u0026lt;p\u0026gt;Start Here.\n\ndata:text\/html, \u0026lt;style\u0026gt;html,body{margin: 0; padding: 0;}\u0026lt;\/style\u0026gt;\u0026lt;textarea style=\"font-size: 1.5em; line-height: 1.5em; background: %23000; color: %23EEE; width: 100%; height: 100%; border: none; outline: none; margin: 0; padding: 90px;\" autofocus placeholder=\"empezar a escribir\" \/\u0026gt;\n\ndata:text\/html,\u0026lt;pre onkeyup=\"(function(d,t){d[t]('iframe')[0].contentDocument.body.innerHTML = d[t]('pre')[0].textContent;})(document,'getElementsByTagName')\" style=\"width:100%;height:48%;white-space:pre-wrap;overflow:auto;\" contenteditable\u0026gt;\u0026lt;\/pre\u0026gt;\u0026lt;iframe style=\"width:100%;height:48%\"\u0026gt;\u003C\/pre\u003E\u003Cdiv style=\"text-align: justify;\"\u003EUna vez que terminamos de escribir, sólo necesitamos guardar el resultado como haríamos con cualquier página web.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nIncluso hay quien llevó la idea al extremo de crear un \u003Ca href=\"http:\/\/ednortonengineeringsociety.blogspot.com.ar\/2013\/01\/cool-trick-with-contenteditable-in-html.html\" target=\"_blank\"\u003Ebookmarklet\u003C\/a\u003E que guarda cualquier contenido seleccionado.\u003C\/div\u003E\u003Cdiv class=\"blogger-post-footer\"\u003E\u003Chr \/\u003E  \u003Ca href=\"http:\/vagabundia.blogspot.com\"\u003EVagabundia\u003C\/a\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/vagabundia.blogspot.com\/feeds\/256853954795223451\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/2013\/05\/notas-desde-el-navegador.html#comment-form","title":"4 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default\/256853954795223451"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default\/256853954795223451"},{"rel":"alternate","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/2013\/05\/notas-desde-el-navegador.html","title":"Notas desde el navegador"}],"author":[{"name":{"$t":"JMiur"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/16731144451681787753"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA\/s220\/Avatar.jpg"}}],"thr$total":{"$t":"4"}},{"id":{"$t":"tag:blogger.com,1999:blog-33571139.post-1168434091904010837"},"published":{"$t":"2013-04-24T03:57:00.000-03:00"},"updated":{"$t":"2013-04-24T15:19:15.729-03:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"CSS"}],"title":{"type":"text","$t":"El futuro y la propiedad @supports"},"content":{"type":"html","$t":"\u003Cdiv style=\"text-align: justify;\"\u003E\u003Cimg class=\"izquierda\" src=\"http:\/\/4.bp.blogspot.com\/-QLmX2LwzWVM\/UM1ve0cdXGI\/AAAAAAAAVqY\/4aZFdqCJiQE\/s150\/support.png\" \/\u003EAsí como hace más de dos años, se mostraba el uso de una propiedad de CSS3 llamada \u003Ca href=\"http:\/\/vagabundia.blogspot.com\/2010\/07\/usar-media-para-detectar-la-resolucion.html\" target=\"_blank\"\u003E@media\u003C\/a\u003E que permite especificar las propiedades que tendrá nuestro sitio según sea el medio en el cual se mostrará y hoy se va generalizado a partir de la intención de muchos desarrolladores de tener diseños adaptables; esta otra, llamada \u003Ca rel=\"nofollow\" href=\"http:\/\/dev.w3.org\/csswg\/css3-conditional\/#at-supports\" target=\"_blank\"\u003E@supports\u003C\/a\u003E, es probable que pronto se convierta en una de esas cosas imprescindibles.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nPor ahora, su uso práctico es limitado o nulo ya que sólo está soportado por Opera 12 y Firefox 17 e incluso en este último, sólo funciona si se coloca en \u003Cb\u003ETRUE\u003C\/b\u003E el valor \u003Cb\u003Elayout.css.supports-rule.enable\u003C\/b\u003E en la configuración del navegador (about:config) pero, se espera que pronto sea algo corriente y Chrome dice que lo implementará a partir de la versión 24.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\n¿Para qué serviría esto? Para algo que el CSS aun es incapaz de manejar, detectar el navegador que se está utilizando de tal forma de poder condicionar el uso de determinadas reglas o propiedades.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nLa sintaxis sería.\u003C\/div\u003E\u003Cpre\u003E@supports una_condición {\n  \/* y aquí las reglas de estilo si la condición se cumple *\/\n}\u003C\/pre\u003E\u003Cdiv style=\"text-align: justify;\"\u003EPor ejemplo, supongamos que quiero que una etiqueta tenga una animación que use \u003Ca href=\"http:\/\/vagabundia.blogspot.com\/2011\/12\/transiciones-y-animaciones.html\" target=\"_blank\"\u003E@keyframes\u003C\/a\u003E sólo si estas son soportadas y, caso contrario que no se vean:\u003C\/div\u003E\u003Cpre\u003E#mi_animacion {display:none;} \/* por defecto no lo muestro *\/\n@supports (animation-name: un_ejemplo) {\n  \/* y sólo se verá si el navegador soporta animaciones *\/\n  @keyframes un_ejemplo  {\n    from {background-color:#000;border: 0px solid #444;} \n    to {background-color:#F00;border: 15px solid #FF0;}\n  }\n  #mi_animacion {\n    display:block;}\n    animation: un_ejemplo 1s infinite alternate;\n  }\n}\u003C\/pre\u003E\u003Cdiv style=\"text-align: justify;\"\u003EEn ese caso, sólo hay una condición pero puede haber varias y combinarse con \u003Cb\u003EOR\u003C\/b\u003E y \u003Cb\u003EAND\u003C\/b\u003E:\u003C\/div\u003E\u003Cpre\u003E@supports (animation-name: un_ejemplo) or (-webkit-animation-name: un_ejemplo) {\n  \/* las reglas se aplicarían en cualquiera de los dos casos *\/\n}\n\n@supports (animation-name: un_ejemplo) and (box-shadow: 1px 1px 5px #FFF) {\n  \/* las reglas se aplicarían si ambas propiedades son reconocidas por el navegador *\/\n}\u003C\/pre\u003E\u003Cdiv style=\"text-align: justify;\"\u003EO incluso, puede usarse el \u003Cb\u003ENOT\u003C\/b\u003E para hacer lo contrario:\u003C\/div\u003E\u003Cpre\u003E@supports not (display: flexbox) {\n  \/* estas reglas se aplicarían si la propeidad no es reconocida por el navegador *\/\n}\u003C\/pre\u003E\u003Cdiv style=\"text-align: justify;\"\u003ESi bien la condición debe tener un valor, este puede ser cualquiera y no es necesario que se utilice en las reglas de la condición así que, por ejemplo, esto sería válido (inútil pero válido):\u003C\/div\u003E\u003Cpre\u003E@supports (background: red) {\n  body {background: white;}\n}\u003C\/pre\u003E\u003Cdiv style=\"text-align: justify;\"\u003ESí, ya sé, no tiene utilidad pero ... el tiempo pasa volando.\u003C\/div\u003E\u003Cdiv class=\"blogger-post-footer\"\u003E\u003Chr \/\u003E  \u003Ca href=\"http:\/vagabundia.blogspot.com\"\u003EVagabundia\u003C\/a\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/vagabundia.blogspot.com\/feeds\/1168434091904010837\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/2013\/04\/el-futuro-y-la-propiedad-supports.html#comment-form","title":"11 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default\/1168434091904010837"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default\/1168434091904010837"},{"rel":"alternate","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/2013\/04\/el-futuro-y-la-propiedad-supports.html","title":"El futuro y la propiedad @supports"}],"author":[{"name":{"$t":"JMiur"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/16731144451681787753"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA\/s220\/Avatar.jpg"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http:\/\/4.bp.blogspot.com\/-QLmX2LwzWVM\/UM1ve0cdXGI\/AAAAAAAAVqY\/4aZFdqCJiQE\/s72-c\/support.png","height":"72","width":"72"},"thr$total":{"$t":"11"}},{"id":{"$t":"tag:blogger.com,1999:blog-33571139.post-2700843102884921794"},"published":{"$t":"2013-04-21T16:14:00.000-03:00"},"updated":{"$t":"2013-04-21T16:14:16.851-03:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"Google"}],"title":{"type":"text","$t":"Los comentarios de Google+ en cualquier página "},"content":{"type":"html","$t":"\u003Cdiv style=\"text-align:justify;\"\u003EPor si a alguien le interesa, esto acaba de ser publicado en \u003Ca href=\"http:\/\/googlesystem.blogspot.com.ar\/2013\/04\/add-google-comments-to-any-web-page.html\" target=\"_blank\"\u003EGoogle Operating System\u003C\/a\u003E\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nSe trata de agregar los comentarios de Google+ a cualquier página de modo independiente.No es algo oficial así que ... prudencia:\u003C\/div\u003E\u003Cpre\u003E\u0026lt;script src=\"https:\/\/apis.google.com\/js\/plusone.js\"\u0026gt;\u0026lt;\/script\u0026gt;\n\u0026lt;div class=\"g-comments\"\n    data-href=\"\u003Cspan style=\"color:#FF0\"\u003Eurl\u003C\/span\u003E\"\n    data-width=\"642\"\n    data-first_party_property=\"BLOGGER\"\n    data-view_type=\"FILTERED_POSTMOD\"\u0026gt;\n\u0026lt;\/div\u0026gt;\u003C\/pre\u003E\u003Cdiv style=\"text-align:justify;\"\u003Edonde debe reemplazarse \u003Cspan style=\"color:#FF0\"\u003Eurl\u003C\/span\u003E por la dirección de la página.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nEn el caso de un \u003Ci\u003Eblog\u003C\/i\u003E, esa url es dinámica, varia y en Blogger sería algo así siempre y cuando el \u003Ci\u003Escript\u003C\/i\u003E se coloque dentro del \u003Cb\u003Eincludable post\u003C\/b\u003E de manera similar a como se hace con otros \u003Ci\u003Eplugins\u003C\/i\u003E de redes sociales:\u003C\/div\u003E\u003Cpre\u003Edata-href=\"\u0026#39;\u0026lt;data:post.url\/\u0026gt;\u0026#39;\"\u003C\/pre\u003E\u003Cdiv style=\"text-align:justify;\"\u003Ey, eventualmente, imagino que si se coloca en cualquier otra parte, podría usarse esto:\u003C\/div\u003E\u003Cpre\u003Edata-href=location.href;\u003C\/pre\u003E\u003Cdiv style=\"text-align:justify;\"\u003EEl valor 642 de data-width es el ancho y deberán probar qué pasa si se cambia porque yo no pienso hacerlo.\u003Cbr \/\u003E\n\u003Cbr \/\u003E\nA diferencia del sistema que propone Blogger, esto no sincroniza los comentarios sino que funcionan de manera independiente, algo similar a lo que se puede hacer con los comentarios de Facebook.\u003C\/div\u003E\u003Cdiv class=\"blogger-post-footer\"\u003E\u003Chr \/\u003E  \u003Ca href=\"http:\/vagabundia.blogspot.com\"\u003EVagabundia\u003C\/a\u003E\u003C\/div\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http:\/\/vagabundia.blogspot.com\/feeds\/2700843102884921794\/comments\/default","title":"Comentarios de la entrada"},{"rel":"replies","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/2013\/04\/los-comentarios-de-google-en-cualquier.html#comment-form","title":"4 Comentarios"},{"rel":"edit","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default\/2700843102884921794"},{"rel":"self","type":"application/atom+xml","href":"http:\/\/www.blogger.com\/feeds\/33571139\/posts\/default\/2700843102884921794"},{"rel":"alternate","type":"text/html","href":"http:\/\/vagabundia.blogspot.com\/2013\/04\/los-comentarios-de-google-en-cualquier.html","title":"Los comentarios de Google+ en cualquier página "}],"author":[{"name":{"$t":"JMiur"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/16731144451681787753"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"32","height":"32","src":"\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA\/s220\/Avatar.jpg"}}],"thr$total":{"$t":"4"}}]}});