<?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>Turleando &#187; CSS</title> <atom:link href="http://www.turleando.com.ar/tags/css/feed/" rel="self" type="application/rss+xml" /><link>http://www.turleando.com.ar</link> <description>El blog personal de Emilio</description> <lastBuildDate>Thu, 29 Jul 2010 18:30:49 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0.1</generator> <item><title>Ventanas Gelatinosas con Javascript y CSS Transforms</title><link>http://www.turleando.com.ar/2009/06/ventanas-gelatinosas-con-javascript-y-css-transforms/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=ventanas-gelatinosas-con-javascript-y-css-transforms</link> <comments>http://www.turleando.com.ar/2009/06/ventanas-gelatinosas-con-javascript-y-css-transforms/#comments</comments> <pubDate>Sun, 28 Jun 2009 19:33:38 +0000</pubDate> <dc:creator>Emilio</dc:creator> <category><![CDATA[CSS]]></category> <category><![CDATA[Javascript]]></category> <category><![CDATA[Software Libre]]></category> <category><![CDATA[CSS3]]></category> <category><![CDATA[ventanas gelatinosas]]></category><guid isPermaLink="false">http://www.turleando.com.ar/?p=95</guid> <description><![CDATA[El otro día estaba viendo ejemplos de CSS Transforms. Y entre tantos ejemplos que vi, de repente se me ocurrió: ¿por que no hacer ventanas gelatinosas? Busqué un poco en Google, y como no encontré nada del tema, me puse a trabajar. Como base, utilizé el framework Javascript Mootools, y la interfaz de ventanas MochaUI. [...]]]></description> <content:encoded><![CDATA[<p>El otro día estaba viendo ejemplos de <em>CSS Transforms</em>. Y entre tantos ejemplos que vi, de repente se me ocurrió:<strong> ¿por que no hacer ventanas gelatinosas?</strong> Busqué un poco en Google, y como no encontré nada del tema, me puse a trabajar.</p><p>Como base, <strong>utilizé el framework Javascript <a href="http://mootools.net/">Mootools</a>, y la interfaz de ventanas <a href="http://mochaui.com/">MochaUI</a></strong>. Modifiqué el sistema de Drag de Mootools, para que haga gelatinosos los elementos que se mueven. Y cargando el &#8220;Drag&#8221; modificado antes de MochaUI, podemos obtener ventanas gelatinosas. Tengo que aclarar que <strong>los efectos son un poco irreales: yo no soy físico</strong> ni se como calcular para donde debería moverse la ventana, o cuanto debería agrandarse. Pero de todas formas, me parece que sirve para ilustrar que esto es totalmente posible de implementar, para alguien con los conocimientos necesarios.</p><p>Para probarlo, van a necesitar <a href="http://www.mozilla.com/en-US/firefox/all-beta.html">Firefox 3.5</a>, o algún navegador basado en Webkit reciente (Safari 4, Chrome 2?). Al entrar, verán una ventana: si la mueven, notarán que es gelatinosa. En el resto de los navegadores, deberían ver la ventana, pero no tendría el efecto.</p><p><strong>El link: </strong><a href="http://labs.turl.com.ar/gelatinosas/">http://labs.turl.com.ar/gelatinosas/</a></p><p>¡Espero comentarios!</p><p><strong>Actualización:</strong> Las ventanas gelatinosas han sido probadas y están funcionando en Firefox 3.5 y 3.6, Chrome 2 y 3,  Safari 4 y Midori 0.1.2.</p> ]]></content:encoded> <wfw:commentRss>http://www.turleando.com.ar/2009/06/ventanas-gelatinosas-con-javascript-y-css-transforms/feed/</wfw:commentRss> <slash:comments>15</slash:comments> </item> </channel> </rss>