<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Retrorock</title>
	
	<link>http://retrorock.info</link>
	<description>Reflexiones y Código por Wilbur Suero</description>
	<lastBuildDate>Fri, 05 Feb 2010 06:13:58 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Retrorock" /><feedburner:info uri="retrorock" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /><feedburner:emailServiceId>Retrorock</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Asegurando Drupal – Cuentas</title>
		<link>http://feedproxy.google.com/~r/Retrorock/~3/CK2j-WlYPCQ/</link>
		<comments>http://retrorock.info/2010/02/asegurando-drupal-cuentas/#comments</comments>
		<pubDate>Fri, 05 Feb 2010 01:45:02 +0000</pubDate>
		<dc:creator>wilburhimself</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[drupal]]></category>
		<category><![CDATA[Seguridad]]></category>
		<category><![CDATA[Usuarios]]></category>

		<guid isPermaLink="false">http://retrorock.info/?p=598</guid>
		<description><![CDATA[A medida que Drupal se va haciendo más famoso, inevitablemente surgen interesados en hackearlo, ya sea por información, desacreditar una marca o algunas otras razones. Lo hemos visto pasar con otros proyectos como Wordpress y Joomla. Las amenazas a la seguridad de un sitio web siempre van a existir, así que debemos tomar todas las [...]


no hay entradas relacionadas.]]></description>
			<content:encoded><![CDATA[<p>A medida que Drupal se va haciendo más famoso, inevitablemente surgen interesados en hackearlo, ya sea por información, desacreditar una marca o algunas otras razones. Lo hemos visto pasar con otros proyectos como Wordpress y Joomla. Las amenazas a la seguridad de un sitio web siempre van a existir, así que debemos tomar todas las precauciones necesarias para mantener nuestro sitio seguro.</p>
<p>La configuración de seguridad que tiene una instalación nueva de Drupal es muy floja. por lo tanto debemos dar algunos pasos adicionales para que nuestro sistema tenga una seguridad cada vez más estricta.</p>
<p>El primer paso para mejorar la seguridad de una instalación de Drupal es configurar permisos, roles y cuentas de usuario. En otras palabras, controlar como los usuarios crean sus cuentas y que pueden hacer con ellas.</p>
<ul class="checklist">
<li><strong>Deshabilita las creaciones de cuentas de usuarios anonimos. </strong>Por defecto Drupal deja que los usuarios anónimos creen cuentas sin preguntar. Esto es una muy buena idea si estás creando un foro o un sitio donde una comunidad va a compartir contenido. Pero si estás creando un blog o un sitio web corporativo vás a necesitar un control de acceso más estricto. Deshabilita la creacián de cuentas no aprobadas en <strong>Administer &gt; User management &gt; User settings</strong></li>
<li><strong>Crea Roles de usuarios. </strong>Los roles en Drupal son nombres que se le dan a una serie de permisos que se pueden asignar a los usuarios. Los roles con los que Drupal viene por defecto son <strong>Usuario anónimo </strong>y <strong>Usuario autenticado </strong>(que inicio sesión). Evidentemente solo estos dos roles no ofrecen la suficiente granularidad  a la hora de definir permisos. Considera crear un<strong> </strong>rol <strong>Autor</strong> para el grupo de usuarios que va a insertar y editar el contenido, <strong>Moderador</strong> para los usuarios que van a administrar los comentarios y a borrar los comentarios ofensivos y un rol <strong>Administrador</strong> para los usuarios que puedan hacer modificaciones a la configuración del sitio. Puedes crear los roles en <strong>Administer &gt; User management &gt; Roles</strong></li>
<li><strong>Asigna los roles a los usuarios. </strong>Con los roles creados, edita cada una de las cuentas de los usuarios y asignales su rol. Las cuentas de los usuarios estan en <strong>Administer &gt; User management &gt; Users</strong></li>
<li><strong>Configura los permisos. </strong>Aunque no hayas creado ningún rol, asegúrate de configurar los permisos. Dirígete a <strong>Administer &gt; User management &gt; Access control </strong>y comienza por deseleccionar todo. Ahora vuelve y permite que los usuarios anónimos puedan ver algo o todo el contenido, pero nunca lo dejes agregar contenido o administrar tu sitio. Si planeas dejar que otras personas tengan cuentas en tu sitio, restringe los permisos a lo mínimo necesario. No asignes un permiso a menos que sepas que un rol lo necesita.</li>
</ul>
<p>Con estos pasos comenzamos por definir las politicas de creación de cuentas y controlamos el acceso al contenido en los casos que lo consideramos necesario. Luego de haber ajustado la configuración de las cuentas y los permisos, vamos a restringir el contenido que ven nuestros usuarios <em>(próximamente)</em>.</p>



Comparte


	<a rel="nofollow" class="thickbox" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F&amp;partner=sociable?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" /></a>
	<a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F&amp;title=Asegurando%20Drupal%20-%20Cuentas&amp;notes=A%20medida%20que%20Drupal%20se%20va%20haciendo%20m%C3%A1s%20famoso%2C%20inevitablemente%20surgen%20interesados%20en%20hackearlo%2C%20ya%20sea%20por%20informaci%C3%B3n%2C%20desacreditar%20una%20marca%20o%20algunas%20otras%20razones.%20Lo%20hemos%20visto%20pasar%20con%20otros%20proyectos%20como%20Wordpress%20y%20Joomla.%20Las%20amenazas%20a?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F&amp;t=Asegurando%20Drupal%20-%20Cuentas?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F&amp;title=Asegurando%20Drupal%20-%20Cuentas&amp;annotation=A%20medida%20que%20Drupal%20se%20va%20haciendo%20m%C3%A1s%20famoso%2C%20inevitablemente%20surgen%20interesados%20en%20hackearlo%2C%20ya%20sea%20por%20informaci%C3%B3n%2C%20desacreditar%20una%20marca%20o%20algunas%20otras%20razones.%20Lo%20hemos%20visto%20pasar%20con%20otros%20proyectos%20como%20Wordpress%20y%20Joomla.%20Las%20amenazas%20a?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow" class="thickbox" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F&amp;t=Asegurando%20Drupal%20-%20Cuentas" title="MySpace"><img src="http://retrorock.info/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.netvibes.com/share?title=Asegurando%20Drupal%20-%20Cuentas&amp;url=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" /></a>
	<a rel="nofollow" class="thickbox" href="http://ping.fm/ref/?link=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F&amp;title=Asegurando%20Drupal%20-%20Cuentas&amp;body=A%20medida%20que%20Drupal%20se%20va%20haciendo%20m%C3%A1s%20famoso%2C%20inevitablemente%20surgen%20interesados%20en%20hackearlo%2C%20ya%20sea%20por%20informaci%C3%B3n%2C%20desacreditar%20una%20marca%20o%20algunas%20otras%20razones.%20Lo%20hemos%20visto%20pasar%20con%20otros%20proyectos%20como%20Wordpress%20y%20Joomla.%20Las%20amenazas%20a?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow" class="thickbox" href="http://posterous.com/share?linkto=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F&amp;title=Asegurando%20Drupal%20-%20Cuentas&amp;selection=A%20medida%20que%20Drupal%20se%20va%20haciendo%20m%C3%A1s%20famoso%2C%20inevitablemente%20surgen%20interesados%20en%20hackearlo%2C%20ya%20sea%20por%20informaci%C3%B3n%2C%20desacreditar%20una%20marca%20o%20algunas%20otras%20razones.%20Lo%20hemos%20visto%20pasar%20con%20otros%20proyectos%20como%20Wordpress%20y%20Joomla.%20Las%20amenazas%20a?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F&amp;title=Asegurando%20Drupal%20-%20Cuentas?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow" class="thickbox" href="http://retrorock.info/feed/?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" /></a>
	<a rel="nofollow" class="thickbox" href="http://technorati.com/faves?add=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F&amp;t=Asegurando%20Drupal%20-%20Cuentas&amp;s=A%20medida%20que%20Drupal%20se%20va%20haciendo%20m%C3%A1s%20famoso%2C%20inevitablemente%20surgen%20interesados%20en%20hackearlo%2C%20ya%20sea%20por%20informaci%C3%B3n%2C%20desacreditar%20una%20marca%20o%20algunas%20otras%20razones.%20Lo%20hemos%20visto%20pasar%20con%20otros%20proyectos%20como%20Wordpress%20y%20Joomla.%20Las%20amenazas%20a" title="Tumblr"><img src="http://retrorock.info/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=Asegurando%20Drupal%20-%20Cuentas%20-%20http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fasegurando-drupal-cuentas%2F" title="Twitter"><img src="http://retrorock.info/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://retrorock.info/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" /></a>


<br/><br/>

<p>no hay entradas relacionadas.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Retrorock?a=CK2j-WlYPCQ:kZ2KEa0Hqh8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Retrorock?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Retrorock/~4/CK2j-WlYPCQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://retrorock.info/2010/02/asegurando-drupal-cuentas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://retrorock.info/2010/02/asegurando-drupal-cuentas/</feedburner:origLink></item>
		<item>
		<title>Evitando pensar demasiado</title>
		<link>http://feedproxy.google.com/~r/Retrorock/~3/uA2a9eFnkko/</link>
		<comments>http://retrorock.info/2010/02/evitando-pensar-demasiado/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 06:33:47 +0000</pubDate>
		<dc:creator>wilburhimself</dc:creator>
				<category><![CDATA[Random]]></category>
		<category><![CDATA[experiencia]]></category>
		<category><![CDATA[Metodología]]></category>
		<category><![CDATA[Personal]]></category>

		<guid isPermaLink="false">http://retrorock.info/?p=590</guid>
		<description><![CDATA[Si eres de los que se pasan la mayor parte del día dentro de tu cabeza dándole mil vueltas a todo, puedes pensar que estás solo. No lo estás.
Pensar demasiado es parte natural de la mayoria de nosotros ante determinadas situaciones, aunque existen realmente pocas ventajas de pensar demasiado las cosas. Pensar lógicamente (sin emociones) sobre [...]


no hay entradas relacionadas.]]></description>
			<content:encoded><![CDATA[<p>Si eres de los que se pasan la mayor parte del día dentro de tu cabeza dándole mil vueltas a todo, puedes pensar que estás solo. <strong>No lo estás</strong>.</p>
<p>Pensar demasiado es parte natural de la mayoria de nosotros ante determinadas situaciones, aunque existen realmente pocas ventajas de pensar demasiado las cosas. Pensar lógicamente (sin emociones) sobre tomar una acción tiene sus méritos, hay una diferencia muy grande entre pensar sobre algo <em>lo suficiente</em> y pensar sobre algo hasta que se convierta en motivo de parálisis por análisis.</p>
<p>Usualmente pensamos demasiado cuando debemos tomar una decisión importante y está típicamente rodeado de situaciones estresantes. No solamente está asociado con tomar una decision, también pueden influír personas que nos generen preocupación o desconfianza. Es lo que no nos deja dormir por las noches y hace que percibamos una falta de control sobre algún aspecto en nuestra vida. Cuando sentimos que no tenemos el control, nos sentimos desamparados. Pensar demasiado usualmente es el resultado directo. Cuando pensamos demasiado sobre algo embarcamos nuestra mente en cosas sin sentido y nos damos cuenta de que hemos gastado suficiente tiempo pensando disparates como para haber resuelto desde el principio.</p>
<p>Si piensas demasiado en los problemas o te sientes frenado por temor al fracaso, debes cambiar de canal ahora mismo! Aquí hay algunas cosas que puedes hacer para cambiar tu proceso de pensamiento:</p>
<ol>
<li><strong>Evita situaciones y personas que te puedan hacer pensar demasiado.</strong> Esto se puede basar en la historia. Puedes determinar que situaciones te han mantenido despierto algunas noches. Puedes basarte en lo que algo te hace sentir antes de participar. Esto requiere que te puedas aconsejar a ti mismo, evita lugares, personas y cosas que te pongan en ese estado mental.</li>
<li><strong>Habla contigo mismo. </strong>En vez de seguir hablando contigo como lo has estado haciendo, eleva un poco tu conversación contigo mismo. Cuando tengas algo que no te puedes sacar de la cabeza, mantente atento a tu proceso de pensamiento &#8230; te puedes sorprender de lo rápido que surgen los tópicos. También te puede sorprender que solo pensamos demasiado cuando nuestros pensamientos son negativos, lo que significa que vas a seguir pensando negativamente para refugiarte en tus pensamientos. Cada vez que te encuentres pensando negativamente, reflexiona sobre porque eso no va a ayudar a la situación actual ni futura y trata de cambiarlo por algo positivo que si vá ayudar. Trata de hacer esto siempre.</li>
<li><strong>Involúcrate en un proyecto que tenga las mismas tendecias que tus metas.</strong> Encuentra a alguien que sea feliz y las posibilidades son que van a encontrar un proyecto que se alínea con sus valores fundamentales. Si eres capaz de enfocar tu energía en algo que te importa en vez de enfrascarte en los pensamientos del abandono, puedes encontrarte pensando menos y menos en lo que quieres evitar.</li>
<li><strong>Piensa a largo plazo.</strong> Esto puede ayudar mucho, pero requiere un poco de experiencia. Tu sabes que cualquier cosa eventualmente vá a pasar, siempre pasa lo que tiene que pasar, asi que usualmente trato de hacerme esta pregunta. Esto va a importar en 6 meses, en un año? Si la respuesta es no, o quizás, seguro que no es una razón para pensarlo hasta la muerte. De esta forma puedes analizar como esta situación te ha cambiado? que has aprendido de esto? o, como podrías afrontar una situación similar en el futuro.</li>
</ol>
<p>Pensar demasiado afecta directamente la productividad y debemos evitarlo a toda costa. Formar hábitos positivos y re-enforzarlos puede marcar una diferencia en nuestra actitud frente a desiciones y problemas, estas son algunas ideas para comenzar a hacerlo.</p>



Comparte


	<a rel="nofollow" class="thickbox" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F&amp;partner=sociable?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" /></a>
	<a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F&amp;title=Evitando%20pensar%20demasiado&amp;notes=Si%20eres%20de%20los%20que%20se%20pasan%20la%20mayor%20parte%20del%20d%C3%ADa%20dentro%20de%20tu%20cabeza%20d%C3%A1ndole%20mil%20vueltas%20a%20todo%2C%20puedes%20pensar%20que%20est%C3%A1s%20solo.%C2%A0No%20lo%20est%C3%A1s.%0D%0A%0D%0APensar%20demasiado%20es%20parte%20natural%20de%20la%20mayoria%20de%20nosotros%20ante%20determinadas%20situaciones%2C%20aunque%20ex?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F&amp;t=Evitando%20pensar%20demasiado?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F&amp;title=Evitando%20pensar%20demasiado&amp;annotation=Si%20eres%20de%20los%20que%20se%20pasan%20la%20mayor%20parte%20del%20d%C3%ADa%20dentro%20de%20tu%20cabeza%20d%C3%A1ndole%20mil%20vueltas%20a%20todo%2C%20puedes%20pensar%20que%20est%C3%A1s%20solo.%C2%A0No%20lo%20est%C3%A1s.%0D%0A%0D%0APensar%20demasiado%20es%20parte%20natural%20de%20la%20mayoria%20de%20nosotros%20ante%20determinadas%20situaciones%2C%20aunque%20ex?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow" class="thickbox" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F&amp;t=Evitando%20pensar%20demasiado" title="MySpace"><img src="http://retrorock.info/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.netvibes.com/share?title=Evitando%20pensar%20demasiado&amp;url=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" /></a>
	<a rel="nofollow" class="thickbox" href="http://ping.fm/ref/?link=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F&amp;title=Evitando%20pensar%20demasiado&amp;body=Si%20eres%20de%20los%20que%20se%20pasan%20la%20mayor%20parte%20del%20d%C3%ADa%20dentro%20de%20tu%20cabeza%20d%C3%A1ndole%20mil%20vueltas%20a%20todo%2C%20puedes%20pensar%20que%20est%C3%A1s%20solo.%C2%A0No%20lo%20est%C3%A1s.%0D%0A%0D%0APensar%20demasiado%20es%20parte%20natural%20de%20la%20mayoria%20de%20nosotros%20ante%20determinadas%20situaciones%2C%20aunque%20ex?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow" class="thickbox" href="http://posterous.com/share?linkto=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F&amp;title=Evitando%20pensar%20demasiado&amp;selection=Si%20eres%20de%20los%20que%20se%20pasan%20la%20mayor%20parte%20del%20d%C3%ADa%20dentro%20de%20tu%20cabeza%20d%C3%A1ndole%20mil%20vueltas%20a%20todo%2C%20puedes%20pensar%20que%20est%C3%A1s%20solo.%C2%A0No%20lo%20est%C3%A1s.%0D%0A%0D%0APensar%20demasiado%20es%20parte%20natural%20de%20la%20mayoria%20de%20nosotros%20ante%20determinadas%20situaciones%2C%20aunque%20ex?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F&amp;title=Evitando%20pensar%20demasiado?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow" class="thickbox" href="http://retrorock.info/feed/?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" /></a>
	<a rel="nofollow" class="thickbox" href="http://technorati.com/faves?add=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F&amp;t=Evitando%20pensar%20demasiado&amp;s=Si%20eres%20de%20los%20que%20se%20pasan%20la%20mayor%20parte%20del%20d%C3%ADa%20dentro%20de%20tu%20cabeza%20d%C3%A1ndole%20mil%20vueltas%20a%20todo%2C%20puedes%20pensar%20que%20est%C3%A1s%20solo.%C2%A0No%20lo%20est%C3%A1s.%0D%0A%0D%0APensar%20demasiado%20es%20parte%20natural%20de%20la%20mayoria%20de%20nosotros%20ante%20determinadas%20situaciones%2C%20aunque%20ex" title="Tumblr"><img src="http://retrorock.info/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=Evitando%20pensar%20demasiado%20-%20http%3A%2F%2Fretrorock.info%2F2010%2F02%2Fevitando-pensar-demasiado%2F" title="Twitter"><img src="http://retrorock.info/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://retrorock.info/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" /></a>


<br/><br/>

<p>no hay entradas relacionadas.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Retrorock?a=uA2a9eFnkko:heN2Q4qhHCU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Retrorock?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Retrorock/~4/uA2a9eFnkko" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://retrorock.info/2010/02/evitando-pensar-demasiado/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://retrorock.info/2010/02/evitando-pensar-demasiado/</feedburner:origLink></item>
		<item>
		<title>Envolviendo el código – jQuery Wrap()</title>
		<link>http://feedproxy.google.com/~r/Retrorock/~3/azyQSMFZRcE/</link>
		<comments>http://retrorock.info/2009/12/envolviendo-el-cdigo-jquery-wrap/#comments</comments>
		<pubDate>Fri, 25 Dec 2009 23:51:40 +0000</pubDate>
		<dc:creator>wilburhimself</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://retrorock.info/?p=550</guid>
		<description><![CDATA[Hace unos días tuve un reto con un layout en html, quería meter un div dentro de otro para posicionar unos elementos en forma de grid, lo cual es totalmente posible, no podía modificar la estructura html de ese grid, pero si podía insertar código javascript.
Lo primero que pensé fué usar el metodo clone de jquery, crear el [...]


Related posts:<ol><li><a href='http://retrorock.info/2008/04/jquery-101/' rel='bookmark' title='Permanent Link: jQuery 101 (introducción)'>jQuery 101 (introducción)</a></li>
<li><a href='http://retrorock.info/2009/09/mejores-faqs-con-jquery/' rel='bookmark' title='Permanent Link: Mejores FAQ&#8217;s con jQuery'>Mejores FAQ&#8217;s con jQuery</a></li>
<li><a href='http://retrorock.info/2008/03/menus-dropdown-con-jquery/' rel='bookmark' title='Permanent Link: Menús Dropdown con jQuery'>Menús Dropdown con jQuery</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Hace unos días tuve un reto con un layout en html, quería meter un div dentro de otro para posicionar unos elementos en forma de grid, lo cual es totalmente posible, no podía modificar la estructura html de ese grid, pero si podía insertar código javascript.<img title="Más..." src="http://retrorock.info/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /></p>
<p>Lo primero que pensé fué usar el metodo <a href="http://docs.jquery.com/Manipulation/clone">clone</a> de jquery, crear el wrapper e insertar el objeto clonado ahí.</p>
<p>Pero investigué un poco más y conocí el <a href="http://docs.jquery.com/Manipulation/wrap">wrap</a> que se encarga de hacer justamente lo que necesitaba.</p>
<h3>Otras idéas &#8211; Pie de foto</h3>
<p>Tienes una colección de imágenes en en el html, todas tienen su debida descripción en el atributo alt.</p>
<p>Primero envuelves cada una de las imágenes en un div que vas a usar como el contenedor de la imagen y el pie de foto.</p>
<script src="http://gist.github.com/295561.js"></script>
<p>Puedes verlo funcionando en <a href="http://retrorock.info/examples/wrapped-footprint/">este ejemplo</a> (ver código  fuente)</p>



Comparte


	<a rel="nofollow" class="thickbox" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F&amp;partner=sociable?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" /></a>
	<a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F&amp;title=Envolviendo%20el%20c%C3%B3digo%20-%20jQuery%20Wrap%28%29&amp;notes=Hace%20unos%20d%C3%ADas%20tuve%20un%20reto%20con%20un%20layout%20en%20html%2C%20quer%C3%ADa%20meter%20un%C2%A0div%C2%A0dentro%20de%20otro%20para%20posicionar%20unos%20elementos%20en%20forma%20de%20grid%2C%20lo%20cual%20es%20totalmente%20posible%2C%20no%20pod%C3%ADa%20modificar%20la%20estructura%20html%20de%20ese%20grid%2C%20pero%20si%20pod%C3%ADa%20insertar%20c%C3%B3d?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F&amp;t=Envolviendo%20el%20c%C3%B3digo%20-%20jQuery%20Wrap%28%29?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F&amp;title=Envolviendo%20el%20c%C3%B3digo%20-%20jQuery%20Wrap%28%29&amp;annotation=Hace%20unos%20d%C3%ADas%20tuve%20un%20reto%20con%20un%20layout%20en%20html%2C%20quer%C3%ADa%20meter%20un%C2%A0div%C2%A0dentro%20de%20otro%20para%20posicionar%20unos%20elementos%20en%20forma%20de%20grid%2C%20lo%20cual%20es%20totalmente%20posible%2C%20no%20pod%C3%ADa%20modificar%20la%20estructura%20html%20de%20ese%20grid%2C%20pero%20si%20pod%C3%ADa%20insertar%20c%C3%B3d?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow" class="thickbox" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F&amp;t=Envolviendo%20el%20c%C3%B3digo%20-%20jQuery%20Wrap%28%29" title="MySpace"><img src="http://retrorock.info/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.netvibes.com/share?title=Envolviendo%20el%20c%C3%B3digo%20-%20jQuery%20Wrap%28%29&amp;url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" /></a>
	<a rel="nofollow" class="thickbox" href="http://ping.fm/ref/?link=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F&amp;title=Envolviendo%20el%20c%C3%B3digo%20-%20jQuery%20Wrap%28%29&amp;body=Hace%20unos%20d%C3%ADas%20tuve%20un%20reto%20con%20un%20layout%20en%20html%2C%20quer%C3%ADa%20meter%20un%C2%A0div%C2%A0dentro%20de%20otro%20para%20posicionar%20unos%20elementos%20en%20forma%20de%20grid%2C%20lo%20cual%20es%20totalmente%20posible%2C%20no%20pod%C3%ADa%20modificar%20la%20estructura%20html%20de%20ese%20grid%2C%20pero%20si%20pod%C3%ADa%20insertar%20c%C3%B3d?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow" class="thickbox" href="http://posterous.com/share?linkto=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F&amp;title=Envolviendo%20el%20c%C3%B3digo%20-%20jQuery%20Wrap%28%29&amp;selection=Hace%20unos%20d%C3%ADas%20tuve%20un%20reto%20con%20un%20layout%20en%20html%2C%20quer%C3%ADa%20meter%20un%C2%A0div%C2%A0dentro%20de%20otro%20para%20posicionar%20unos%20elementos%20en%20forma%20de%20grid%2C%20lo%20cual%20es%20totalmente%20posible%2C%20no%20pod%C3%ADa%20modificar%20la%20estructura%20html%20de%20ese%20grid%2C%20pero%20si%20pod%C3%ADa%20insertar%20c%C3%B3d?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F&amp;title=Envolviendo%20el%20c%C3%B3digo%20-%20jQuery%20Wrap%28%29?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow" class="thickbox" href="http://retrorock.info/feed/?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" /></a>
	<a rel="nofollow" class="thickbox" href="http://technorati.com/faves?add=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F&amp;t=Envolviendo%20el%20c%C3%B3digo%20-%20jQuery%20Wrap%28%29&amp;s=Hace%20unos%20d%C3%ADas%20tuve%20un%20reto%20con%20un%20layout%20en%20html%2C%20quer%C3%ADa%20meter%20un%C2%A0div%C2%A0dentro%20de%20otro%20para%20posicionar%20unos%20elementos%20en%20forma%20de%20grid%2C%20lo%20cual%20es%20totalmente%20posible%2C%20no%20pod%C3%ADa%20modificar%20la%20estructura%20html%20de%20ese%20grid%2C%20pero%20si%20pod%C3%ADa%20insertar%20c%C3%B3d" title="Tumblr"><img src="http://retrorock.info/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=Envolviendo%20el%20c%C3%B3digo%20-%20jQuery%20Wrap%28%29%20-%20http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fenvolviendo-el-cdigo-jquery-wrap%2F" title="Twitter"><img src="http://retrorock.info/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://retrorock.info/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" /></a>


<br/><br/>

<p>Related posts:<ol><li><a href='http://retrorock.info/2008/04/jquery-101/' rel='bookmark' title='Permanent Link: jQuery 101 (introducción)'>jQuery 101 (introducción)</a></li>
<li><a href='http://retrorock.info/2009/09/mejores-faqs-con-jquery/' rel='bookmark' title='Permanent Link: Mejores FAQ&#8217;s con jQuery'>Mejores FAQ&#8217;s con jQuery</a></li>
<li><a href='http://retrorock.info/2008/03/menus-dropdown-con-jquery/' rel='bookmark' title='Permanent Link: Menús Dropdown con jQuery'>Menús Dropdown con jQuery</a></li>
</ol></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Retrorock?a=azyQSMFZRcE:HLJqoWPOBBs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Retrorock?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Retrorock/~4/azyQSMFZRcE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://retrorock.info/2009/12/envolviendo-el-cdigo-jquery-wrap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://retrorock.info/2009/12/envolviendo-el-cdigo-jquery-wrap/</feedburner:origLink></item>
		<item>
		<title>CSS3 rgba, color y opacidad</title>
		<link>http://feedproxy.google.com/~r/Retrorock/~3/GZVd9Kkp78M/</link>
		<comments>http://retrorock.info/2009/12/css3-rgba-color-opacidad/#comments</comments>
		<pubDate>Fri, 25 Dec 2009 10:07:43 +0000</pubDate>
		<dc:creator>wilburhimself</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://retrorock.info/?p=478</guid>
		<description><![CDATA[La declaración rgba de CSS3 aplica el color igual que el formato standard RGB pero le añade algo especial,  esa a es por el canal alpha lo que significa que podemos definir el nivel de transparencia de un objeto.
Un objeto con transparencia de 1.0 sera totalmente opaco (visible) un objeto con transparencia de 0.0 será totalmente [...]


no hay entradas relacionadas.]]></description>
			<content:encoded><![CDATA[<p>La declaración <strong><a href="http://en.wikipedia.org/wiki/RGBA_color_space">rgba</a></strong> de CSS3 aplica el color igual que el formato standard RGB pero le añade algo especial,  esa <strong>a</strong> es por el canal alpha lo que significa que podemos definir el nivel de transparencia de un objeto.</p>
<p>Un objeto con transparencia de 1.0 sera totalmente opaco (visible) un objeto con transparencia de 0.0 será totalmente invisible. Cualquier valor intermedio determinará que tan transparente será un objeto sobre su fondo.<span id="more-478"></span></p>
<blockquote><p><strong>Cross Browser Incompatibilities </strong>(Incompatibilidad entre navegadores)</p>
<p>La declaración <strong>rgba</strong> funciona mejor en Firefox, Google Chrome y Safari. En el <a href="http://ceroe.info/">mundialmente famoso</a> Internet Explorer 6 el color de fondo simplemente no se vé, así que hay que asignarle su color de fondo usando<strong> </strong>una declaración sin el alpha channel. (Algunos tenemos que luchar con el IE6)</p></blockquote>
<h3>Como se usa?</h3>
<p>Yo lo uso en el sidebar de este mismo website así:</p>
<script src="http://gist.github.com/295558.js"></script>
<p>Y así se vé en Internet Explorer 6 (mejor dicho no se vé)</p>
<p><a href="http://retrorock.info/wp-content/uploads/2009/12/rgba1.jpg"><img class="alignnone size-full wp-image-479" title="rgba1" src="http://retrorock.info/wp-content/uploads/2009/12/rgba1.jpg" alt="" width="466" height="489" /></a></p>
<p>Para seguir aprendiendo sobre <strong>rgba</strong> más detalladamente <a href="http://forabeautifulweb.com/blog/about/is_css3_rgba_ready_to_rock/">Is CSS3 RGBa ready to rock</a> y <a href="http://24ways.org/2009/working-with-rgba-colour">Working with RGBA Colour </a>ofrecen una explicación más amplia con ejemplos.</p>



Comparte


	<a rel="nofollow" class="thickbox" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F&amp;partner=sociable?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" /></a>
	<a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F&amp;title=CSS3%20rgba%2C%20color%20y%20opacidad&amp;notes=La%20declaraci%C3%B3n%20rgba%20de%20CSS3%20aplica%20el%20color%20igual%20que%20el%20formato%20standard%20RGB%20pero%20le%20a%C3%B1ade%20algo%20especial%2C%20%C2%A0esa%20a%20es%20por%20el%20canal%20alpha%20lo%20que%20significa%20que%20podemos%20definir%20el%20nivel%20de%20transparencia%20de%20un%20objeto.%0D%0A%0D%0AUn%20objeto%20con%20transparencia%20de%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F&amp;t=CSS3%20rgba%2C%20color%20y%20opacidad?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F&amp;title=CSS3%20rgba%2C%20color%20y%20opacidad&amp;annotation=La%20declaraci%C3%B3n%20rgba%20de%20CSS3%20aplica%20el%20color%20igual%20que%20el%20formato%20standard%20RGB%20pero%20le%20a%C3%B1ade%20algo%20especial%2C%20%C2%A0esa%20a%20es%20por%20el%20canal%20alpha%20lo%20que%20significa%20que%20podemos%20definir%20el%20nivel%20de%20transparencia%20de%20un%20objeto.%0D%0A%0D%0AUn%20objeto%20con%20transparencia%20de%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow" class="thickbox" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F&amp;t=CSS3%20rgba%2C%20color%20y%20opacidad" title="MySpace"><img src="http://retrorock.info/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.netvibes.com/share?title=CSS3%20rgba%2C%20color%20y%20opacidad&amp;url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" /></a>
	<a rel="nofollow" class="thickbox" href="http://ping.fm/ref/?link=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F&amp;title=CSS3%20rgba%2C%20color%20y%20opacidad&amp;body=La%20declaraci%C3%B3n%20rgba%20de%20CSS3%20aplica%20el%20color%20igual%20que%20el%20formato%20standard%20RGB%20pero%20le%20a%C3%B1ade%20algo%20especial%2C%20%C2%A0esa%20a%20es%20por%20el%20canal%20alpha%20lo%20que%20significa%20que%20podemos%20definir%20el%20nivel%20de%20transparencia%20de%20un%20objeto.%0D%0A%0D%0AUn%20objeto%20con%20transparencia%20de%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow" class="thickbox" href="http://posterous.com/share?linkto=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F&amp;title=CSS3%20rgba%2C%20color%20y%20opacidad&amp;selection=La%20declaraci%C3%B3n%20rgba%20de%20CSS3%20aplica%20el%20color%20igual%20que%20el%20formato%20standard%20RGB%20pero%20le%20a%C3%B1ade%20algo%20especial%2C%20%C2%A0esa%20a%20es%20por%20el%20canal%20alpha%20lo%20que%20significa%20que%20podemos%20definir%20el%20nivel%20de%20transparencia%20de%20un%20objeto.%0D%0A%0D%0AUn%20objeto%20con%20transparencia%20de%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F&amp;title=CSS3%20rgba%2C%20color%20y%20opacidad?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow" class="thickbox" href="http://retrorock.info/feed/?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" /></a>
	<a rel="nofollow" class="thickbox" href="http://technorati.com/faves?add=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F&amp;t=CSS3%20rgba%2C%20color%20y%20opacidad&amp;s=La%20declaraci%C3%B3n%20rgba%20de%20CSS3%20aplica%20el%20color%20igual%20que%20el%20formato%20standard%20RGB%20pero%20le%20a%C3%B1ade%20algo%20especial%2C%20%C2%A0esa%20a%20es%20por%20el%20canal%20alpha%20lo%20que%20significa%20que%20podemos%20definir%20el%20nivel%20de%20transparencia%20de%20un%20objeto.%0D%0A%0D%0AUn%20objeto%20con%20transparencia%20de%20" title="Tumblr"><img src="http://retrorock.info/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=CSS3%20rgba%2C%20color%20y%20opacidad%20-%20http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fcss3-rgba-color-opacidad%2F" title="Twitter"><img src="http://retrorock.info/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://retrorock.info/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" /></a>


<br/><br/>

<p>no hay entradas relacionadas.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Retrorock?a=GZVd9Kkp78M:W78LRjdNxNE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Retrorock?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Retrorock/~4/GZVd9Kkp78M" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://retrorock.info/2009/12/css3-rgba-color-opacidad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://retrorock.info/2009/12/css3-rgba-color-opacidad/</feedburner:origLink></item>
		<item>
		<title>Imágenes para los posts en Wordpress 2.9</title>
		<link>http://feedproxy.google.com/~r/Retrorock/~3/q4bMs6HcN4U/</link>
		<comments>http://retrorock.info/2009/12/imagenes-para-los-posts-en-wordpress-29/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 03:52:45 +0000</pubDate>
		<dc:creator>wilburhimself</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://retrorock.info/?p=460</guid>
		<description><![CDATA[Hace un par de días estamos estrenando Wordpress 2.9 y es muy probable que si has oído algo sobre los nuevos features  que trae sabrás que a los posts se le pueden asignar imágenes para usarlas como thumbnail. Estas imágenes que podemos asignarles a los posts no son solo thumbnails si no que pueden ser [...]


Related posts:<ol><li><a href='http://retrorock.info/2008/12/miniposts-en-wordpress/' rel='bookmark' title='Permanent Link: Miniposts en WordPress'>Miniposts en WordPress</a></li>
<li><a href='http://retrorock.info/2008/10/programando-css/' rel='bookmark' title='Permanent Link: Programando CSS'>Programando CSS</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Hace un par de días estamos estrenando Wordpress 2.9 y es muy probable que si has oído algo sobre <a href="http://codex.wordpress.org/Version_2.9">los nuevos features  que trae</a> sabrás que a los posts se le pueden asignar imágenes para usarlas como thumbnail. Estas imágenes que podemos asignarles a los posts no son solo thumbnails si no que pueden ser de cualquiera de los tamaños comunes que usa Wordpress.</p>
<p>Voy a enseñar como usar estas imágenes en los templates, teniendo en cuenta que estas imágenes son una representación del post. La imagen esta directamente relacionada al post.<span id="more-460"></span></p>
<h3>Como puedo asignarle imágenes a los posts?</h3>
<p>Lo primero es que el Theme debe soportar este feature, de otra forma no lo vas a poder usar.</p>
<p>Para usar este feature tienes que estar en la pantalla de edicion de un post, en esta pantalla hay una cajita nueva que dice post thumbnail o page thumbnail para las paginas con un link para asignar la miniatura. al hace click en este link puede usar la herramienta de subir imagenes para asiganrle la imagen a tu post.</p>
<p><a href="http://retrorock.info/wp-content/uploads/2009/12/miniatura1.gif"><img class="size-full wp-image-462 alignnone" title="miniatura1" src="http://retrorock.info/wp-content/uploads/2009/12/miniatura1.gif" alt="" width="352" height="345" /></a></p>
<p>Aunque la cajita tiene como titulo post thumbnails aqui se pueden usar cualquiera de los tamaños de imagen por default que trae Wordpress</p>
<ul>
<li>Thumbnail</li>
<li>Medium</li>
<li>Large</li>
<li>Full (La imagen que subiste)</li>
</ul>
<h3>Como añado soporte para el feature de las imágenes de los post?</h3>
<p>Para hacer este feature disponible a los usuarios del theme solo hay que agregarle esta linea a nuestro archivo functions.php</p>
<p></p><p><small></small></p><div class='code' style='border: 1px dotted; overflow: auto; white-space:nowrap;'>add_theme_support<span style="color: #66cc66;">&#40;</span> <span style="color: #ff0000;">'post-thumbnails'</span> <span style="color: #66cc66;">&#41;</span>;</div><p></p>
<p>Naturalmente esto no muestra nada en el theme, para eso debemos llamar la imagen en <a href="http://codex.wordpress.org/The_Loop">el loop</a>:</p>
<p></p><p><small></small></p><div class='code' style='border: 1px dotted; overflow: auto; white-space:nowrap;'><span style="color: #000000; font-weight: bold;">&lt;?php</span> the_post_thumbnail<span style="color: #66cc66;">&#40;</span> <span style="color: #ff0000;">'thumbnail'</span> <span style="color: #66cc66;">&#41;</span>; <span style="color: #000000; font-weight: bold;">?&gt;</span></div><p></p>
<p>O en alguna seccion especial podemos elegir y solo mostrar las imagenes de tamaño mediano:</p>
<p></p><p><small></small></p><div class='code' style='border: 1px dotted; overflow: auto; white-space:nowrap;'><span style="color: #000000; font-weight: bold;">&lt;?php</span> the_post_thumbnail<span style="color: #66cc66;">&#40;</span> <span style="color: #ff0000;">'medium'</span> <span style="color: #66cc66;">&#41;</span>; <span style="color: #000000; font-weight: bold;">?&gt;</span></div><p></p>
<p>Con estas pocas líneas podemos añadirle una funcionalidad bien avanzada a nuestros templates.</p>



Comparte


	<a rel="nofollow" class="thickbox" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F&amp;partner=sociable?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" /></a>
	<a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F&amp;title=Im%C3%A1genes%20para%20los%20posts%20en%20Wordpress%202.9&amp;notes=Hace%20un%20par%20de%20d%C3%ADas%20estamos%20estrenando%20Wordpress%202.9%20y%20es%20muy%20probable%20que%20si%20has%20o%C3%ADdo%20algo%20sobre%20los%20nuevos%20features%20%C2%A0que%20trae%20sabr%C3%A1s%20que%20a%20los%20posts%20se%20le%20pueden%20asignar%20im%C3%A1genes%20para%20usarlas%20como%20thumbnail.%20Estas%20im%C3%A1genes%20que%20podemos%20asignar?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F&amp;t=Im%C3%A1genes%20para%20los%20posts%20en%20Wordpress%202.9?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F&amp;title=Im%C3%A1genes%20para%20los%20posts%20en%20Wordpress%202.9&amp;annotation=Hace%20un%20par%20de%20d%C3%ADas%20estamos%20estrenando%20Wordpress%202.9%20y%20es%20muy%20probable%20que%20si%20has%20o%C3%ADdo%20algo%20sobre%20los%20nuevos%20features%20%C2%A0que%20trae%20sabr%C3%A1s%20que%20a%20los%20posts%20se%20le%20pueden%20asignar%20im%C3%A1genes%20para%20usarlas%20como%20thumbnail.%20Estas%20im%C3%A1genes%20que%20podemos%20asignar?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow" class="thickbox" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F&amp;t=Im%C3%A1genes%20para%20los%20posts%20en%20Wordpress%202.9" title="MySpace"><img src="http://retrorock.info/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.netvibes.com/share?title=Im%C3%A1genes%20para%20los%20posts%20en%20Wordpress%202.9&amp;url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" /></a>
	<a rel="nofollow" class="thickbox" href="http://ping.fm/ref/?link=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F&amp;title=Im%C3%A1genes%20para%20los%20posts%20en%20Wordpress%202.9&amp;body=Hace%20un%20par%20de%20d%C3%ADas%20estamos%20estrenando%20Wordpress%202.9%20y%20es%20muy%20probable%20que%20si%20has%20o%C3%ADdo%20algo%20sobre%20los%20nuevos%20features%20%C2%A0que%20trae%20sabr%C3%A1s%20que%20a%20los%20posts%20se%20le%20pueden%20asignar%20im%C3%A1genes%20para%20usarlas%20como%20thumbnail.%20Estas%20im%C3%A1genes%20que%20podemos%20asignar?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow" class="thickbox" href="http://posterous.com/share?linkto=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F&amp;title=Im%C3%A1genes%20para%20los%20posts%20en%20Wordpress%202.9&amp;selection=Hace%20un%20par%20de%20d%C3%ADas%20estamos%20estrenando%20Wordpress%202.9%20y%20es%20muy%20probable%20que%20si%20has%20o%C3%ADdo%20algo%20sobre%20los%20nuevos%20features%20%C2%A0que%20trae%20sabr%C3%A1s%20que%20a%20los%20posts%20se%20le%20pueden%20asignar%20im%C3%A1genes%20para%20usarlas%20como%20thumbnail.%20Estas%20im%C3%A1genes%20que%20podemos%20asignar?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F&amp;title=Im%C3%A1genes%20para%20los%20posts%20en%20Wordpress%202.9?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow" class="thickbox" href="http://retrorock.info/feed/?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" /></a>
	<a rel="nofollow" class="thickbox" href="http://technorati.com/faves?add=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F&amp;t=Im%C3%A1genes%20para%20los%20posts%20en%20Wordpress%202.9&amp;s=Hace%20un%20par%20de%20d%C3%ADas%20estamos%20estrenando%20Wordpress%202.9%20y%20es%20muy%20probable%20que%20si%20has%20o%C3%ADdo%20algo%20sobre%20los%20nuevos%20features%20%C2%A0que%20trae%20sabr%C3%A1s%20que%20a%20los%20posts%20se%20le%20pueden%20asignar%20im%C3%A1genes%20para%20usarlas%20como%20thumbnail.%20Estas%20im%C3%A1genes%20que%20podemos%20asignar" title="Tumblr"><img src="http://retrorock.info/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=Im%C3%A1genes%20para%20los%20posts%20en%20Wordpress%202.9%20-%20http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fimagenes-para-los-posts-en-wordpress-29%2F" title="Twitter"><img src="http://retrorock.info/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://retrorock.info/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" /></a>


<br/><br/>

<p>Related posts:<ol><li><a href='http://retrorock.info/2008/12/miniposts-en-wordpress/' rel='bookmark' title='Permanent Link: Miniposts en WordPress'>Miniposts en WordPress</a></li>
<li><a href='http://retrorock.info/2008/10/programando-css/' rel='bookmark' title='Permanent Link: Programando CSS'>Programando CSS</a></li>
</ol></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Retrorock?a=q4bMs6HcN4U:iF95phZCdG0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Retrorock?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Retrorock/~4/q4bMs6HcN4U" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://retrorock.info/2009/12/imagenes-para-los-posts-en-wordpress-29/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://retrorock.info/2009/12/imagenes-para-los-posts-en-wordpress-29/</feedburner:origLink></item>
		<item>
		<title>Mysql GUI Tools y bases de datos remotas</title>
		<link>http://feedproxy.google.com/~r/Retrorock/~3/DveD4uy8ezs/</link>
		<comments>http://retrorock.info/2009/12/mysql-gui-tools-bases-de-datos-remotas/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 01:04:42 +0000</pubDate>
		<dc:creator>wilburhimself</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[Mysql]]></category>
		<category><![CDATA[SSH]]></category>

		<guid isPermaLink="false">http://retrorock.info/?p=444</guid>
		<description><![CDATA[Lo que muestra este post es como conectarse a una base de datos remota usando Windows, Putty, Mysql GUI Tools y Dreamhost.
El problema es que quisiera usar mysql query browser para conectarme a mi base de datos en Dremahost, pero el query browser solo acepta conecciones locales.
La solucion es hacer un tunel (SSH Tunneling) desde nuestra [...]


Related posts:<ol><li><a href='http://retrorock.info/2009/05/python-26-mysql/' rel='bookmark' title='Permanent Link: Python 2.6 &#038; Mysql'>Python 2.6 &#038; Mysql</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Lo que muestra este post es como conectarse a una base de datos remota usando Windows, Putty, Mysql GUI Tools y Dreamhost.</p>
<p>El problema es que quisiera usar mysql query browser para conectarme a mi base de datos en Dremahost, pero el query browser solo acepta conecciones locales.</p>
<p>La solucion es hacer un tunel (<a href="http://en.wikipedia.org/wiki/Tunneling_protocol#SSH_tunneling">SSH Tunneling</a>) desde nuestra maquina hacia el servidor en Dreamhost y conectar el query browser a traves de ese tunel.<span id="more-444"></span></p>
<p><strong>Como se hace</strong></p>
<p>Despues de haber instalado Putty, introducimos los datos del servidor para iniciar una sesión por SSH a nuestro usando el puerto común :22</p>
<p><img class="alignnone size-full wp-image-445" title="screen" src="http://retrorock.info/wp-content/uploads/2009/12/screen.png" alt="screen" width="387" height="391" /></p>
<p>Antes de iniciar sesión vamos a hacer el tunel, para esto hay que seleccionar en la columna de la izquierda un PUTTY, ssh &gt; tunnels y vamos a asignar un puerto local (9999) al servidor de MySQL en Dreamhost.</p>
<p><img style="border: 0px initial initial;" title="screen2" src="http://retrorock.info/wp-content/uploads/2009/12/screen22.png" alt="screen2" width="463" height="442" /></p>
<p>Con esta confiuración cuando iniciemos sesión podemos abrir el Mysql Query Browser y conectarnos al puerto que le asignamos al servidor remoto.</p>
<p><img class="alignnone size-full wp-image-448" title="screen3" src="http://retrorock.info/wp-content/uploads/2009/12/screen3.png" alt="screen3" width="430" height="361" /></p>



Comparte


	<a rel="nofollow" class="thickbox" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F&amp;partner=sociable?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" /></a>
	<a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F&amp;title=Mysql%20GUI%20Tools%20y%20bases%20de%20datos%20remotas&amp;notes=Lo%20que%20muestra%20este%20post%20es%20como%20conectarse%20a%20una%20base%20de%20datos%20remota%20usando%20Windows%2C%20Putty%2C%20Mysql%20GUI%20Tools%20y%20Dreamhost.%0D%0A%0D%0AEl%20problema%20es%20que%20quisiera%20usar%20mysql%20query%20browser%20para%20conectarme%20a%20mi%20base%20de%20datos%20en%20Dremahost%2C%20pero%20el%20query%20browser%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F&amp;t=Mysql%20GUI%20Tools%20y%20bases%20de%20datos%20remotas?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F&amp;title=Mysql%20GUI%20Tools%20y%20bases%20de%20datos%20remotas&amp;annotation=Lo%20que%20muestra%20este%20post%20es%20como%20conectarse%20a%20una%20base%20de%20datos%20remota%20usando%20Windows%2C%20Putty%2C%20Mysql%20GUI%20Tools%20y%20Dreamhost.%0D%0A%0D%0AEl%20problema%20es%20que%20quisiera%20usar%20mysql%20query%20browser%20para%20conectarme%20a%20mi%20base%20de%20datos%20en%20Dremahost%2C%20pero%20el%20query%20browser%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow" class="thickbox" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F&amp;t=Mysql%20GUI%20Tools%20y%20bases%20de%20datos%20remotas" title="MySpace"><img src="http://retrorock.info/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.netvibes.com/share?title=Mysql%20GUI%20Tools%20y%20bases%20de%20datos%20remotas&amp;url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" /></a>
	<a rel="nofollow" class="thickbox" href="http://ping.fm/ref/?link=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F&amp;title=Mysql%20GUI%20Tools%20y%20bases%20de%20datos%20remotas&amp;body=Lo%20que%20muestra%20este%20post%20es%20como%20conectarse%20a%20una%20base%20de%20datos%20remota%20usando%20Windows%2C%20Putty%2C%20Mysql%20GUI%20Tools%20y%20Dreamhost.%0D%0A%0D%0AEl%20problema%20es%20que%20quisiera%20usar%20mysql%20query%20browser%20para%20conectarme%20a%20mi%20base%20de%20datos%20en%20Dremahost%2C%20pero%20el%20query%20browser%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow" class="thickbox" href="http://posterous.com/share?linkto=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F&amp;title=Mysql%20GUI%20Tools%20y%20bases%20de%20datos%20remotas&amp;selection=Lo%20que%20muestra%20este%20post%20es%20como%20conectarse%20a%20una%20base%20de%20datos%20remota%20usando%20Windows%2C%20Putty%2C%20Mysql%20GUI%20Tools%20y%20Dreamhost.%0D%0A%0D%0AEl%20problema%20es%20que%20quisiera%20usar%20mysql%20query%20browser%20para%20conectarme%20a%20mi%20base%20de%20datos%20en%20Dremahost%2C%20pero%20el%20query%20browser%20?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F&amp;title=Mysql%20GUI%20Tools%20y%20bases%20de%20datos%20remotas?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow" class="thickbox" href="http://retrorock.info/feed/?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" /></a>
	<a rel="nofollow" class="thickbox" href="http://technorati.com/faves?add=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F&amp;t=Mysql%20GUI%20Tools%20y%20bases%20de%20datos%20remotas&amp;s=Lo%20que%20muestra%20este%20post%20es%20como%20conectarse%20a%20una%20base%20de%20datos%20remota%20usando%20Windows%2C%20Putty%2C%20Mysql%20GUI%20Tools%20y%20Dreamhost.%0D%0A%0D%0AEl%20problema%20es%20que%20quisiera%20usar%20mysql%20query%20browser%20para%20conectarme%20a%20mi%20base%20de%20datos%20en%20Dremahost%2C%20pero%20el%20query%20browser%20" title="Tumblr"><img src="http://retrorock.info/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=Mysql%20GUI%20Tools%20y%20bases%20de%20datos%20remotas%20-%20http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fmysql-gui-tools-bases-de-datos-remotas%2F" title="Twitter"><img src="http://retrorock.info/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://retrorock.info/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" /></a>


<br/><br/>

<p>Related posts:<ol><li><a href='http://retrorock.info/2009/05/python-26-mysql/' rel='bookmark' title='Permanent Link: Python 2.6 &#038; Mysql'>Python 2.6 &#038; Mysql</a></li>
</ol></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Retrorock?a=DveD4uy8ezs:y-RSftADfuM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Retrorock?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Retrorock/~4/DveD4uy8ezs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://retrorock.info/2009/12/mysql-gui-tools-bases-de-datos-remotas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://retrorock.info/2009/12/mysql-gui-tools-bases-de-datos-remotas/</feedburner:origLink></item>
		<item>
		<title>De Winamp a Google Talk</title>
		<link>http://feedproxy.google.com/~r/Retrorock/~3/AA3ez2PXXsQ/</link>
		<comments>http://retrorock.info/2009/12/de-winamp-a-google-talk/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 03:20:16 +0000</pubDate>
		<dc:creator>wilburhimself</dc:creator>
				<category><![CDATA[Random]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Talk]]></category>
		<category><![CDATA[Winamp]]></category>

		<guid isPermaLink="false">http://retrorock.info/?p=442</guid>
		<description><![CDATA[Esto puede sonar como algo viejo para algunos, pero para mi fue una sorpresa que poner el nombre la canción que estás escuchando como tu status en Google Talk sea tan fácil.
Voy a suponer que tienes Winamp y Google Tak instalados, así que el resto es simple.
Te diriges a la carpeta de Winamp, usualmente:  C:\Program [...]


Related posts:<ol><li><a href='http://retrorock.info/2008/11/backup-de-google-docs/' rel='bookmark' title='Permanent Link: Backup de Google Docs'>Backup de Google Docs</a></li>
<li><a href='http://retrorock.info/2008/05/google-doctype/' rel='bookmark' title='Permanent Link: Google Doctype'>Google Doctype</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Esto puede sonar como algo viejo para algunos, pero para mi fue una sorpresa que poner el nombre la canción que estás escuchando como tu status en Google Talk sea tan fácil.</p>
<p>Voy a suponer que tienes Winamp y Google Tak instalados, así que el resto es simple.</p>
<p>Te diriges a la carpeta de Winamp, usualmente:  <strong>C:\Program Files\Winamp </strong>y creas un archivo vacío llamado <strong>Winamp.m3u</strong></p>
<p>Luego de haber hecho esto puedes seleccionar el status <strong>Show current music track</strong> en Google Talk.</p>



Comparte


	<a rel="nofollow" class="thickbox" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F&amp;partner=sociable?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" /></a>
	<a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F&amp;title=De%20Winamp%20a%20Google%20Talk&amp;notes=Esto%20puede%20sonar%20como%20algo%20viejo%20para%20algunos%2C%20pero%20para%20mi%20fue%20una%20sorpresa%20que%20poner%20el%20nombre%20la%20canci%C3%B3n%20que%20est%C3%A1s%20escuchando%20como%20tu%20status%20en%20Google%20Talk%20sea%20tan%20f%C3%A1cil.%0D%0A%0D%0AVoy%20a%20suponer%20que%20tienes%20Winamp%20y%20Google%20Tak%20instalados%2C%20as%C3%AD%20que%20el%20r?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F&amp;t=De%20Winamp%20a%20Google%20Talk?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F&amp;title=De%20Winamp%20a%20Google%20Talk&amp;annotation=Esto%20puede%20sonar%20como%20algo%20viejo%20para%20algunos%2C%20pero%20para%20mi%20fue%20una%20sorpresa%20que%20poner%20el%20nombre%20la%20canci%C3%B3n%20que%20est%C3%A1s%20escuchando%20como%20tu%20status%20en%20Google%20Talk%20sea%20tan%20f%C3%A1cil.%0D%0A%0D%0AVoy%20a%20suponer%20que%20tienes%20Winamp%20y%20Google%20Tak%20instalados%2C%20as%C3%AD%20que%20el%20r?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow" class="thickbox" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F&amp;t=De%20Winamp%20a%20Google%20Talk" title="MySpace"><img src="http://retrorock.info/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.netvibes.com/share?title=De%20Winamp%20a%20Google%20Talk&amp;url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" /></a>
	<a rel="nofollow" class="thickbox" href="http://ping.fm/ref/?link=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F&amp;title=De%20Winamp%20a%20Google%20Talk&amp;body=Esto%20puede%20sonar%20como%20algo%20viejo%20para%20algunos%2C%20pero%20para%20mi%20fue%20una%20sorpresa%20que%20poner%20el%20nombre%20la%20canci%C3%B3n%20que%20est%C3%A1s%20escuchando%20como%20tu%20status%20en%20Google%20Talk%20sea%20tan%20f%C3%A1cil.%0D%0A%0D%0AVoy%20a%20suponer%20que%20tienes%20Winamp%20y%20Google%20Tak%20instalados%2C%20as%C3%AD%20que%20el%20r?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow" class="thickbox" href="http://posterous.com/share?linkto=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F&amp;title=De%20Winamp%20a%20Google%20Talk&amp;selection=Esto%20puede%20sonar%20como%20algo%20viejo%20para%20algunos%2C%20pero%20para%20mi%20fue%20una%20sorpresa%20que%20poner%20el%20nombre%20la%20canci%C3%B3n%20que%20est%C3%A1s%20escuchando%20como%20tu%20status%20en%20Google%20Talk%20sea%20tan%20f%C3%A1cil.%0D%0A%0D%0AVoy%20a%20suponer%20que%20tienes%20Winamp%20y%20Google%20Tak%20instalados%2C%20as%C3%AD%20que%20el%20r?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F&amp;title=De%20Winamp%20a%20Google%20Talk?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow" class="thickbox" href="http://retrorock.info/feed/?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" /></a>
	<a rel="nofollow" class="thickbox" href="http://technorati.com/faves?add=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F&amp;t=De%20Winamp%20a%20Google%20Talk&amp;s=Esto%20puede%20sonar%20como%20algo%20viejo%20para%20algunos%2C%20pero%20para%20mi%20fue%20una%20sorpresa%20que%20poner%20el%20nombre%20la%20canci%C3%B3n%20que%20est%C3%A1s%20escuchando%20como%20tu%20status%20en%20Google%20Talk%20sea%20tan%20f%C3%A1cil.%0D%0A%0D%0AVoy%20a%20suponer%20que%20tienes%20Winamp%20y%20Google%20Tak%20instalados%2C%20as%C3%AD%20que%20el%20r" title="Tumblr"><img src="http://retrorock.info/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=De%20Winamp%20a%20Google%20Talk%20-%20http%3A%2F%2Fretrorock.info%2F2009%2F12%2Fde-winamp-a-google-talk%2F" title="Twitter"><img src="http://retrorock.info/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://retrorock.info/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" /></a>


<br/><br/>

<p>Related posts:<ol><li><a href='http://retrorock.info/2008/11/backup-de-google-docs/' rel='bookmark' title='Permanent Link: Backup de Google Docs'>Backup de Google Docs</a></li>
<li><a href='http://retrorock.info/2008/05/google-doctype/' rel='bookmark' title='Permanent Link: Google Doctype'>Google Doctype</a></li>
</ol></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Retrorock?a=AA3ez2PXXsQ:i8Hdg1ezgeI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Retrorock?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Retrorock/~4/AA3ez2PXXsQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://retrorock.info/2009/12/de-winamp-a-google-talk/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://retrorock.info/2009/12/de-winamp-a-google-talk/</feedburner:origLink></item>
		<item>
		<title>Mejores FAQ’s con jQuery</title>
		<link>http://feedproxy.google.com/~r/Retrorock/~3/iAsv4LrMZZk/</link>
		<comments>http://retrorock.info/2009/09/mejores-faqs-con-jquery/#comments</comments>
		<pubDate>Sat, 26 Sep 2009 13:17:41 +0000</pubDate>
		<dc:creator>wilburhimself</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[FAQ]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://retrorock.info/?p=431</guid>
		<description><![CDATA[Una forma de mostrar un FAQ o las preguntas frecuentes sin la necesidad de muchos divs y otras cosas superfluas. (Ver código fuente)
Ejemplo



Comparte


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	




Related posts:Loops en jQuery con .each()
Menús Dropdown con jQuery
Envolviendo el código &#8211; jQuery Wrap()



Related posts:<ol><li><a href='http://retrorock.info/2009/07/loops-en-jquery-con/' rel='bookmark' title='Permanent Link: Loops en jQuery con .each()'>Loops en jQuery con .each()</a></li>
<li><a href='http://retrorock.info/2008/03/menus-dropdown-con-jquery/' rel='bookmark' title='Permanent Link: Menús Dropdown con jQuery'>Menús Dropdown con jQuery</a></li>
<li><a href='http://retrorock.info/2009/12/envolviendo-el-cdigo-jquery-wrap/' rel='bookmark' title='Permanent Link: Envolviendo el código &#8211; jQuery Wrap()'>Envolviendo el código &#8211; jQuery Wrap()</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Una forma de mostrar un FAQ o las preguntas frecuentes sin la necesidad de muchos divs y otras cosas superfluas. (Ver código fuente)</p>
<p><a href="http://retrorock.info/examples/faq.html"><span style="text-decoration: none;">Ejemplo</span></a></p>



Comparte


	<a rel="nofollow" class="thickbox" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F&amp;partner=sociable?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" /></a>
	<a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F&amp;title=Mejores%20FAQ%27s%20con%20jQuery&amp;notes=Una%20forma%20de%20mostrar%20un%20FAQ%20o%20las%20preguntas%20frecuentes%20sin%20la%20necesidad%20de%20muchos%20divs%20y%20otras%20cosas%20superfluas.%20%28Ver%20c%C3%B3digo%20fuente%29%0D%0A%0D%0AEjemplo?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F&amp;t=Mejores%20FAQ%27s%20con%20jQuery?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F&amp;title=Mejores%20FAQ%27s%20con%20jQuery&amp;annotation=Una%20forma%20de%20mostrar%20un%20FAQ%20o%20las%20preguntas%20frecuentes%20sin%20la%20necesidad%20de%20muchos%20divs%20y%20otras%20cosas%20superfluas.%20%28Ver%20c%C3%B3digo%20fuente%29%0D%0A%0D%0AEjemplo?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow" class="thickbox" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F&amp;t=Mejores%20FAQ%27s%20con%20jQuery" title="MySpace"><img src="http://retrorock.info/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.netvibes.com/share?title=Mejores%20FAQ%27s%20con%20jQuery&amp;url=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" /></a>
	<a rel="nofollow" class="thickbox" href="http://ping.fm/ref/?link=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F&amp;title=Mejores%20FAQ%27s%20con%20jQuery&amp;body=Una%20forma%20de%20mostrar%20un%20FAQ%20o%20las%20preguntas%20frecuentes%20sin%20la%20necesidad%20de%20muchos%20divs%20y%20otras%20cosas%20superfluas.%20%28Ver%20c%C3%B3digo%20fuente%29%0D%0A%0D%0AEjemplo?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow" class="thickbox" href="http://posterous.com/share?linkto=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F&amp;title=Mejores%20FAQ%27s%20con%20jQuery&amp;selection=Una%20forma%20de%20mostrar%20un%20FAQ%20o%20las%20preguntas%20frecuentes%20sin%20la%20necesidad%20de%20muchos%20divs%20y%20otras%20cosas%20superfluas.%20%28Ver%20c%C3%B3digo%20fuente%29%0D%0A%0D%0AEjemplo?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F&amp;title=Mejores%20FAQ%27s%20con%20jQuery?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow" class="thickbox" href="http://retrorock.info/feed/?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" /></a>
	<a rel="nofollow" class="thickbox" href="http://technorati.com/faves?add=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F&amp;t=Mejores%20FAQ%27s%20con%20jQuery&amp;s=Una%20forma%20de%20mostrar%20un%20FAQ%20o%20las%20preguntas%20frecuentes%20sin%20la%20necesidad%20de%20muchos%20divs%20y%20otras%20cosas%20superfluas.%20%28Ver%20c%C3%B3digo%20fuente%29%0D%0A%0D%0AEjemplo" title="Tumblr"><img src="http://retrorock.info/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=Mejores%20FAQ%27s%20con%20jQuery%20-%20http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fmejores-faqs-con-jquery%2F" title="Twitter"><img src="http://retrorock.info/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://retrorock.info/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" /></a>


<br/><br/>

<p>Related posts:<ol><li><a href='http://retrorock.info/2009/07/loops-en-jquery-con/' rel='bookmark' title='Permanent Link: Loops en jQuery con .each()'>Loops en jQuery con .each()</a></li>
<li><a href='http://retrorock.info/2008/03/menus-dropdown-con-jquery/' rel='bookmark' title='Permanent Link: Menús Dropdown con jQuery'>Menús Dropdown con jQuery</a></li>
<li><a href='http://retrorock.info/2009/12/envolviendo-el-cdigo-jquery-wrap/' rel='bookmark' title='Permanent Link: Envolviendo el código &#8211; jQuery Wrap()'>Envolviendo el código &#8211; jQuery Wrap()</a></li>
</ol></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Retrorock?a=iAsv4LrMZZk:0ycjiIcGnPo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Retrorock?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Retrorock/~4/iAsv4LrMZZk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://retrorock.info/2009/09/mejores-faqs-con-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://retrorock.info/2009/09/mejores-faqs-con-jquery/</feedburner:origLink></item>
		<item>
		<title>Como usamos Google Sites para colaborar</title>
		<link>http://feedproxy.google.com/~r/Retrorock/~3/MWKqqZJruBg/</link>
		<comments>http://retrorock.info/2009/09/como-usamos-google-sites-para-colaborar/#comments</comments>
		<pubDate>Sat, 05 Sep 2009 07:55:29 +0000</pubDate>
		<dc:creator>wilburhimself</dc:creator>
				<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Colaboración]]></category>
		<category><![CDATA[DASC]]></category>
		<category><![CDATA[Google Apps]]></category>

		<guid isPermaLink="false">http://retrorock.info/?p=422</guid>
		<description><![CDATA[Nuestro proceso de diseño ha cambiado mucho desde que comenzamos a usar Google Sites, es más fácil compartir un link que convocar una mini-reunión para que todos vean el diseño.
Wilbur Suero, DASC

Algunas de las reflexiones que han surgido después haber utilizado Google Sites para interactuar con grupos pequeños y  como el concepto de microblogging ha [...]


no hay entradas relacionadas.]]></description>
			<content:encoded><![CDATA[<blockquote><p>Nuestro proceso de diseño ha cambiado mucho desde que comenzamos a usar Google Sites, es más fácil compartir un link que convocar una mini-reunión para que todos vean el diseño.</p>
<p style="text-align: right;">Wilbur Suero,<a href="http://designbydasc.com/blog/como-usamos-google-sites-para-colaborar/"> DASC</a></p>
</blockquote>
<p style="text-align: left;">Algunas de las reflexiones que han surgido después haber utilizado Google Sites para interactuar con grupos pequeños y  como el concepto de microblogging ha ayudado mucho a hacer que nuestro equipo lo disfrute tanto como los clientes. Tomando como base que <a href="http://www.arturolopezvalerio.com/2009/08/se-oye-o-no-se-oye-el-video.html" target="_blank">controlar no es la mejor vía</a>, actualizamos con un modelo más informal, con menos reglas.</p>
<p style="text-align: left;">Ya que es un poco difícil o falta mucho tiempo para  que las empresas grandes empiecen a  adoptar el microblogging como una forma de comunicación seria, este es un ejemplo de como puede ser de gran ayuda a los grupos pequeños de personas enfocados en un mismo tema.</p>



Comparte


	<a rel="nofollow" class="thickbox" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F&amp;partner=sociable?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" /></a>
	<a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F&amp;title=Como%20usamos%20Google%20Sites%20para%20colaborar&amp;notes=Nuestro%20proceso%20de%20dise%C3%B1o%20ha%20cambiado%20mucho%20desde%20que%20comenzamos%20a%20usar%20Google%20Sites%2C%20es%20m%C3%A1s%20f%C3%A1cil%20compartir%20un%20link%20que%20convocar%20una%20mini-reuni%C3%B3n%20para%20que%20todos%20vean%20el%20dise%C3%B1o.%0D%0AWilbur%20Suero%2C%20DASC%0D%0A%0D%0AAlgunas%20de%20las%20reflexiones%20que%20han%20surgido%20d?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F&amp;t=Como%20usamos%20Google%20Sites%20para%20colaborar?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F&amp;title=Como%20usamos%20Google%20Sites%20para%20colaborar&amp;annotation=Nuestro%20proceso%20de%20dise%C3%B1o%20ha%20cambiado%20mucho%20desde%20que%20comenzamos%20a%20usar%20Google%20Sites%2C%20es%20m%C3%A1s%20f%C3%A1cil%20compartir%20un%20link%20que%20convocar%20una%20mini-reuni%C3%B3n%20para%20que%20todos%20vean%20el%20dise%C3%B1o.%0D%0AWilbur%20Suero%2C%20DASC%0D%0A%0D%0AAlgunas%20de%20las%20reflexiones%20que%20han%20surgido%20d?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow" class="thickbox" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F&amp;t=Como%20usamos%20Google%20Sites%20para%20colaborar" title="MySpace"><img src="http://retrorock.info/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.netvibes.com/share?title=Como%20usamos%20Google%20Sites%20para%20colaborar&amp;url=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" /></a>
	<a rel="nofollow" class="thickbox" href="http://ping.fm/ref/?link=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F&amp;title=Como%20usamos%20Google%20Sites%20para%20colaborar&amp;body=Nuestro%20proceso%20de%20dise%C3%B1o%20ha%20cambiado%20mucho%20desde%20que%20comenzamos%20a%20usar%20Google%20Sites%2C%20es%20m%C3%A1s%20f%C3%A1cil%20compartir%20un%20link%20que%20convocar%20una%20mini-reuni%C3%B3n%20para%20que%20todos%20vean%20el%20dise%C3%B1o.%0D%0AWilbur%20Suero%2C%20DASC%0D%0A%0D%0AAlgunas%20de%20las%20reflexiones%20que%20han%20surgido%20d?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow" class="thickbox" href="http://posterous.com/share?linkto=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F&amp;title=Como%20usamos%20Google%20Sites%20para%20colaborar&amp;selection=Nuestro%20proceso%20de%20dise%C3%B1o%20ha%20cambiado%20mucho%20desde%20que%20comenzamos%20a%20usar%20Google%20Sites%2C%20es%20m%C3%A1s%20f%C3%A1cil%20compartir%20un%20link%20que%20convocar%20una%20mini-reuni%C3%B3n%20para%20que%20todos%20vean%20el%20dise%C3%B1o.%0D%0AWilbur%20Suero%2C%20DASC%0D%0A%0D%0AAlgunas%20de%20las%20reflexiones%20que%20han%20surgido%20d?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F&amp;title=Como%20usamos%20Google%20Sites%20para%20colaborar?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow" class="thickbox" href="http://retrorock.info/feed/?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" /></a>
	<a rel="nofollow" class="thickbox" href="http://technorati.com/faves?add=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F&amp;t=Como%20usamos%20Google%20Sites%20para%20colaborar&amp;s=Nuestro%20proceso%20de%20dise%C3%B1o%20ha%20cambiado%20mucho%20desde%20que%20comenzamos%20a%20usar%20Google%20Sites%2C%20es%20m%C3%A1s%20f%C3%A1cil%20compartir%20un%20link%20que%20convocar%20una%20mini-reuni%C3%B3n%20para%20que%20todos%20vean%20el%20dise%C3%B1o.%0D%0AWilbur%20Suero%2C%20DASC%0D%0A%0D%0AAlgunas%20de%20las%20reflexiones%20que%20han%20surgido%20d" title="Tumblr"><img src="http://retrorock.info/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=Como%20usamos%20Google%20Sites%20para%20colaborar%20-%20http%3A%2F%2Fretrorock.info%2F2009%2F09%2Fcomo-usamos-google-sites-para-colaborar%2F" title="Twitter"><img src="http://retrorock.info/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://retrorock.info/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" /></a>


<br/><br/>

<p>no hay entradas relacionadas.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Retrorock?a=MWKqqZJruBg:oNomWjMAz4A:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Retrorock?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Retrorock/~4/MWKqqZJruBg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://retrorock.info/2009/09/como-usamos-google-sites-para-colaborar/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<feedburner:origLink>http://retrorock.info/2009/09/como-usamos-google-sites-para-colaborar/</feedburner:origLink></item>
		<item>
		<title>Que es Arquitectura de la información?</title>
		<link>http://feedproxy.google.com/~r/Retrorock/~3/-j34yB6GLRQ/</link>
		<comments>http://retrorock.info/2009/08/que-es-arquitectura-de-la-informacin/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 01:25:12 +0000</pubDate>
		<dc:creator>wilburhimself</dc:creator>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Random]]></category>
		<category><![CDATA[Desarrollo]]></category>
		<category><![CDATA[planificación]]></category>

		<guid isPermaLink="false">http://retrorock.info/?p=415</guid>
		<description><![CDATA[Con todos los complejos requerimientos, bases de datos, información instantánea y el tamaño de los websites y redes del día de hoy la arquitectura de la información se ha convertido en un factor crítico en el desarrollo de la mayoría de los proyectos web a gran escala.
Para mezclar lo técnico con lo visual manteniendo el [...]


no hay entradas relacionadas.]]></description>
			<content:encoded><![CDATA[<p>Con todos los complejos requerimientos, bases de datos, información instantánea y el tamaño de los websites y redes del día de hoy la arquitectura de la información se ha convertido en un factor crítico en el desarrollo de la mayoría de los proyectos web a gran escala.</p>
<p>Para mezclar lo técnico con lo visual manteniendo el sentido de la estructura y la usabilidad es necesario tener una arquitectura de información.<span id="more-415"></span></p>
<h3>Que es?</h3>
<p>En su forma más básica, la arquitectura de la información es la construccion de una estructura para organizar una serie de información. En la web, La arquitectura de la informacion es la combinación de organizar la información de un website en categorías y crear una interface para mostrar esas categorías.</p>
<p>Mientras se desarrolla la arquitectura de la información se van resolviendo algunas piezas del rompecabeza de como terminar el proyecto. Se debe definir el problema, determinar las necesidades, establecer metas, descubrir y probar conceptos. El proceso de esta investigación en términos más amplios incluye: entrevistas con el cliente, investigación de tecnologías emergentes, analizar estudios de caso, planificación de presupuesto y personal y producir un documento con los requerimientos funcionales.</p>
<p>El resultado de esta investigacion es un documento que especifica los limites del proyecto y cuales problemas son unicos de el.</p>
<p>En el diseño web, una persona que desarrolla programas y que planifica es un arquitecto de información. El arquitecto clasifica la estructura completa del website y organiza la distribución de las páginas en secciones, desarrollando un plan funcional e intuitivo que lleve al usuario de un punto A a un punto B por el camino que ofrezca menor resistencia.</p>
<h3>Que crean los arquitectos de información para los clientes?</h3>
<p>Aunque cada proyecto es diferente, hay ciertos documentos que son comunes en la mayoría, muchas veces solo cambian en alcance y funcionalidad. La presentación consiste en mostrar la información como es y tambien mostrarla de manera que se adapte al modo de entender las cosas del cliente.</p>
<p>Algunos de esos documentos incluyen:</p>
<ul>
<li><strong>Site Maps: </strong>reflejan la navegación y los contenedores de información. Usualmente son construidos para que luzcan como un diagrama de flujo y muestran como un usuario puede navegar de una sección a otra.</li>
<li><strong>Mapas de Contenido: </strong>Mapas detallados que muestran que información vá en que página y como el contenido de algunas secciones interactúa con el de otras.</li>
<li><strong>Wireframes: </strong>Dibujos a linea en blanco y negro, o bloques  para entregarlos al diseñador. Los wireframes pueden o pueden no reflejar el layout y son mayormente usados para explicarle al diseñador que links, que espacios promocionales y que información vá en cada página. Los Wireframes tambien sirven para resaltar las prioridades.</li>
</ul>
<p>Todo el que ha visto los efectos de un proyecto sin planificación sabe que es bueno tener todos los detalles del proyecto antes de comenzar a ejecutar. Algunos clientes no entienden la necesidad de esto y quieren evitarlo para reducir costos. Es importante para todas las compañías que hacen arquitectura de la información, darle soporte a su trabajo educando a los clientes sobre su valor.</p>
<h3>Que se toma en cuenta para hacer una arquitectura de la información?</h3>
<p>Antes de poder evaluar un website nuevo o mejorar uno existente es sumamente importante saber, quienes lo van a usar? quien lo va a hacer? y cuales son las metas. Quizas la parte más difícil de la arquitectura de información es <strong>encontrar el enfoque</strong>,<strong> </strong>pero después de ahí todo empieza a encajar y solo hay que combinar la eficiencia con la facilidad de uso. Una buena arquitectura de información siempre ayuda a acercar al usuario con el producto.</p>
<p>Es bueno comenzar a trabajar con todo el contenido y todos los requerimientos listos, pero sabemos que es muy difícil que ese sea el caso, la arquitectura de la información permite que el proyecto cambie ya que no es posible predecir el futuro. Hay que tratar de obtener la mayor cantidad de información desde el principio y hay que asegurarse de que el cliente entiende todo.</p>
<p>Los arquitectos deben tambien tener en cuenta quienes van a usar el website, las metas estratégicas y las metas de negocio, principios básicos de accesibilidad, limitaciones técnicas y necesidades futuras.</p>



Comparte


	<a rel="nofollow" class="thickbox" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F&amp;partner=sociable?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" /></a>
	<a rel="nofollow" class="thickbox" href="http://delicious.com/post?url=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F&amp;title=Que%20es%20Arquitectura%20de%20la%20informaci%C3%B3n%3F&amp;notes=Con%20todos%20los%20complejos%20requerimientos%2C%20bases%20de%20datos%2C%20informaci%C3%B3n%20instant%C3%A1nea%20y%20el%20tama%C3%B1o%20de%20los%20websites%20y%20redes%20del%20d%C3%ADa%20de%20hoy%20la%20arquitectura%20de%20la%20informaci%C3%B3n%20se%20ha%20convertido%20en%20un%20factor%20cr%C3%ADtico%20en%20el%20desarrollo%20de%20la%20mayor%C3%ADa%20de%20los%20pr?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F&amp;t=Que%20es%20Arquitectura%20de%20la%20informaci%C3%B3n%3F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F&amp;title=Que%20es%20Arquitectura%20de%20la%20informaci%C3%B3n%3F&amp;annotation=Con%20todos%20los%20complejos%20requerimientos%2C%20bases%20de%20datos%2C%20informaci%C3%B3n%20instant%C3%A1nea%20y%20el%20tama%C3%B1o%20de%20los%20websites%20y%20redes%20del%20d%C3%ADa%20de%20hoy%20la%20arquitectura%20de%20la%20informaci%C3%B3n%20se%20ha%20convertido%20en%20un%20factor%20cr%C3%ADtico%20en%20el%20desarrollo%20de%20la%20mayor%C3%ADa%20de%20los%20pr?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow" class="thickbox" href="http://bitacoras.com/anotaciones/http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/bitacoras.png" title="Bitacoras.com" alt="Bitacoras.com" /></a>
	<a rel="nofollow"  href="http://www.myspace.com/Modules/PostTo/Pages/?u=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F&amp;t=Que%20es%20Arquitectura%20de%20la%20informaci%C3%B3n%3F" title="MySpace"><img src="http://retrorock.info/wp-content/plugins/sociable/images/myspace.png" title="MySpace" alt="MySpace" /></a>
	<a rel="nofollow" class="thickbox" href="http://www.netvibes.com/share?title=Que%20es%20Arquitectura%20de%20la%20informaci%C3%B3n%3F&amp;url=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" /></a>
	<a rel="nofollow" class="thickbox" href="http://ping.fm/ref/?link=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F&amp;title=Que%20es%20Arquitectura%20de%20la%20informaci%C3%B3n%3F&amp;body=Con%20todos%20los%20complejos%20requerimientos%2C%20bases%20de%20datos%2C%20informaci%C3%B3n%20instant%C3%A1nea%20y%20el%20tama%C3%B1o%20de%20los%20websites%20y%20redes%20del%20d%C3%ADa%20de%20hoy%20la%20arquitectura%20de%20la%20informaci%C3%B3n%20se%20ha%20convertido%20en%20un%20factor%20cr%C3%ADtico%20en%20el%20desarrollo%20de%20la%20mayor%C3%ADa%20de%20los%20pr?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" /></a>
	<a rel="nofollow" class="thickbox" href="http://posterous.com/share?linkto=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F&amp;title=Que%20es%20Arquitectura%20de%20la%20informaci%C3%B3n%3F&amp;selection=Con%20todos%20los%20complejos%20requerimientos%2C%20bases%20de%20datos%2C%20informaci%C3%B3n%20instant%C3%A1nea%20y%20el%20tama%C3%B1o%20de%20los%20websites%20y%20redes%20del%20d%C3%ADa%20de%20hoy%20la%20arquitectura%20de%20la%20informaci%C3%B3n%20se%20ha%20convertido%20en%20un%20factor%20cr%C3%ADtico%20en%20el%20desarrollo%20de%20la%20mayor%C3%ADa%20de%20los%20pr?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" /></a>
	<a rel="nofollow" class="thickbox" href="http://reddit.com/submit?url=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F&amp;title=Que%20es%20Arquitectura%20de%20la%20informaci%C3%B3n%3F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" /></a>
	<a rel="nofollow" class="thickbox" href="http://retrorock.info/feed/?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" /></a>
	<a rel="nofollow" class="thickbox" href="http://technorati.com/faves?add=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F?TB_iframe=true&amp;height=500&amp;width=900"><img src="http://retrorock.info/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F&amp;t=Que%20es%20Arquitectura%20de%20la%20informaci%C3%B3n%3F&amp;s=Con%20todos%20los%20complejos%20requerimientos%2C%20bases%20de%20datos%2C%20informaci%C3%B3n%20instant%C3%A1nea%20y%20el%20tama%C3%B1o%20de%20los%20websites%20y%20redes%20del%20d%C3%ADa%20de%20hoy%20la%20arquitectura%20de%20la%20informaci%C3%B3n%20se%20ha%20convertido%20en%20un%20factor%20cr%C3%ADtico%20en%20el%20desarrollo%20de%20la%20mayor%C3%ADa%20de%20los%20pr" title="Tumblr"><img src="http://retrorock.info/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" /></a>
	<a rel="nofollow"  href="http://twitter.com/home?status=Que%20es%20Arquitectura%20de%20la%20informaci%C3%B3n%3F%20-%20http%3A%2F%2Fretrorock.info%2F2009%2F08%2Fque-es-arquitectura-de-la-informacin%2F" title="Twitter"><img src="http://retrorock.info/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>
	<a rel="nofollow"  href="javascript:AddToFavorites();" title="Add to favorites"><img src="http://retrorock.info/wp-content/plugins/sociable/images/addtofavorites.png" title="Add to favorites" alt="Add to favorites" /></a>


<br/><br/>

<p>no hay entradas relacionadas.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Retrorock?a=-j34yB6GLRQ:oREhS5kR-mA:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Retrorock?d=yIl2AUoC8zA" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Retrorock/~4/-j34yB6GLRQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://retrorock.info/2009/08/que-es-arquitectura-de-la-informacin/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://retrorock.info/2009/08/que-es-arquitectura-de-la-informacin/</feedburner:origLink></item>
	</channel>
</rss>
