<?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>Vida Digital &#187; Twitter</title>
	<atom:link href="http://dach-dz.tuxpixel.net/category/twitter/feed" rel="self" type="application/rss+xml" />
	<link>http://dach-dz.tuxpixel.net</link>
	<description></description>
	<lastBuildDate>Wed, 13 Apr 2011 05:22:54 +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>Twitter, Como mostrar tu status a tu propio estilo</title>
		<link>http://dach-dz.tuxpixel.net/twitter-como-mostrar-tu-status-a-tu-propio-estilo.html</link>
		<comments>http://dach-dz.tuxpixel.net/twitter-como-mostrar-tu-status-a-tu-propio-estilo.html#comments</comments>
		<pubDate>Fri, 29 Jan 2010 21:46:17 +0000</pubDate>
		<dc:creator>dach</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[video tutoriales]]></category>

		<guid isPermaLink="false">http://dach-dz.tuxpixel.net/?p=737</guid>
		<description><![CDATA[Twitter es una red social de microblogin y es una de las mas usadas en la web 2.0. se puede considerar como un grito de la moda en internet, muchos sitios web y/o blog usan a twitter como una herramienta &#8230; <a href="http://dach-dz.tuxpixel.net/twitter-como-mostrar-tu-status-a-tu-propio-estilo.html">Sigue leyendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Twitter es una red social de microblogin y es una de las mas usadas en la web 2.0.<br />
se puede considerar como un grito de la moda en internet, muchos sitios web y/o blog usan a twitter como una herramienta de comunicacion entre sus clientes, suscriptores, amigos, etc. y en cierta forma se ha hecho de mucha importancia mostrar tus últimos estados ( tweets ) desde el sitio web, para esto existen una gran cantidad de widgets y plugin que te permiten mostrar las ultimas actualizaciones de tu estado ( tweets ), pero muchos de estos widgets/plugin hacen mas lenta la carga de la pagina o no se acomoda al diseño del sitio o simplemente no son al gusto de quien lo usa.</p>
<p>Buscando en internet me encontré con el blog @line25blog en el cual presenta una simple solucion con la <a href="http://apiwiki.twitter.com/Twitter-REST-API-Method%3A-statuses-user_timeline" target="_blank">Wiki de la API de Twitter</a>.</p>
<p>Lo que vamos a desarrollar: un diseño simple que muestre los últimos tweets de un feed en particular. Si bien en esta demostración se utiliza un diseño de página completa, el mismo enfoque puede utilizarse para mostrar hasta 20 tweets en cualquier lugar de tu sitio web.</p>
<p><img src="http://line25.com/wp-content/uploads/2009/twitter-updates/concept.jpg" alt="" /><br />
<span id="more-737"></span><br />
Empecemos por dar contenido al concepto para tener una buena idea de cómo los cambios se deben mostrar. Aquí hemos utilizado un fondo determinado, expusimos el nombre de usuario @line25blog como un encabezado general, utilizado una pequeña y tierna mascota de Twitter desde <a href="http://www.blog.spoongraphics.co.uk/freebies/8-free-cute-and-simple-twitter-bird-vector-graphics" target="_blank">Blog.SpoonGraphics</a> para introducir el mensaje y darle estilo a cada Tweet en un contenedor redondo.</p>
<h2>El HTML</h2>
<pre>&lt;div id="twitter"&gt;
  &lt;h1&gt;&lt;a href="http://twitter.com/line25blog"&gt;@line25blog&lt;/a&gt;&lt;/h1&gt;
  &lt;ul id="twitter_update_list"&gt;&lt;/ul&gt;
&lt;/div&gt;
&lt;script src="http://twitter.com/javascripts/blogger.js"type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="http://twitter.com/statuses/user_timeline/line25blog.json?callback=twitterCallback2&amp;count=1"type="text/javascript"&gt;&lt;/script&gt;</pre>
<p><a href="http://dach-dz.tuxpixel.net/wp-content/uploads/2010/01/code1.png"><img class="aligncenter size-medium wp-image-753" title="code" src="http://dach-dz.tuxpixel.net/wp-content/uploads/2010/01/code1-300x180.png" alt="" width="481" height="286" /></a></p>
<p>Las dos opciones son para editar, el nombre del usuario para obtener los tweets, y el número de tweets, en el script, que quieres mostrar. Así pues, usted puede mostrar su último tweet, o una lista de mensajes recientes.</p>
<p><img class="alignnone" title="ejemplo con html" src="http://line25.com/wp-content/uploads/2009/twitter-updates/no-css.png" alt="" width="500" height="256" /></p>
<p>Viendo el HTML en un navegador,  debe mostrar que todo funciona correctamente. El siguiente codigo es para personalizar el estilo visual con un toque de CSS.</p>
<h2>El CSS</h2>
<pre>body {
	background: #909ca6 url(http://line25.s3.amazonaws.com/wp-content/themes/line25/images/body-bg.png);
}

#twitter {
	width: 500px; margin: 130px auto;
}

	#twitter h1 a {
		display: block; margin: 0 0 15px 0;
		font: 90px Helvetica, Arial, Sans-Serif; color: rgba(255,255,255,0.2);
		text-decoration: none;
	}
		#twitter h1 a:hover { color: rgba(255,255,255,0.3); }

	#twitter ul {
		list-style: none; padding: 0 0 0 140px;
		background: url(bird.png) 0 0 no-repeat;
	}
		#twitter ul li {
			padding: 20px;
			background: rgba(255,255,255,0.1);
			border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
		}
			#twitter ul li a {
				font: italic 14px/30px Georgia, Times, Serif;
				color: #555b6e;
			}
				#twitter ul li a:hover { color: #1b2f6f; }

		#twitter ul li span {
			font: 22px/30px Helvetica, Arial, Sans-Serif; color: #fff;
		}
			#twitter ul li span a {
				font: 22px/30px Helvetica, Arial, Sans-Serif;
			}
