<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" ><channel><title>HectorBenitez.com [Blog] &#187; CSS</title> <atom:link href="http://blog.hectorbenitez.com/category/desarrollo_programacion/desarrollo-web/css/feed/" rel="self" type="application/rss+xml" /><link>http://blog.hectorbenitez.com</link> <description>Desarrollo de sistemas o algo por el estilo...</description> <lastBuildDate>Sun, 11 Dec 2011 22:25:49 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Cross domain AJAX usando CSS</title><link>http://blog.hectorbenitez.com/2009/11/cross-domain-ajax-usando-css/</link> <comments>http://blog.hectorbenitez.com/2009/11/cross-domain-ajax-usando-css/#comments</comments> <pubDate>Sat, 14 Nov 2009 17:33:43 +0000</pubDate> <dc:creator>Hector Benitez</dc:creator> <category><![CDATA[Ajax]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[Desarrollo/Programación]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[Cross domain]]></category> <category><![CDATA[Python]]></category> <category><![CDATA[Ruby]]></category><guid isPermaLink="false">http://blog.hectorbenitez.com/?p=551</guid> <description><![CDATA[Una de las tecnicas mas importantes dentro del desarrollo web es AJAX, esta tecnica de programación es muy poderosa, sin embargo tiene ciertas restricciones por seguridad, la mas importante de ellas es la llamada &#8220;same-origin policy&#8221; la cual no permite generar llamados hacia otros dominios (Cross domain)&#8230; Ahora me he encontrado con una libreria muy [...]]]></description> <content:encoded><![CDATA[<p>Una de las tecnicas mas importantes dentro del <a title="desarrollo web" href="http://blog.hectorbenitez.com/category/desarrollo_programacion/desarrollo-web/">desarrollo web</a> es <a title="AJAX" href="http://blog.hectorbenitez.com/category/desarrollo_programacion/desarrollo-web/ajax/">AJAX</a>, esta tecnica de <a title="programación" href="http://blog.hectorbenitez.com/tag/programacion/">programación</a> es muy poderosa, sin embargo tiene ciertas restricciones por <a title="seguridad" href="http://blog.hectorbenitez.com/category/computacion/seguridad/">seguridad</a>, la mas importante de ellas es la llamada &#8220;same-origin policy&#8221; la cual no permite generar llamados hacia otros dominios (<a title="Cross domain" href="http://blog.hectorbenitez.com/tag/cross-domain/">Cross domain</a>)&#8230;</p><p>Ahora me he encontrado con una libreria muy interesante la cual nos permite realizar llamados <a title="AJAX" href="http://blog.hectorbenitez.com/tag/ajax/">AJAX</a> cross domain, pero usando CSS (Ellos lo llaman AJACSS), la razon de esto es que la politca &#8220;same-origin&#8221; solo afecta los llamados hechos con el XmlHttpRequest, por esta razon ellos nos presentan CSSHttpRequest.</p><p>Tiene como limitante el que solo se pueden realizar llamados tipo GET y que la respuesta vendra codificada dentro de CSS, sin embargo ellos ya nos brindan librerias para codificar en <a title="Python" href="http://blog.hectorbenitez.com/tag/python/">Python</a>, <a title="Ruby" href="http://blog.hectorbenitez.com/tag/ruby/">Ruby</a> y PHP y para descodificar en <a title="Javascript" href="http://blog.hectorbenitez.com/category/desarrollo_programacion/desarrollo-web/javascript/">Javascript</a>, aqui les dejo un ejemplo de como seria el uso y en la pagina de los autores pueden encontrar un ejemplos, saludos&#8230;</p><pre class="brush: js">
CSSHttpRequest.get(
        "http://www.nb.io/hacks/csshttprequest/hello-world/",
        function(response) { alert(response); }
    );
