<?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>Tinnta &#187; Screencasts</title>
	<atom:link href="http://www.tinnta.com/category/screencasts/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tinnta.com</link>
	<description>CSS, HTML, jQuery... desarrollo y diseño web</description>
	<lastBuildDate>Fri, 13 Aug 2010 13:30:18 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Screencast: Maquetando al Estilo Revista con 960gs</title>
		<link>http://www.tinnta.com/screencast-maquetando-revista-960gs-cs/</link>
		<comments>http://www.tinnta.com/screencast-maquetando-revista-960gs-cs/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 19:18:33 +0000</pubDate>
		<dc:creator>Jack Bach</dc:creator>
				<category><![CDATA[Screencasts]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[960]]></category>
		<category><![CDATA[960gs]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[grid]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[maquetacion]]></category>
		<category><![CDATA[prensa]]></category>
		<category><![CDATA[regilla]]></category>
		<category><![CDATA[revista]]></category>
		<category><![CDATA[system]]></category>

		<guid isPermaLink="false">http://www.tinnta.com/?p=295</guid>
		<description><![CDATA[En este screencast te enseño a utilizar un sistema de regilla con CSS, optimo para maquetar páginas web complicadas. Si lo que quieres es hacer una web o blog al estilo prensa minimalista - con columnas, titluares, citas, imagenes - te recomiendo encarecidamente que le heches un vistazo. Ayudará mucho que tengas conocimientos previos de CSS.]]></description>
			<content:encoded><![CDATA[<p>Bueno, espero que os guste este segundo screencast. Os podési descargar el framework de la <a href="http://www.960.gs">página oficial de 960gs</a>, la carpeta de proyecto nuevo que utilizo <a href="http://www.tinnta.com/wp-content/uploads/2009/07/Proyecto_Nuevo.zip">está aquí</a>. Como siempre, os dejo también una <a href="http://www.tinnta.com/demos/Fruta960/">demo</a>.</p>
<p><script src="http://blip.tv/scripts/pokkariPlayer.js?ver=2009070701" type="text/javascript"></script> <script src="http://blip.tv/syndication/write_player?skin=js&amp;posts_id=2453272&amp;source=3&amp;autoplay=false&amp;file_type=flv&amp;player_width=640&amp;player_height=480" type="text/javascript"></script></p>
<div id="blip_movie_content_2453272"><a onclick="play_blip_movie_2453272(); return false;" rel="enclosure" href="http://blip.tv/file/get/Jackbach-screencast960815.mov"><img title="Click to play" src="http://blip.tv/file/get/Jackbach-screencast960815.mov.jpg" border="0" alt="Video thumbnail. Click to play." /></a><br />
<a onclick="play_blip_movie_2453272(); return false;" rel="enclosure" href="http://blip.tv/file/get/Jackbach-screencast960815.mov">Reproducir</a></div>
<p><script type="text/javascript">// <![CDATA[
						       play_blip_movie_2453272();							
// ]]&gt;</script><br />
<a href="http://blip.tv/file/2433238">Reproductor más grande</a></p>
<h2>Vista Previa</h2>
<p><img class="aligncenter size-full wp-image-302" title="Preview" src="http://www.tinnta.com/wp-content/uploads/2009/08/preview.jpg" alt="Preview" width="600" height="406" /></p>
<h2>Demo y Descarga</h2>
<div style="display:block;">
<div style="text-align:center; float:left;"><a href="http://www.tinnta.com/wp-content/uploads/2009/08/Fruta960_tinnta.zip"><img class="alignnone size-full wp-image-200" style="border: 0;" title="Box_download" src="http://www.tinnta.com/wp-content/uploads/2009/07/Box_download.png" alt="Box_download" width="64" height="64" /></a><br />
<a href="http://www.tinnta.com/wp-content/uploads/2009/08/Fruta960_tinnta.zip"> Descargar</a></div>
<div style="margin-left: 30px; text-align:center; float: left; margin-bottom: 20px; "><a href="http://www.tinnta.com/demos/Fruta960/"><img class="alignnone size-full wp-image-201" style="border: 0;" title="Monitor" src="http://www.tinnta.com/wp-content/uploads/2009/07/Monitor.png" alt="Monitor" width="64" height="64" /></a><br />
<a href="http://www.tinnta.com/demos/Fruta960/">Demo</a></div>
</div>
<p style="clear: both;"><strong>Si hacéis algun proyecto con 960gs me gustaría verlo, podés dejar un enlace en los comentarios.</strong> Acordaros de suscribiros al <a href="http://feeds.feedburner.com/Tinnta">feed</a> y/o al <a href="https://twitter.com/tinnta">twitter</a> de Tinnta.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tinnta.com/screencast-maquetando-revista-960gs-cs/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
<enclosure url="http://blip.tv/file/get/Jackbach-screencast960815.mov" length="5542560" type="video/quicktime" />
		</item>
		<item>
		<title>Screencast: Tu primera página con HTML y CSS</title>
		<link>http://www.tinnta.com/screencast-tu-primera-pagina-con-html-y-css/</link>
		<comments>http://www.tinnta.com/screencast-tu-primera-pagina-con-html-y-css/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 16:44:42 +0000</pubDate>
		<dc:creator>Jack Bach</dc:creator>
				<category><![CDATA[Screencasts]]></category>
		<category><![CDATA[Tutoriales]]></category>

		<guid isPermaLink="false">http://www.tinnta.com/?p=81</guid>
		<description><![CDATA[Para empezar vamos a maquetar una página estática. En este screencast, partiendo de un archivo PSD, vamos a aprender como maquetar con HTML y CSS una página 404.]]></description>
			<content:encoded><![CDATA[<p>Al final se ha alargado un poco&#8230; los siento. Para que se vea el texto acordaos de poner el repdroductor en pantalla completa. Si queréis ver el resultado del tutorial podési ver la<a href="http://www.tinnta.com/demos/pagina404/index.html"> demo</a>.<br />
<!-- --></p>
<p><object id="showplayer" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="370" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="quality" value="best" /><param name="src" value="http://blip.tv/scripts/flash/showplayer.swf?enablejs=true&amp;file=http%3A//blip.tv/rss/flash/2411763&amp;feedurl=http%3A//tinnta.blip.tv/rss/&amp;autostart=false&amp;brandname=Jack%20Bach&amp;brandlink=http%3A//tinnta.blip.tv/" /><embed id="showplayer" type="application/x-shockwave-flash" width="600" height="370" src="http://blip.tv/scripts/flash/showplayer.swf?enablejs=true&amp;file=http%3A//blip.tv/rss/flash/2411763&amp;feedurl=http%3A//tinnta.blip.tv/rss/&amp;autostart=false&amp;brandname=Jack%20Bach&amp;brandlink=http%3A//tinnta.blip.tv/" quality="best" allowfullscreen="true"></embed></object></p>
<p><!-- --><br />
De <a href="http://www.tinnta.com/edit-css-plugin-para-firefox/">Edit CSS</a> ya hablé en otro post. <span style="text-decoration: line-through;">El PSD inicial y la carpeta que utilizo en el tutorial para empezar los subiré cuando pueda.</span></p>
<h2>Archivo PSD</h2>
<p><a href='http://www.tinnta.com/wp-content/uploads/2009/07/404.psd.zip'><img class="alignnone" src="http://www.tinnta.com/wp-content/uploads/2009/07/download.png" alt="" width="245" height="49" /></a></p>
<h2>Carpeta &#8220;Nuevo Proyecto&#8221;</h2>
<p><a href="http://www.tinnta.com/wp-content/uploads/2009/07/Proyecto_Nuevo.zip"><img class="alignnone" src="http://www.tinnta.com/wp-content/uploads/2009/07/download.png" alt="" width="245" height="49" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tinnta.com/screencast-tu-primera-pagina-con-html-y-css/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>