</pre>
<p>Unas pocas líneas de CSS pronto pueden transformar la apariencia del HTML. Hemos usado RGBA para especificar no sólo los canales rojo, verde y azul, sino también un canal alfa para determinar la opacidad del elemento. Usando esto sobre el título, el estado hover y list-background se pueden añadir una mejora visual muy atractiva.</p>
<p><img src="http://line25.com/wp-content/uploads/2009/twitter-updates/concept.jpg" alt="" /></p>
<h2><a title="Demo" href="http://line25.com/wp-content/uploads/2009/twitter-updates/demo/demo.html" target="_blank">ver el ejemplo</a></h2>
<p><br/><br />
Fuente: <a title="http://www.elwebmaster.com" href="http://www.elwebmaster.com" target="_blank">http://www.elwebmaster.com</a></p>
<p>Post Original: <a title="http://line25.com" href="http://line25.com" target="_blank">http://line25.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://dach-dz.tuxpixel.net/twitter-como-mostrar-tu-status-a-tu-propio-estilo.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Instalar clientes Twitter en ubuntu</title>
		<link>http://dach-dz.tuxpixel.net/instalar-clientes-twitter-en-ubuntu.html</link>
		<comments>http://dach-dz.tuxpixel.net/instalar-clientes-twitter-en-ubuntu.html#comments</comments>
		<pubDate>Mon, 31 Aug 2009 21:06:41 +0000</pubDate>
		<dc:creator>dach</dc:creator>
				<category><![CDATA[Twitter]]></category>
		<category><![CDATA[programas]]></category>

		<guid isPermaLink="false">http://dach-dz.tuxpixel.net/?p=670</guid>
		<description><![CDATA[Existen dos cliente de Twitter muy populares estos son: tweetdeck y twhirl pero para su instalacion se necesita adobe Air. Adobe AIR es una tecnología que permite la creación de aplicaciones de escritorio (de propósito general) a partir de tecnologías &#8230; <a href="http://dach-dz.tuxpixel.net/instalar-clientes-twitter-en-ubuntu.html">Sigue leyendo <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Existen dos cliente de <a href="http://twitter.com" target="_blank">Twitter</a> muy populares estos son: <a href="http://tweetdeck.com/beta/" target="_blank">tweetdeck</a> y <a href="http://www.twhirl.org/" target="_blank">twhirl</a> pero para su instalacion se necesita <a href="http://get.adobe.com/es/air/" target="_blank">adobe Air</a>.</p>
<p><span style="font-style: italic;">Adobe AIR es una tecnología que permite la creación de aplicaciones de escritorio (de propósito general) a partir de tecnologías de desarrollo de páginas web, como pueden ser HTML, Ajax o Flash. Con Adobe AIR los desarrolladores pueden aprovechar sus conocimientos a la hora de crear páginas web para hacer aplicaciones multimedia para el escritorio. Es decir, a partir de un desarrollo de una aplicación web, crear una aplicación general con los mismos contenidos o utilidades del sitio web. </span></p>
<p><span style="font-style: italic;"><span id="more-670"></span><br />
</span></p>
<p>Entonces para poder tener cualquiera de estos clientes twitter, como primer paso necesitamos instalar adobe Air</p>
<p><strong>Instalacion de adobe Air</strong></p>
<p>1.- Descargamos el archivo de instalacion en <a href="http://get.adobe.com/es/air/" target="_blank">http://get.adobe.com/es/air/</a></p>
<p>2.- el archivo se llama AdobeAIRInstaller.bin y en mi caso esta en mi escritorio.</p>
<p>3.- le asignamos permisos de ejecucion abriendo la terminal e introduciomos el siguiente comando</p>
<blockquote><p><code>$ sudo chmod +x /home/david/Escritorio/AdobeAIRInstaller.bin</code></p></blockquote>
<p>4.- Ahora ejecutamos el archivo con este comando</p>
<blockquote><p><code>$ cd Escritorio/</code><br />
<code>$ ./AdobeAIRInstaller.bin</code></p></blockquote>
<p>5.- Se abrira la ventana de instalacion,  aceptamos los terminos y listo.</p>
<p><strong>Instalacion de tweetdeck</strong></p>
<p>1.- descargamos el programa desde <a href="http://tweetdeck.com/beta/" target="_blank">http://tweetdeck.com/beta/</a></p>
<p>2.- se abre una ventana de adobe Air que nos guia en la instalacion.</p>
<p><strong>Instalacion de twhirl</strong></p>
<p>1.- descargamos el programa desde <a href="http://www.twhirl.org/" target="_blank">http://twhirl.org</a></p>
<p>2.- se abre una ventana de adobe Air que nos guia en la instalacion.</p>
<p>Tambien existe otro cliente de twitter pero adiferiencia de los anteriores, es un pluing de firefox <a href="http://twitterfox.net/" target="_blank">twitterfox</a>.</p>
<p><strong>Instalacion de twitterfox</strong></p>
<p>Para su instalacion solo se necesita agregarlo a los complementos de firefox <a href="https://addons.mozilla.org/es-ES/firefox/addon/5081" target="_blank">twitterfox</a></p>
]]></content:encoded>
			<wfw:commentRss>http://dach-dz.tuxpixel.net/instalar-clientes-twitter-en-ubuntu.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

