<?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>diarioTHC, recursos para webmasters, bloggers y diseñadores &#187; desarrollo web</title>
	<atom:link href="http://www.diariothc.com/tag/desarrollo-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.diariothc.com</link>
	<description>diarioTHC es el blog sobre recursos, tips y trucos de internet con ayuda y novedades para webmasters, bloggers y diseñadores.</description>
	<lastBuildDate>Sat, 11 Feb 2012 17:10:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Implementa un Slider de imágenes en jQuery con Orbit</title>
		<link>http://www.diariothc.com/implementa-un-slider-de-imagenes-en-jquery-con-orbit/</link>
		<comments>http://www.diariothc.com/implementa-un-slider-de-imagenes-en-jquery-con-orbit/#comments</comments>
		<pubDate>Mon, 13 Sep 2010 09:37:10 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Herramientas Online]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[desarrollo web]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Slider Imágenes]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3739</guid>
		<description><![CDATA[Una de las técnicas usadas en Diseño web pasa por mostrar en la página de inicio las últimas noticias, bien sea a través de un Blog o como presentación de productos en una tienda. Orbit es otro excelente plugin para mostrar un Slider de imágenes en gran tamaño, además lo puedes implementar fácilmente en tu [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-13-a-las-10.38.11.png" rel="shadowbox[sbpost-3739];player=img;" title="Captura de pantalla 2010-09-13 a las 10.38.11"><img class="alignnone size-large wp-image-3740" title="Captura de pantalla 2010-09-13 a las 10.38.11" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-13-a-las-10.38.11-1024x476.png" alt="" width="480" height="220" /></a></p>
<p>Una de las técnicas usadas en Diseño web pasa por mostrar en la página de inicio las últimas noticias, bien sea a través de un Blog o como presentación de productos en una tienda. Orbit es otro excelente plugin para mostrar un Slider de imágenes en gran tamaño, además lo puedes implementar fácilmente en tu página web.</p>
<p>A través de la página del proyecto te explica de forma sencilla como utilizar este plugin y lo podrás implementar en cualquier plataforma: WordPress, Blogger, Drupal, Joomla&#8230; te decimos como hacerlo en DiarioTHC.</p>
<p><span id="more-3739"></span></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-13-a-las-10.46.26.png" rel="shadowbox[sbpost-3739];player=img;" title="Captura de pantalla 2010-09-13 a las 10.46.26"><img class="alignnone size-full wp-image-3741" title="Captura de pantalla 2010-09-13 a las 10.46.26" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-13-a-las-10.46.26.png" alt="" width="480" height="145" /></a></p>
<ul>
<li>Para ello tendrás que descargar <a rel="nofollow" href="http://www.zurb.com/playground/jquery_image_slider_plugin" target="_blank">Orbit Kit</a> desde su página.</li>
<li>También necesitarás descargar <a rel="nofollow" target="_blank" href="http://www.jquery.com/">jQuery</a>.</li>
<li>Ahora referencia en la página que vaya a ir el Slider las 2 clases (entre las etiquetas &lt;head&gt;&lt;/head&gt;), jQuery primero y Orbit después, de la siguiente forma:</li>
</ul>
<p>[html]<script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script>[/html]</p>
<ul>
<li>El siguiente paso es añadir el CSS que quieras. Referencialo en el header también.</li>
</ul>
<p>[html]
<link rel="stylesheet" href="css/orbit.css">[/html] </p>
<ul>
<li>Ahora añade el div en el body, donde vaya a ir exactamente el Slider, con las imágenes que desees, con este formato:</li>
</ul>
<p>[html]
<div id="featured">
</div>
<p>[/html]</p>
<ul>
<li>También deberás inicializar Orbit en la página donde vaya el Slider (entre las etiquetas header) de la siguiente forma</li>
</ul>
<p>[html]<script type="text/javascript">
     $(window).load(function() {
         $('#featured').orbit();
     });
</script>[/html]</p>
<p>Debes tener en cuenta que Orbit redimensionará todas las imágenes del Slider pero deberán tener el mismo tamaño.</p>
<p>Puedes ampliar con toda la información a través de la <a target="_blank" rel="nofollow"  href="http://www.zurb.com/playground/jquery_image_slider_plugin">página de Orbit</a>, donde tienes toda la documentación disponible.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/implementa-un-slider-de-imagenes-en-jquery-con-orbit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>43 artículos sobre PHP que es conveniente que leas</title>
		<link>http://www.diariothc.com/43-articulos-sobre-php-que-es-conveniente-que-leas/</link>
		<comments>http://www.diariothc.com/43-articulos-sobre-php-que-es-conveniente-que-leas/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 00:29:48 +0000</pubDate>
		<dc:creator>Felix</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Seguridad]]></category>
		<category><![CDATA[desarrollo web]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=1866</guid>
		<description><![CDATA[PHP es un lenguaje que nos permitirá crear páginas web muy dinámicas. Así mismo, también puede ser útil para crear aplicaciones. Este lenguaje, normalmente se utiliza del lado del servidor y se ha hecho muy popular entre los desarrolladores. Como siempre sucede, cuando se trata de desarrollo, siempre hay algo nuevo que aprender, es por [...]]]></description>
			<content:encoded><![CDATA[<p align="center"><img class="alignnone size-full wp-image-1867" src="http://www.diariothc.com/wp-content/uploads/2009/06/phparticles.jpg" alt="phparticles" width="400" height="264" /></p>
<p>PHP es un lenguaje que nos permitirá <strong>crear páginas web muy dinámicas. Así mismo, también puede ser útil para crear aplicaciones</strong>. Este lenguaje, normalmente se utiliza del lado del servidor y se ha hecho muy popular entre los desarrolladores.</p>
<p>Como siempre sucede, cuando se trata de desarrollo, siempre hay algo nuevo que aprender, es por eso que ahora que nos hemos topado con ésta información, hemos considerado prudente compartirla con ustedes. Hay documentación para principiantes, <strong>así como también para aquellos que están obsesionados con la seguridad</strong>. Pero para que te decimos más, mejor dale un vistazo.</p>
<p>Vía | <a href="http://www.gracesmith.co.uk/43-must-read-php-articles-and-resources/" target="_blank">Hi, I’m Grace Smith</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/43-articulos-sobre-php-que-es-conveniente-que-leas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Herramientas y tutoriales de Twitter para diseñadores y desarolladores</title>
		<link>http://www.diariothc.com/herramientas-y-tutoriales-de-twitter-para-disenadores-y-desarolladores/</link>
		<comments>http://www.diariothc.com/herramientas-y-tutoriales-de-twitter-para-disenadores-y-desarolladores/#comments</comments>
		<pubDate>Mon, 02 Mar 2009 20:13:24 +0000</pubDate>
		<dc:creator>David Táboas</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Herramientas]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[desarrollo web]]></category>
		<category><![CDATA[diseñadores]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=1361</guid>
		<description><![CDATA[Twitter es una herramienta que puede dar mucho de sí, tanto por su API, como por las posibilidades que da como herramienta de comunicación. Esta segunda opción está clara, ya que en Twitter podéis encontrar a gente muy interesante y establecer una conversación. Pero si somos diseñadores y/o desarrolladores seguro que nos interesará conocer algunas [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://twitter.com">Twitter</a> es una herramienta que puede dar mucho de sí, tanto por su API, como por las posibilidades que da como herramienta de comunicación. Esta segunda opción está clara, ya que en Twitter podéis encontrar a gente muy interesante y establecer una conversación.</p>
<p>Pero si somos diseñadores y/o desarrolladores seguro que nos interesará <strong>conocer algunas herramientas para poder crear aplicaciones o mostrar las actualizaciones de <a href="http://twitter.com/diariothc">nuestro Twitter</a> en un blog</strong>. Aquí os dejo algunos de los <a href="http://www.smashingmagazine.com/2009/03/02/twitter-web-designer-and-developer-toolbox-api-and-tutorials/">enlaces que recopilan en Smashing Magazine</a>:</p>
<p><img class="aligncenter size-full wp-image-1362" title="twitter" src="http://www.diariothc.com/wp-content/uploads/2009/03/twitter.png" alt="twitter" width="463" height="198" /></p>
<p><strong>Enlaces para desarrolladores</strong></p>
<ul>
<li><a href="http://apiwiki.twitter.com/">Wiki de la API de Twitter</a></li>
<li><a href="http://twitter.com/twitterapi">Cuenta del equipo de desarrollo de Twitter</a></li>
</ul>
<p><strong>Introducción a la API de Twitter</strong></p>
<ul>
<li><a href="http://twittut.netsensei.nl/">API de Twitter &#8220;for dummies&#8221;</a></li>
<li><a href="http://papermashup.com/using-the-twitter-api">Usando la API de Twitter</a></li>
</ul>
<p><strong>Construyendo tu sitio alrededor de Twitter</strong></p>
<ul>
<li><a href="http://thinkvitamin.com/features/how-to-create-an-rss-enabled-micro-blog-with-twitter/">Cómo crear un micro-blog RSS con las actualizaciones de Twitter</a></li>
<li><a href="http://tutorialblog.org/how-to-make-a-unique-website-for-your-twitter-updates/">Cómo crear un único sitio web con las actualizaciones de Twitter</a></li>
<li><a href="http://woork.blogspot.com/2007/10/twitter-send-message-from-php-page.html">Enviar mensajes a Twitter con PHP</a></li>
<li><a href="http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/">Cómo añadir Twitter a tu blog</a></li>
</ul>
<p><strong>Tutoriales de Twitter y AJAX</strong></p>
<ul>
<li><a href="http://coda.co.za/blog/2008/10/26/jquery-plugin-for-twitter">Plugin de jQuery para Twitter</a></li>
<li>PHP  y AJAX usando la API de Twitter</li>
</ul>
<p><strong>Sidebars y Widgets</strong></p>
<ul>
<li><a href="http://blog.pinkandyellow.com/css/create-a-twitter-box-in-your-sidebar-20081106/">Crear una caja para Twitter en tu sidebar</a></li>
<li><a href="http://blog.pinkandyellow.com/css/create-a-twitter-box-in-your-sidebar-20081106/">30 Iconos sobre Twitter</a></li>
</ul>
<p><img class="aligncenter size-full wp-image-1363" title="twitter1" src="http://www.diariothc.com/wp-content/uploads/2009/03/twitter1.png" alt="twitter1" width="256" height="256" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/herramientas-y-tutoriales-de-twitter-para-disenadores-y-desarolladores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>¿Vuelven las tablas?</title>
		<link>http://www.diariothc.com/vuelven-las-tablas/</link>
		<comments>http://www.diariothc.com/vuelven-las-tablas/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 23:12:30 +0000</pubDate>
		<dc:creator>Elias</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[CSS&XHTML]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[desarrollo web]]></category>
		<category><![CDATA[tablas css]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/index.php/2008/10/23/%c2%bfvuelven-las-tablas/</guid>
		<description><![CDATA[Pues según digital web puede que sí. Todo lo que se lleva diciendo de un tiempo a esta parte se tambalea gracias a las propiedades CSS que permiten crear tablas. Hasta ahora el único navegador que no las soportaba, era como no, InternetExplorer. Se supone que InternetExplorer 8 sí las interpretará. En el artículo se [...]]]></description>
			<content:encoded><![CDATA[<p>Pues <a href="http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/">según digital web</a> puede que sí. Todo lo que se lleva diciendo de un tiempo a esta parte se tambalea gracias a las propiedades CSS que permiten crear tablas. Hasta ahora el único navegador que no las soportaba, era como no, InternetExplorer. Se supone que InternetExplorer 8 sí las interpretará.</p>
<p>En el <a href="http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/">artículo</a> se hace todo un trabajo de formación para construir interfaces con esta técnica, desde que es, hasta sus propiedades, ejemplos y como usar tablas css. Quedan muchas preguntas, como el problema actual que ya sufrimos con las versiones de los navegadores. Se hace necesario desarrollar para browsers antiguos porque muchos usuarios no terminan de actualizar su versión de IE o simplemente mudarse a firefox.</p>
<p>En cualquier caso es un tema interesante al que sin duda tendremos que prestar atención.</p>
<p>Enlace: <a href="http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/">Everything You Know About CSS Is Wrong</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/vuelven-las-tablas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

