<?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>Laboratorio de Medios &#187; css</title>
	<atom:link href="http://www.laboratoriodemedios.cl/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.laboratoriodemedios.cl</link>
	<description>Centro de experimentación y emprendimiento en medios digitales de la Escuela de Periodismo UDP</description>
	<lastBuildDate>Thu, 24 Jun 2010 21:04:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Segunda Parte Taller de Wordpress: Crea tu Template</title>
		<link>http://www.laboratoriodemedios.cl/2010/06/segunda-parte-taller-de-wordpress-crea-tu-template/</link>
		<comments>http://www.laboratoriodemedios.cl/2010/06/segunda-parte-taller-de-wordpress-crea-tu-template/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 19:41:28 +0000</pubDate>
		<dc:creator>Germán</dc:creator>
				<category><![CDATA[Talleres]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[invitación]]></category>
		<category><![CDATA[soluciones digitales]]></category>
		<category><![CDATA[taller]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.laboratoriodemedios.cl/?p=281</guid>
		<description><![CDATA[La semana pasada comenzamos con la primera parte del taller WordPress: Primeros Pasos, en el que abordamos todo el proceso de instalación de wordpress y también algunas técnicas para modificar la apariencia de la plantilla que viene por defecto.
Esta semana continuamos ya en tierra derecha con la creación de un template para Wordpress desde cero. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-304" title="wp202500px" src="http://www.laboratoriodemedios.cl/wp-content/uploads/2010/05/wp202500px.jpg" alt="wp202500px" width="280" height="368" />La semana pasada comenzamos con la primera parte del taller <a href="http://www.laboratoriodemedios.cl/2010/06/invitacion-taller-wordpress-primeros-pasos/"><strong>WordPress: Primeros Pasos</strong></a>, en el que abordamos todo el proceso de <strong>instalación </strong>de <strong>wordpress </strong>y también algunas técnicas para modificar la <strong>apariencia </strong>de la <strong>plantilla </strong>que viene por defecto.</p>
<p>Esta semana continuamos ya en tierra derecha con la <strong>creación de un template</strong> para Wordpress desde cero. El encargado de guiarnos será nuevamente <strong>José Fonseca, </strong>estratega digital con <strong>más de 15 años de experiencia  offline y online</strong>. Ha participado en compañías pioneras en <strong>diseño  y desarrollo web,</strong> como Tamdstone Adv, Imagemaker y actualmente  me desempeño como consultor independiente vía <strong> <a href="http://www.fogo.cl">Fogo dD</a></strong>.</p>
<p>Para <strong>sacarle el mejor provecho al taller</strong>, es ideal, aunque no obligatorio, que quienes asistan traigan su computador personal y un template o <strong>diseño en html</strong> listo para convertir a wordpress.</p>
<blockquote><p><strong>Importante</strong>: Para este taller se requiere tener conocimientos de<br />
HTML y CSS básico. Se sugiere además revisar: <a href="http://en.support.wordpress.com/">http://en.support.wordpress.com/</a></p></blockquote>
<p>El taller se realizará en el Estudio de Televisión (subterráneo) de la <a href="http://www.comunicacionyletras.udp.cl/">Facultad de Comunciación y Letras de la UDP</a>, el <strong>jueves 17 de junio a las 16:30 hrs</strong>. Como siempre les recordamos que el taller es <strong>gratis </strong>y <strong>abierto a todos</strong> los que quieran venir. Si no saben como llegar les dejamos este <a href="http://maps.google.cl/maps/ms?ie=UTF8&amp;t=p&amp;msa=0&amp;msid=102901625563471972742.00047622cb765304db7f0&amp;source=embed&amp;ll=-33.449419,-70.661402&amp;spn=0.0164,0.027595&amp;z=15">mapa</a>.<br />
<strong><br />
</strong><em>Los que estén interesados deben inscribirse con <a href="mailto:loreto.correa@udp.cl">loreto.correa@udp.cl</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.laboratoriodemedios.cl/2010/06/segunda-parte-taller-de-wordpress-crea-tu-template/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Taller #5: Cómo cambiar templates en WordPress</title>
		<link>http://www.laboratoriodemedios.cl/2009/11/taller-5-como-cambiar-templates-en-wordpress/</link>
		<comments>http://www.laboratoriodemedios.cl/2009/11/taller-5-como-cambiar-templates-en-wordpress/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 20:24:27 +0000</pubDate>
		<dc:creator>Germán</dc:creator>
				<category><![CDATA[Talleres]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[taller]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.laboratoriodemedios.cl/?p=160</guid>
		<description><![CDATA[El jueves recién pasado nuestro amigo José Fonseca se anotó con el taller: &#8220;Cómo cambiar templates en WordPress&#8221;. En el que nos entregó varios tips interesantes para modificar las plantillas de nuestros blogs o sitios, y nos enseñó (dentro del tiempo limitado que tenía) cómo crear una plantilla a partir de cero.
Las recomendaciones son simples:

lo [...]]]></description>
			<content:encoded><![CDATA[<p>El jueves recién pasado nuestro amigo <a href="http://twitter.com/jffp">José Fonseca</a> se anotó con el <strong>taller</strong>: &#8220;Cómo cambiar templates en WordPress&#8221;. En el que nos entregó varios tips interesantes para modificar las plantillas de nuestros <strong>blogs </strong>o <strong>sitios</strong>, y nos enseñó (dentro del tiempo limitado que tenía) cómo <strong>crear una plantilla</strong> a partir de cero.</p>
<p>Las recomendaciones son simples:</p>
<ul>
<li>lo primero es trabajar el sitio &#8220;en duro&#8221; como él lo llama, es decir,<strong> html válido y css</strong> (si es posible utiliza siempre un <strong>framework</strong>, te facilitará la vida),</li>
<li>luego &#8220;cortamos&#8221; la plantilla y la dividimos en varios archivos: header, index, sidebar, footer&#8230;</li>
<li>finalmente tranformamos el contenido estático y dinámico utilizando el <strong>codigo de wordpress</strong>.</li>
</ul>
<p>Al finalizar la <strong>presentación </strong>vimos algunos<strong> ejemplos de códigos</strong> en php que nos servirán para modificar nuestros templates, ya sea para personalizar el formato de la fecha (como el que tenemos acá), presentar el contenido en distitnas columnas, etc.</p>
<p>Si no pudiste ir, una lástima, pero como somos buena onda, te mostramos la presentación para que la descargues <a href="http://www.slideshare.net/jffp/presentacion-wp-versin-pdf">desde aquí</a>.</p>
<div style="width:425px;text-align:left" id="__ss_2508027"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/jffp/presentacion-wp-versin-pdf" title="Presentacion Wp Versión PDF">Presentacion Wp Versión PDF</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=presentacionwp-091115212116-phpapp02&#038;rel=0&#038;stripped_title=presentacion-wp-versin-pdf" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=presentacionwp-091115212116-phpapp02&#038;rel=0&#038;stripped_title=presentacion-wp-versin-pdf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></div>
<p>Te invitamos también a que cuando puedas visites el blog de &#8220;<a href="http://www.fogo.cl/blog/">fogo</a>&#8220;, en el que siempre va publicando ejemplos de templates creados o modificados por él, para que te sirvan de inspiración. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.laboratoriodemedios.cl/2009/11/taller-5-como-cambiar-templates-en-wordpress/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Taller #4: Qué es Sprites y por qué debería interesarme</title>
		<link>http://www.laboratoriodemedios.cl/2009/11/taller-4-que-es-sprites-y-por-que-deberia-interesarme/</link>
		<comments>http://www.laboratoriodemedios.cl/2009/11/taller-4-que-es-sprites-y-por-que-deberia-interesarme/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 14:04:59 +0000</pubDate>
		<dc:creator>Germán</dc:creator>
				<category><![CDATA[Talleres]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[optimización]]></category>
		<category><![CDATA[soluciones digitales]]></category>
		<category><![CDATA[sprites]]></category>
		<category><![CDATA[taller]]></category>
		<category><![CDATA[técnica]]></category>

		<guid isPermaLink="false">http://www.laboratoriodemedios.cl/?p=111</guid>
		<description><![CDATA[En este, nuestro cuarto taller de la Academia de Soluciones Digitales, decidimos abordar un tema mucho más específico que durante las charlas anteriores, como es la técnica de uso de sprites CSS como una herramienta de optimización de sitios web, la cual se basa en la fusión de múltiples imágenes en una sola para posteriormente [...]]]></description>
			<content:encoded><![CDATA[<p>En este, nuestro cuarto <a href="http://www.laboratoriodemedios.cl/articulos/talleres/">taller</a> de la <strong>Academia de Soluciones Digitales</strong>, decidimos abordar un tema mucho más específico que durante las charlas anteriores, como es la técnica de uso de<strong> sprites CSS</strong> como una herramienta de optimización de sitios web, la cual se basa en la fusión de múltiples imágenes en una sola para posteriormente separarlas directamente mediante la hoja de estilos.</p>
<p><strong>Maximiliano Martin</strong>, diseñador experto en el tema y con cerca de 10 años de experiencia en diseño Front de plataformas web, nos explicó durante la charla las <strong>ventajas </strong>de esta técnica que:</p>
<ul>
<li> <strong>Reduce </strong>principalmente el <strong>peso </strong>de las páginas</li>
<li><strong>Disminuye </strong>de manera considerable las <strong>peticiones HTTP</strong></li>
<li><strong>Minimiza </strong>sustancialmente la <strong>cantidad </strong>de imágenes y</li>
<li><strong>Optimiza </strong>el peso total de los archivos externos al HTML <strong>consumiendo menos ancho de banda</strong></li>
</ul>
<p>Como ya es costumbre, si no pudiste asistir a la charla, puedes descargar directamente la presentación <a href="http://www.slideshare.net/maxymiliano/qu-es-sprites-y-por-qu-debera-interesarme">desde aquí</a>.</p>
<div style="width:425px;text-align:left" id="__ss_2402387"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/maxymiliano/qu-es-sprites-y-por-qu-debera-interesarme" title="Qué es Sprites y por qué debería interesarme">Qué es Sprites y por qué debería interesarme</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=sprites-091102071059-phpapp01&#038;rel=0&#038;stripped_title=qu-es-sprites-y-por-qu-debera-interesarme" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=sprites-091102071059-phpapp01&#038;rel=0&#038;stripped_title=qu-es-sprites-y-por-qu-debera-interesarme" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></div>
<p>En el blog de <a href="http://www.maximiliano.cl/html/que-es-sprites-y-por-que-deberia-interesarme/">Maximiliano</a> podrás además encontrar una serie de links con tips y herramientas útiles que facilitarán el uso de esta técnica y permitirá facilitar el aprendizaje a aquellos que estén interesados en aplicarla.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.laboratoriodemedios.cl/2009/11/taller-4-que-es-sprites-y-por-que-deberia-interesarme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Invitación taller: ¿Qué son los Sprites y por qué deberían interesarme?</title>
		<link>http://www.laboratoriodemedios.cl/2009/10/invitacion-taller-%c2%bfque-son-los-sprites-y-por-que-deberia-interesarme/</link>
		<comments>http://www.laboratoriodemedios.cl/2009/10/invitacion-taller-%c2%bfque-son-los-sprites-y-por-que-deberia-interesarme/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 16:14:41 +0000</pubDate>
		<dc:creator>Germán</dc:creator>
				<category><![CDATA[Talleres]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[invitación]]></category>
		<category><![CDATA[sprites]]></category>
		<category><![CDATA[taller]]></category>

		<guid isPermaLink="false">http://www.laboratoriodemedios.cl/?p=68</guid>
		<description><![CDATA[El próximo lunes 2 de noviembre, a las 15:00 horas, la Academia de Soluciones Digitales del Laboratorio de Medios impartirá su 4to taller gratuito, en el que se abordará de manera práctica, el uso de Sprites para sitios webs de alta disponibilidad y que será dictado por Maximiliano Martin, diseñador gráfico con más de 8 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.laboratoriodemedios.cl/wp-content/uploads/2009/10/sprites.png"><img class="size-medium wp-image-70  alignright" title="sprites" src="http://www.laboratoriodemedios.cl/wp-content/uploads/2009/10/sprites-225x300.png" alt="sprites" width="225" height="300" /></a>El próximo lunes 2 de noviembre, a las 15:00 horas, la <strong>Academia de Soluciones Digitales</strong> del <a title="Laboratorio de Medios" href="http://www.laboratoriodemedios.cl">Laboratorio de Medios</a> impartirá su 4to <strong>taller gratuito</strong>, en el que se abordará de manera práctica, el uso de <strong>Sprites </strong>para sitios webs de alta disponibilidad y que será dictado por <a title="Maximiliano Martin" href="http://www.maximiliano.cl">Maximiliano Martin</a>, diseñador gráfico con más de 8 años de experiencia en estrategias digitales y producción de diseño.</p>
<h2></h2>
<h2>Estrategias para hacer sitios de alta disponibilidad</h2>
<p>Cuando los sitios web ganan en popularidad, al mismo tiempo lo hacen en tráfico y cantidad de ancho de banda que éstos consumen. Para que esta oportunidad no se transforme en un problema, existe la técnica del uso de <strong>sprites</strong>, que <strong>optimiza la carga</strong> de las <strong>imágenes </strong>del sitio, haciendo su carga más rápida y la navegación más cómoda, sin sacrificar el atractivo visual que se ha diseñado para el sitio.</p>
<p>La invitación es entonces para el Lunes 2 de Noviembre a las 15:00 en la sala 303. <strong>Interesados inscribirse  a <a href="mailto:loreto.correa@udp.cl">loreto.correa@udp.cl</a></strong> y, por supuesto, es <strong>GRATIS</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.laboratoriodemedios.cl/2009/10/invitacion-taller-%c2%bfque-son-los-sprites-y-por-que-deberia-interesarme/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
