<?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>ingeniuz :: desarrollo web útil &#187; Javascript</title>
	<atom:link href="http://www.ingeniuz.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ingeniuz.com</link>
	<description>Blog personal de Manuel Cebrián</description>
	<lastBuildDate>Sun, 05 Feb 2012 12:11:48 +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>Aplicando estilos a un input file</title>
		<link>http://www.ingeniuz.com/2010/08/04/aplicando-estilos-a-un-input-file/</link>
		<comments>http://www.ingeniuz.com/2010/08/04/aplicando-estilos-a-un-input-file/#comments</comments>
		<pubDate>Wed, 04 Aug 2010 12:13:44 +0000</pubDate>
		<dc:creator>manuel</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.ingeniuz.com/?p=218</guid>
		<description><![CDATA[Para aquellos a los que les gusta personalizar hasta el más mínimo detalle en sus creaciones web, siempre ha sido una piedra en el zapato el hecho de no poder aplicar un estilo a los campos de tipo &#8220;file&#8221; en los formularios. Hace tiempo que ya algunos han dado con soluciones parciales al problema, como [...]]]></description>
			<content:encoded><![CDATA[<p>Para aquellos a los que les gusta personalizar hasta el más mínimo detalle en sus creaciones web, siempre ha sido una piedra en el zapato el hecho de no poder aplicar un estilo a los campos de tipo &#8220;file&#8221; en los formularios.</p>
<p>Hace tiempo que ya algunos han dado con soluciones parciales al problema, como por ejemplo:</p>
<p><a href="http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom">http://www.shauninman.com/archive/2007/09/10/styling_file_inputs.</a>..</p>
<p>Pero desde ayer, tenemos la que a mi juicio es la más completa y sencilla de ellas. Filament Group, comparte el código de uno de los ejemplos de su libro en:</p>
<p><a href="http://filamentgroup.com/lab/jquery_custom_file_input_book_designing_with_progressive_enhancement/">http://filamentgroup.com/lab/jquery_custom_file_input_.</a>..</p>
<p>El sistema te permite personalizar usando CSS el aspecto completo del campo.</p>
<p><a href="http://www.ingeniuz.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-04-a-las-14.09.32.png"><img class="alignleft size-full wp-image-429" title="Captura de pantalla 2010-08-04 a las 14.09.32" src="http://www.ingeniuz.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-04-a-las-14.09.32.png" alt="" width="462" height="153" /></a></p>
<p>Y el código para hacerlo es realmente simple:</p>
<pre>HTML:
&lt;input id="file" name="file" type="file" /&gt;

JavaScript (jQuery):
$('#file').customFileInput();</pre>
<p>Lo malo será que ahora ya no tendré excusas cuando los diseñadores me pidan que aplique un estilo distinto al estándar a este tipo de controles ;)<br />
Espero que os sirva.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ingeniuz.com/2010/08/04/aplicando-estilos-a-un-input-file/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 1.4</title>
		<link>http://www.ingeniuz.com/2010/01/20/jquery-1-4/</link>
		<comments>http://www.ingeniuz.com/2010/01/20/jquery-1-4/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 09:11:10 +0000</pubDate>
		<dc:creator>manuel</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Programacion]]></category>

		<guid isPermaLink="false">http://www.ingeniuz.com/?p=411</guid>
		<description><![CDATA[El equipo de JQuery ha liberado la versión 1.4 de su librería Javascript, incorporando numerosas correcciones de errores, mejoras en el rendimiento y nuevas funcionalidades. Según lo poco que aún me ha dado tiempo a ver, estas son las cosas que yo destaco: AJAX: acceso a las etags, soporte nativo para interpretar JSON. Importantes mejoras [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ingeniuz.com/wp-content/uploads/2010/01/jquerylogo.png"><img class="alignleft size-full wp-image-412" style="padding: 0 15px 15px 0;" title="jquerylogo" src="http://www.ingeniuz.com/wp-content/uploads/2010/01/jquerylogo.png" alt="" width="225" height="63" /></a>El equipo de JQuery ha liberado la versión 1.4 de su librería Javascript, incorporando numerosas correcciones de errores, mejoras en el rendimiento y nuevas funcionalidades.<br />
Según lo poco que aún me ha dado tiempo a ver, estas son las cosas que yo destaco:</p>
<ul>
<li>AJAX: acceso a las etags, soporte nativo para interpretar JSON.</li>
<li>Importantes mejoras en las funciones .css y .attr.</li>
<li>Mejoras en los efectos visuales (p.ej. easing personalizable para cada propiedad en la función effects).</li>
<li>Nuevos eventos: focusin y focusout</li>
<li>Aumento de hasta el triple en la velocidad de la función .html().</li>
<li>Soporte para la creación de nuevos elementos al estilo del dojo.create:<br />
<code>jQuery("&lt;div /&gt;", {<br />
id: "miid",<br />
css: {<br />
height: "70px",<br />
width: "70px",<br />
color: "blue",<br />
backgroundColor: "#eee"<br />
},<br />
click: function() {<br />
$(this).css("backgroundColor", "green");<br />
}<br />
}).appendTo("body");</code></li>
</ul>
<p>Alguna desventaja: pasa a pesar unos 70KB comprimida.</p>
<p>Podeis encontrar más información en la <a href="http://jquery14.com/day-01/jquery-14">web del lanzamiento</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ingeniuz.com/2010/01/20/jquery-1-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript toma el control del sonido en HTML5</title>
		<link>http://www.ingeniuz.com/2010/01/08/javascript-toma-el-control-del-sonido-en-html5/</link>
		<comments>http://www.ingeniuz.com/2010/01/08/javascript-toma-el-control-del-sonido-en-html5/#comments</comments>
		<pubDate>Fri, 08 Jan 2010 10:23:06 +0000</pubDate>
		<dc:creator>manuel</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.ingeniuz.com/?p=405</guid>
		<description><![CDATA[Con la nueva etiqueta &#60;audio&#62; incluída en HTML5, los navegadores (empezando por Firefox), están poniendo en las manos de los programadores Javascript la posibilidad de crear aplicaciones web hasta ahora impensables. En el siguiente vídeo podemos ver lo que los programadores Alistair MacDonald, David Humphrey, Thomas Saunders y Corban Brook han conseguido hacer usando sólamente [...]]]></description>
			<content:encoded><![CDATA[<p>Con la nueva etiqueta &lt;audio&gt; incluída en HTML5, los navegadores (empezando por Firefox), están poniendo en las manos de los programadores Javascript la posibilidad de crear aplicaciones web hasta ahora impensables.</p>
<p>En el siguiente vídeo podemos ver lo que los programadores <a href="http://twitter.com/F1LT3R">Alistair MacDonald</a>, <a href="http://vocamus.net/dave/?p=914">David Humphrey</a>, <a href="http://philosophy.modern-carpentry.com/">Thomas Saunders</a> y <a href="http://weare.buildingsky.net/">Corban Brook</a> han conseguido hacer usando sólamente Javascript en Firefox (versión 3.7).</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8525101&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="480" height="360" src="http://vimeo.com/moogaloop.swf?clip_id=8525101&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Podeis encontrar más información en el <a href="http://weblog.bocoup.com/reading-the-audio-stream-from-firefox-3-7">blog de Alistair MacDonald</a>.</p>
<p>Sin duda, el futuro del desarrollo web se presenta apasionante :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ingeniuz.com/2010/01/08/javascript-toma-el-control-del-sonido-en-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