</pre><p>Respuesta:</p><pre class="brush: css">
#c0 { background: url(data:,Hola%20Mundo!); }
#c1 { background: url(data:,Este%20seria%20un%20ejemplo); }
</pre><p><a href="http://nb.io/hacks/csshttprequest" target="_blank">Sitio oficial&#8230;</a></p>]]></content:encoded> <wfw:commentRss>http://blog.hectorbenitez.com/2009/11/cross-domain-ajax-usando-css/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Convertir Px -&gt; Em [CSS]</title><link>http://blog.hectorbenitez.com/2009/06/convertir-px-em-css/</link> <comments>http://blog.hectorbenitez.com/2009/06/convertir-px-em-css/#comments</comments> <pubDate>Mon, 29 Jun 2009 01:08:43 +0000</pubDate> <dc:creator>Hector Benitez</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Programación]]></category> <category><![CDATA[Web]]></category><guid isPermaLink="false">http://blog.hectorbenitez.com/?p=397</guid> <description><![CDATA[EmChart es un recurso muy util que me encontre en la web, con esta tabla ustedes podran convertir las medidas de px a em de una forma muy sencilla y practica. Este recurso esta disponible en linea o para descarga, muy util para diseño web&#8230; Sitio oficial]]></description> <content:encoded><![CDATA[<p>EmChart es un recurso muy util que me encontre en la web, con esta tabla ustedes podran convertir las medidas de px a em de una forma muy sencilla y practica.</p><p>Este recurso esta disponible en linea o para descarga, muy util para <a title="diseño" href="http://blog.hectorbenitez.com/category/diseno/">diseño</a> web&#8230;</p><p><a href="http://aloestudios.com/code/emchart/" target="_blank"><img class="aligncenter size-full wp-image-398" title="em-chart" src="http://blog.hectorbenitez.com/wp-content/uploads/2009/06/em-chart.gif" alt="em-chart" width="480" height="137" /></a></p><p><a href="http://aloestudios.com/code/emchart/" target="_blank">Sitio oficial</a></p>]]></content:encoded> <wfw:commentRss>http://blog.hectorbenitez.com/2009/06/convertir-px-em-css/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Hagamos mas rapida a la web</title><link>http://blog.hectorbenitez.com/2009/06/hagamos-mas-rapida-a-la-web/</link> <comments>http://blog.hectorbenitez.com/2009/06/hagamos-mas-rapida-a-la-web/#comments</comments> <pubDate>Sat, 27 Jun 2009 23:23:29 +0000</pubDate> <dc:creator>Hector Benitez</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Desarrollo web]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[PHP]]></category> <category><![CDATA[Programación]]></category> <category><![CDATA[Web]]></category><guid isPermaLink="false">http://blog.hectorbenitez.com/?p=393</guid> <description><![CDATA[Recientemente Google presento una serie de tutoriales y articulos en los cuales nos presentan diferentes sugerencias para mejorar la velocidad de nuestras aplicaciones web, se tratan temas como CSS, PHP, Javascript y optimización de imagenes entre otros, la verdad son recursos muy interesantes y vale la pena hechar un ojo&#8230; Articulo de google code&#8230; Let&#8217;s [...]]]></description> <content:encoded><![CDATA[<p>Recientemente <a title="Google" href="http://blog.hectorbenitez.com/tag/google/">Google</a> presento una serie de tutoriales y articulos en los cuales nos presentan diferentes sugerencias para mejorar la velocidad de nuestras aplicaciones web, se tratan temas como CSS, PHP, <a title="Javascript" href="http://blog.hectorbenitez.com/category/desarrollo_programacion/desarrollo-web/javascript/">Javascript</a> y optimización de <a title="imagenes" href="http://blog.hectorbenitez.com/tag/imagenes/">imagenes</a> entre otros, la verdad son recursos muy interesantes y vale la pena hechar un ojo&#8230;</p><p><a href="http://blog.hectorbenitez.com/wp-content/uploads/2009/06/que-no-habia-GOOGLE.jpg"><img class="aligncenter size-full wp-image-394" title="que-no-habia-GOOGLE" src="http://blog.hectorbenitez.com/wp-content/uploads/2009/06/que-no-habia-GOOGLE.jpg" alt="que-no-habia-GOOGLE" width="400" height="316" /></a></p><p><a href="http://code.google.com/intl/es/speed/articles/" target="_blank">Articulo de google code&#8230;</a></p><div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px;"><h1>Let&#8217;s make the web faster</h1></div>]]></content:encoded> <wfw:commentRss>http://blog.hectorbenitez.com/2009/06/hagamos-mas-rapida-a-la-web/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>BlueTrip CSS Framework</title><link>http://blog.hectorbenitez.com/2009/06/bluetrip-css-framework/</link> <comments>http://blog.hectorbenitez.com/2009/06/bluetrip-css-framework/#comments</comments> <pubDate>Sat, 27 Jun 2009 22:32:38 +0000</pubDate> <dc:creator>Hector Benitez</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Internet]]></category> <category><![CDATA[Web]]></category><guid isPermaLink="false">http://blog.hectorbenitez.com/?p=387</guid> <description><![CDATA[Aunque personalmente soy usuario de Bluprint, me acabo de encontrar con un nuevo framework que parece estar bastante interesante, segun ellos, estan incorporando lo mejor de Blueprint, Tripoli (de aqui sale el nombre), el CSS de impresion de Hartija, la simplicidad de 960.gs, y los iconos de Elements&#8230; Sitio oficial]]></description> <content:encoded><![CDATA[<p>Aunque personalmente soy usuario de Bluprint, me acabo de encontrar con un nuevo framework que parece estar bastante interesante, segun ellos, estan incorporando lo mejor de Blueprint, Tripoli (de aqui sale el nombre), el CSS de impresion de Hartija, la simplicidad de 960.gs, y los <a title="iconos" href="http://blog.hectorbenitez.com/tag/iconos/">iconos</a> de Elements&#8230;</p><p style="text-align: center;"><a href="http://blog.hectorbenitez.com/wp-content/uploads/2009/06/typography.png"><img class="aligncenter size-full wp-image-388" title="typography" src="http://blog.hectorbenitez.com/wp-content/uploads/2009/06/typography.png" alt="typography" width="486" height="180" /></a></p><p><a href="http://bluetrip.org/" target="_blank">Sitio oficial</a></p>]]></content:encoded> <wfw:commentRss>http://blog.hectorbenitez.com/2009/06/bluetrip-css-framework/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 1/26 queries in 0.012 seconds using disk: basic
Object Caching 685/731 objects using disk: basic

Served from: blog.hectorbenitez.com @ 2012-02-07 02:24:02 -->
