<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Togirl.net</title>
	<atom:link href="http://togirl.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://togirl.net</link>
	<description>Blog Togirl.net</description>
	<lastBuildDate>Thu, 12 Jan 2012 12:59:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>GaterCon 1.0 entradas ya a la venta</title>
		<link>http://togirl.net/gatercon-1-0-entradas-ya-a-la-venta/</link>
		<comments>http://togirl.net/gatercon-1-0-entradas-ya-a-la-venta/#comments</comments>
		<pubDate>Thu, 12 Jan 2012 12:56:26 +0000</pubDate>
		<dc:creator>Togirl</dc:creator>
				<category><![CDATA[Ciencia Ficción]]></category>
		<category><![CDATA[Curiosidades]]></category>
		<category><![CDATA[Abydos]]></category>
		<category><![CDATA[Alexis Cruz]]></category>
		<category><![CDATA[Asociación Stargate España]]></category>
		<category><![CDATA[GaterCon 1.0]]></category>
		<category><![CDATA[Klorel]]></category>
		<category><![CDATA[SG1]]></category>
		<category><![CDATA[Skaara]]></category>
		<category><![CDATA[Stargate]]></category>
		<category><![CDATA[Valencia]]></category>

		<guid isPermaLink="false">http://togirl.net/?p=542</guid>
		<description><![CDATA[Si hace algún tiempo supimos de la creación de la Asociación Española Stargate España, proyecto que ha comenzado con la ilusión de personas muy entusiastas y con mucho trabajo por detrás, hoy podemos anunciar que la primera GaterCon 1.0 es un hecho, que se celebrará los días 27, 28 y 29 de Abril de 2012 [...]]]></description>
			<content:encoded><![CDATA[<p>Si hace algún tiempo supimos de la <strong>creación de la Asociación Española Stargate España</strong>, proyecto que ha comenzado con la ilusión de personas muy entusiastas y con mucho trabajo por detrás, hoy podemos anunciar que la primera<strong> GaterCon 1.0</strong> <strong>es un hecho, que se celebrará los días 27, 28 y 29 de Abril de 2012 en Valencia</strong>. Para <a title="Socio de la Asociacion Stargate España" href="http://www.gatercon.es/asociacion-sge/se-miembro-de-la-asociacion-stargate-espana/" target="_blank">ser socio de la Asociación Stargate España</a>, sólo tienes que entrar en la página y rellenar un formulario, no tiene ningún coste adicional pues no es una entidad con ánimo de lucro y con la participación de todos los miembros se fomentarán actividades en un futuro.</p>
<p>El <a title="Invitado GaterCon 1.0 - Alexis Cruz" href="http://www.gatercon.es/gatercon/el-actor-alexis-cruz-de-stargate-invitado-de-la-convencion-gatercon-1-0/" target="_blank">invitado</a> será <strong>Alexis Cruz</strong>, que interpretaba el papel de Skaara habitante del planeta Abydos en la serie Stargate (también en la película de 1994) y a Klorel (&#8220;hijo de Apophis&#8221;).</p>
<div id="attachment_543" class="wp-caption aligncenter" style="width: 541px"><a href="http://togirl.net/wp-content/uploads/2012/01/cartelgatercon1.jpg"><img class="size-full wp-image-543" title="Cartel GaterCon 1.0 - Alexis Cruz" src="http://togirl.net/wp-content/uploads/2012/01/cartelgatercon1.jpg" alt="Cartel GaterCon 1.0 - Alexis Cruz" width="531" height="640" /></a><p class="wp-caption-text">Cartel GaterCon 1.0 - Alexis Cruz</p></div>
<p><a title="Venta entradas GaterCon 1.0 - Alexis Cruz" href="http://www.gatercon.es/tienda/?&amp;id_lang=3" target="_blank">Las entradas para la convención están disponibles</a> desde el 10 de enero de 2012 y hay varias modalidades, pudiendo elegir si asistir sólo un día, todo el fin de semana o poder conseguir de forma opcional un autógrafo o foto con el actor. Como dato adicional e importante informar qué sólo <strong>se han puesto a la venta 10 entradas VIP</strong>, así es que si tienes ganas de asistir a un coctel privado con el actor de 40 minutos el viernes 27 por la tarde, tendrás que darte prisa.</p>
<p>¡Nos vemos en la GaterCon 1.0!</p>
]]></content:encoded>
			<wfw:commentRss>http://togirl.net/gatercon-1-0-entradas-ya-a-la-venta/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dibujar con HTML5 y CSS3</title>
		<link>http://togirl.net/dibujar-con-html5-y-css3/</link>
		<comments>http://togirl.net/dibujar-con-html5-y-css3/#comments</comments>
		<pubDate>Mon, 12 Dec 2011 16:19:34 +0000</pubDate>
		<dc:creator>Togirl</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[círculo]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Dibujar]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[elipse]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[recta]]></category>
		<category><![CDATA[rectángulo]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://togirl.net/?p=532</guid>
		<description><![CDATA[¿Cómo se dibujan figuras con Html5 y Css3?. Vamos a empezar dibujando un círculo, comenzamos abriendo un archivo html. Donde: cx= la coordenada &#8220;x&#8221; del centro y cy= la coordenada  &#8220;Y&#8221; del centro . Y al visualizarlo veremos un círculo como el siguiente: La ventaja de este círculo será que no es una imagen en bitmap, [...]]]></description>
			<content:encoded><![CDATA[<p>¿Cómo se dibujan figuras con<strong> Html5 y Css3</strong>?.</p>
<p>Vamos a empezar<strong> dibujando un círculo</strong>, comenzamos abriendo un archivo html.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;svg&gt;
  &lt;circle id=&quot;circulonaranja&quot; cx=&quot;200&quot; cy=&quot;200&quot; r=&quot;150&quot; fill=&quot;orange&quot; /&gt;
&lt;/svg&gt;
</pre>
<p>Donde: cx= la coordenada &#8220;x&#8221; del centro y cy= la coordenada  &#8220;Y&#8221; del centro .</p>
<p>Y al visualizarlo veremos un círculo como el siguiente:</p>
<div id="attachment_534" class="wp-caption aligncenter" style="width: 379px"><a href="http://togirl.net/wp-content/uploads/2011/12/circulo-html5-scc3.jpg"><img class="size-full wp-image-534" title="Dibujar un círculo con HTML5 y CSS3" src="http://togirl.net/wp-content/uploads/2011/12/circulo-html5-scc3.jpg" alt="" width="369" height="339" /></a><p class="wp-caption-text">Dibujar un círculo con HTML5 y CSS3</p></div>
<p>La ventaja de este círculo será que no es una imagen en bitmap, sino que es una imagen vectorial y podremos modificar su tamaño en la pantalla sin que pierda calidad con las teclas control + &#8220;+&#8221; (si estás utilizando un pc y cmd + &#8220;+&#8221; si es un mac).</p>
<p>Ahora <strong>dibujaremos un rectángulo</strong>, lo haremos de la misma forma <strong>sin utilizar imágenes</strong>. Abrimos un documento html y ponemos el siguiente código:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;svg&gt;
   &lt;rect id=&quot;rectangulo&quot; width=&quot;400&quot; height=&quot;200&quot; fill=&quot;blue&quot; /&gt;
&lt;/svg&gt;
</pre>
<p>Y obtendremos la siguiente figura:</p>
<div id="attachment_535" class="wp-caption aligncenter" style="width: 360px"><a href="http://togirl.net/wp-content/uploads/2011/12/rectangulo-html5-scc3.jpg"><img class="size-full wp-image-535" title="Dibujar un rectángulo con HTML y CSS3" src="http://togirl.net/wp-content/uploads/2011/12/rectangulo-html5-scc3.jpg" alt="" width="350" height="185" /></a><p class="wp-caption-text">Dibujar un rectángulo con HTML y CSS3</p></div>
<p>Para terminar <strong>dibujaremos una elipse y una línea</strong>.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;svg&gt;
   &lt;line x1=&quot;600&quot; y1=&quot;300&quot; x2=&quot;500&quot; y2=&quot;100&quot; style=&quot;stroke:violet;  stroke-width:4;&quot; /&gt;
   &lt;ellipse cx=&quot;200&quot; cy=&quot;200&quot; rx=&quot;200&quot; ry=&quot;50&quot; fill=&quot;green&quot; /&gt;&lt;/svg&gt;
</pre>
<div id="attachment_536" class="wp-caption aligncenter" style="width: 549px"><a href="http://togirl.net/wp-content/uploads/2011/12/elipse-recta-html5-scc3.jpg"><img class="size-full wp-image-536" title="Dibujar una Elipse y una recta con HTML5 y CSS3" src="http://togirl.net/wp-content/uploads/2011/12/elipse-recta-html5-scc3.jpg" alt="" width="539" height="270" /></a><p class="wp-caption-text">Dibujar una Elipse y una recta con HTML5 y CSS3</p></div>
<pre></pre>
]]></content:encoded>
			<wfw:commentRss>http://togirl.net/dibujar-con-html5-y-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Iconos con tendencia Google+</title>
		<link>http://togirl.net/iconos-con-tendencia-google/</link>
		<comments>http://togirl.net/iconos-con-tendencia-google/#comments</comments>
		<pubDate>Mon, 05 Dec 2011 09:00:35 +0000</pubDate>
		<dc:creator>Togirl</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[free icon]]></category>
		<category><![CDATA[iconos gratis]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://togirl.net/?p=499</guid>
		<description><![CDATA[Hoy os traigo una selección de iconos lanzada en la página web de webdesignshock. Estos iconos han sido creados siguiendo la estética de Google, estética que tiene muchos admiradores y que personalmente a mi me encanta. En esta página web te puedes descargar los iconos estilo Google, iconos para todo tipo de páginas, en color, en [...]]]></description>
			<content:encoded><![CDATA[<p>Hoy os traigo una<strong> selección de iconos</strong> lanzada en la página web de webdesignshock. Estos iconos han sido creados siguiendo la <strong>estética de Google</strong>, estética que tiene muchos admiradores y que personalmente a mi me encanta.</p>
<div id="attachment_500" class="wp-caption aligncenter" style="width: 510px"><a href="http://togirl.net/wp-content/uploads/2011/12/iconos-google.jpg"><img class="size-full wp-image-500" title="Iconos con tendencia Google+" src="http://togirl.net/wp-content/uploads/2011/12/iconos-google.jpg" alt="" width="500" height="324" /></a><p class="wp-caption-text">Iconos con tendencia Google+</p></div>
<div class="woo-sc-box download   ">Descarga: <a title="Descarga Iconos gratuitos megaupload Google plus" href="http://www.megaupload.com/?d=QZ081R80" target="_blank">http://www.megaupload.com/?d=QZ081R80</a></div>
<p>En esta página web te puedes descargar los <strong>iconos estilo Google</strong>, iconos para todo tipo de páginas, en color, en gris, grandes y pequeños, y lo mejor de todo es que <strong>son gratuitos y se pueden utilizar libremente.</strong></p>
<p>Fuente: <a title="Iconos aspecto Google" href="http://www.webdesignshock.com/google-plus-interface-icons/" target="_blank">webdesignshock.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://togirl.net/iconos-con-tendencia-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fantástico tutorial de Illustrator, ¿cómo hacer un Superhéroe?</title>
		<link>http://togirl.net/fantastico-tutorial-de-illustrator-%c2%bfcomo-hacer-un-superheroe/</link>
		<comments>http://togirl.net/fantastico-tutorial-de-illustrator-%c2%bfcomo-hacer-un-superheroe/#comments</comments>
		<pubDate>Thu, 01 Dec 2011 08:00:23 +0000</pubDate>
		<dc:creator>Togirl</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[degradados]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[Superhéroe]]></category>
		<category><![CDATA[vectores]]></category>

		<guid isPermaLink="false">http://togirl.net/?p=471</guid>
		<description><![CDATA[Ahora que estoy empezando a descubrir el maravilloso mundo de Illustrator, he encontrado varios tutoriales de cómo hacer figuras, muñecos, trazos, logos y muchas cosas más. Hoy os dejo este maravilloso tutorial de cómo hacer un Superhéroe con Illustrator. Fuente: webdesignshock]]></description>
			<content:encoded><![CDATA[<p>Ahora que estoy empezando a descubrir el maravilloso mundo de Illustrator, he encontrado varios tutoriales de cómo hacer figuras, muñecos, trazos, logos y muchas cosas más.</p>
<p>Hoy os dejo este maravilloso tutorial de <strong>cómo hacer un Superhéroe con Illustrator</strong>.</p>
<div id="attachment_472" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.webdesignshock.com/vector-superhero/"><img class="size-full wp-image-472" title="Superhéroe con Illustrator" src="http://togirl.net/wp-content/uploads/2011/11/Hacer-Superheroe-Illustrator.jpg" alt="" width="450" height="390" /></a><p class="wp-caption-text">Superhéroe con Illustrator</p></div>
<p>Fuente: <a title="Superhéroe Illustrator" href="Superhéroe con Illustrator" target="_blank">webdesignshock</a></p>
]]></content:encoded>
			<wfw:commentRss>http://togirl.net/fantastico-tutorial-de-illustrator-%c2%bfcomo-hacer-un-superheroe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Programación divertida para niños con Scratch</title>
		<link>http://togirl.net/programacion-divertida-para-ninos-con-scratch/</link>
		<comments>http://togirl.net/programacion-divertida-para-ninos-con-scratch/#comments</comments>
		<pubDate>Tue, 29 Nov 2011 10:45:39 +0000</pubDate>
		<dc:creator>Togirl</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[Mundos virtuales]]></category>
		<category><![CDATA[música]]></category>
		<category><![CDATA[programación]]></category>
		<category><![CDATA[Scratch]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://togirl.net/?p=456</guid>
		<description><![CDATA[Scratch es un lenguaje de programación que permite crear historias interactivas, animaciones, música, etc,.. a través de una interfaz divertida apta para niños. Su personaje principal es un muñeco y tienes varios personajes y paisajes para realizar los proyectos. Scratch es un proyecto en colaboración con la Escuela de Educación y Estudios de la Información [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Scratch es un lenguaje de programación</strong> que permite crear historias interactivas, animaciones, música, etc,.. a través de una interfaz divertida apta para niños. Su personaje principal es un muñeco y tienes varios personajes y paisajes para realizar los proyectos.</p>
<p style="text-align: center;"><iframe title="YouTube video player" class="youtube-player" type="text/html" width="425" height="344" src="http://www.youtube.com/embed/6JyBCx6WGJQ" frameborder="0" allowFullScreen="true"> </iframe></p>
<p><strong>Scratch</strong> es un proyecto en colaboración con la Escuela de Educación y Estudios de la Información de la UCLA, con fondos de la Fundación Nacional para las Ciencias, la fundación Intel y el consorcio de Investigación del MIT Media Lab.</p>
<div id="attachment_457" class="wp-caption aligncenter" style="width: 460px"><a href="http://info.scratch.mit.edu/sites/infoscratch.media.mit.edu/files/file/translated-docs/GuiaDeInicioScratch.pdf"><img class="size-full wp-image-457 " title="Scratch Programación divertida" src="http://togirl.net/wp-content/uploads/2011/11/scratch-programacion-divertida.jpg" alt="" width="450" height="362" /></a><p class="wp-caption-text">Scratch Programación divertida</p></div>
<p>Fuentes: <a title="Scratch, enseñando programación a los peques" href="http://www.genbetadev.com/lenguajes-de-programacion/scratch-ensenando-programacion-a-los-peques" target="_blank">Genbetadev.com</a>, <a title="Descargar Scratch" href="http://scratch.mit.edu/" target="_blank">schatch.mit.edu</a></p>
]]></content:encoded>
			<wfw:commentRss>http://togirl.net/programacion-divertida-para-ninos-con-scratch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web para convertir un tipo de fuente en otra</title>
		<link>http://togirl.net/web-para-convertir-un-tipo-de-fuente-en-otra/</link>
		<comments>http://togirl.net/web-para-convertir-un-tipo-de-fuente-en-otra/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 11:55:19 +0000</pubDate>
		<dc:creator>Togirl</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[convertir]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[Estilo de fuente]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[pdf]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://togirl.net/?p=444</guid>
		<description><![CDATA[En numerosas ocasiones nos encontramos con un tipo de fuente que tenemos que transformar en otra o incluso que nos pasan un archivo pdf  y queremos extraer la fuente de ese archivo PDF en cualquier formato de fuente que te guste, para por ejemplo utilizar en photoshop o illustrator. La siguiente dirección de página web [...]]]></description>
			<content:encoded><![CDATA[<p>En numerosas ocasiones nos encontramos con un tipo de fuente que tenemos que transformar en otra o incluso que nos pasan un archivo pdf  y queremos extraer la fuente de ese archivo PDF en cualquier formato de fuente que te guste, para por ejemplo utilizar en photoshop o illustrator. <strong>La siguiente dirección de página web nos ayudará a convertir un formato de fuente en otro formato de fuente.</strong></p>
<div id="attachment_445" class="wp-caption aligncenter" style="width: 510px"><a href="http://onlinefontconverter.com/extract_font_from_pdf.php"><img class="size-full wp-image-445" title="Extraer fuente de un pdf" src="http://togirl.net/wp-content/uploads/2011/11/convertir-fuente.jpg" alt="Extraer fuente de un pdf" width="500" height="402" /></a><p class="wp-caption-text">Extraer fuente de un pdf</p></div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://togirl.net/web-para-convertir-un-tipo-de-fuente-en-otra/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>&#8220;Cuando las estrellas nos llamen&#8221; de Vicente Hernándiz</title>
		<link>http://togirl.net/cuando-las-estrellas-nos-llamen-de-vicente-hernandiz/</link>
		<comments>http://togirl.net/cuando-las-estrellas-nos-llamen-de-vicente-hernandiz/#comments</comments>
		<pubDate>Fri, 25 Nov 2011 15:06:06 +0000</pubDate>
		<dc:creator>Togirl</dc:creator>
				<category><![CDATA[Ciencia Ficción]]></category>
		<category><![CDATA[autor]]></category>
		<category><![CDATA[ciencia ficción]]></category>
		<category><![CDATA[estrellas]]></category>
		<category><![CDATA[libro]]></category>
		<category><![CDATA[universo]]></category>
		<category><![CDATA[Vicente Hernándiz]]></category>

		<guid isPermaLink="false">http://togirl.net/?p=434</guid>
		<description><![CDATA[En esta ocasión y dado que he querido abrir una nueva categoría en el blog dedicada a la Ciencia Ficción, escribo este post para presentar el libro de Vicente Hernándiz, autor de la novela de ciencia ficción &#8220;Cuando las estrellas nos llamen&#8220;. En este libro el autor hace que nos preguntemos: ¿Estamos solos en el [...]]]></description>
			<content:encoded><![CDATA[<p>En esta ocasión y dado que he querido abrir una nueva categoría en el blog dedicada a la <strong>Ciencia Ficción</strong>, escribo este post para presentar el libro de <strong>Vicente Hernándiz</strong>, autor de la novela de ciencia ficción <em><strong>&#8220;Cuando las estrellas nos llamen</strong></em>&#8220;.</p>
<p><a href="http://togirl.net/wp-content/uploads/2011/11/cuando-las-estrellas-nos-llamen.jpg"><img class="aligncenter size-full wp-image-435" title="cuando-las-estrellas-nos-llamen" src="http://togirl.net/wp-content/uploads/2011/11/cuando-las-estrellas-nos-llamen.jpg" alt="" width="500" height="375" /></a><br />
En este libro el autor hace que nos preguntemos: ¿Estamos solos en el universo? o simplemente quien pueda existir esta demasiado lejos como para venir o algún día nosotros ir. Son cuestiones o respuestas que constantemente nos martillean.</p>
<p><a href="http://www.facebook.com/cuandolasestrellasnosllamen" rel="nofollow" target="_blank">www.facebook.com/cuandolasestrellasnosllamen</a><br />
<a href="http://www.cuandolasestrellasnosllamen.blogspot.com/" rel="nofollow nofollow" target="_blank">www.cuandolasestrellasnosllamen.blogspot.com</a><br />
<a href="http://www.twitter.com/@VHernandiz" rel="nofollow nofollow" target="_blank">www.twitter.com/@VHernandiz</a></p>
]]></content:encoded>
			<wfw:commentRss>http://togirl.net/cuando-las-estrellas-nos-llamen-de-vicente-hernandiz/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cambiar color de celdas de una tabla con javascript</title>
		<link>http://togirl.net/cambiar-color-de-celdas-de-una-tabla-con-javascript/</link>
		<comments>http://togirl.net/cambiar-color-de-celdas-de-una-tabla-con-javascript/#comments</comments>
		<pubDate>Wed, 23 Nov 2011 17:21:39 +0000</pubDate>
		<dc:creator>Togirl</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[evento]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javaScript]]></category>
		<category><![CDATA[onload]]></category>

		<guid isPermaLink="false">http://togirl.net/?p=429</guid>
		<description><![CDATA[Aunque hoy en día podemos utilizar jquery para poder darle un aspecto más agradable a nuestras páginas web, he querido escribir hoy sobre la forma de poner diferentes colores a las filas de una tabla de forma dinámica, es decir,  intercambiar dos colores tan sólo con javascript, html y css. Comenzamos creando una tabla, sencillita [...]]]></description>
			<content:encoded><![CDATA[<p>Aunque hoy en día podemos utilizar <strong>jquery</strong> para poder darle un aspecto más agradable a nuestras páginas web, he querido escribir hoy sobre la forma de<strong> poner diferentes colores a las filas de una tabla de forma dinámica, es decir,  intercambiar dos colores tan sólo con javascript, html y css.</strong></p>
<p>Comenzamos creando una tabla, sencillita en html:</p>
<p><center>
<pre class="brush: xml; title: ; notranslate">
&lt;table width=&quot;400&quot; border=&quot;1&quot;&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
        &lt;td&gt;&amp;nbsp;&lt;/td&gt;
       &lt;/tr&gt;
    &lt;/table&gt;
</pre>
<p></center>La tabla se crea como una tabla normal y corriente, pero en la etiqueta &lt;body&gt; tendremos que añadir lo siguiente:</p>
<p><center>
<pre class="brush: xml; title: ; notranslate">
&lt;body onload=&quot;celdasColor()&quot;&gt;
</pre>
<p></center></p>
<p><strong>Con el evento onload de javascript</strong> lo que estamos haciendo es ejecutar acciones justo cuando se han terminado de cargar todos los elementos de la página.</p>
<p>Vamos a ir creando a la vez, un archivo css que será el que dará color a nuestras celdas con el siguiente código:</p>
<p><center>
<pre class="brush: css; title: ; notranslate">
.par {
	background-color:#CCC;
}
.impar {
	background-color:#FFF;
}
</pre>
<p></center></p>
<p>Por último nos queda lo más importante, el archivo de javascript, en este caso, un archivo que debe tener la extensión .js:</p>
<p><center>
<pre class="brush: jscript; title: ; notranslate">
function celdasColor (){
	var celdas = document.getElementsByTagName(&quot;tr&quot;);
	for (var i=0; i&lt;celdas.length; i++){
		if (i%2==0){
			celdas[i].className =&quot;par&quot;;
		}else {
			celdas[i].className =&quot;impar&quot;;
		}
	}
}
</pre>
<p></center></p>
<p>El operador del porcentaje (%) al que llamamos &#8220;módulo&#8221; lo utilizamos para quedarnos con los múltiplos de &#8220;2&#8243; o celdas pares. No debemos confundirlo con el cálculo del porcentaje, es el resto de una división.</p>
<p>Y nuestra tabla quedaría así:</p>
<p><a href="http://togirl.net/wp-content/uploads/2011/11/filas-generadas-javascript.png"><img class="aligncenter size-full wp-image-431" title="filas-generadas-javascript" src="http://togirl.net/wp-content/uploads/2011/11/filas-generadas-javascript.png" alt="" width="428" height="234" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://togirl.net/cambiar-color-de-celdas-de-una-tabla-con-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Extensión de Google para Chrome &#8220;Screen Capture&#8221;</title>
		<link>http://togirl.net/extension-de-google-para-chrome-screen-capture/</link>
		<comments>http://togirl.net/extension-de-google-para-chrome-screen-capture/#comments</comments>
		<pubDate>Tue, 13 Sep 2011 10:41:29 +0000</pubDate>
		<dc:creator>Togirl</dc:creator>
				<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Herramientas Google]]></category>
		<category><![CDATA[Screen Capture]]></category>

		<guid isPermaLink="false">http://togirl.net/?p=248</guid>
		<description><![CDATA[Las herramientas integradas en nuestros navegadores pueden ser en ocasiones las mejores amigas de los desarrolladores web. Es el caso de &#8220;Screen Capture&#8221;, una extensión de Google que está disponible para Chrome y que es muy útil. Con &#8220;Screen Capture&#8221; puedes capturar desde partes pequeñas hasta la página web completa que estés visualizando. Es muy [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Las herramientas integradas en nuestros navegadores</strong> pueden ser en ocasiones las mejores amigas de los desarrolladores web. Es el caso de <strong>&#8220;Screen Capture&#8221;, una extensión de Google</strong> que está disponible para Chrome y que es muy útil.</p>
<div id="attachment_249" class="wp-caption aligncenter" style="width: 560px"><a href="http://togirl.net/wp-content/uploads/2011/09/captura-pantalla-google-1.png"><img class="size-full wp-image-249" title="Screen Capture - Extensión - Google" src="http://togirl.net/wp-content/uploads/2011/09/captura-pantalla-google-1.png" alt="Screen Capture - Extensión - Google" width="550" height="323" /></a><p class="wp-caption-text">Screen Capture - Extensión - Google</p></div>
<p>Con &#8220;Screen Capture&#8221; puedes capturar desde partes pequeñas hasta la página web completa que estés visualizando. Es muy sencillo de utilizar y es una herramienta gratuita que <a title="Instalar Screen Capture de Google para Chrome" href="https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg?hl=es" target="_blank">puedes instalar desde este enlace</a>.</p>
<div id="attachment_250" class="wp-caption aligncenter" style="width: 560px"><a href="http://togirl.net/wp-content/uploads/2011/09/captura-pantalla-google-2.png"><img class="size-full wp-image-250" title="Screen Capture - Extensión Google" src="http://togirl.net/wp-content/uploads/2011/09/captura-pantalla-google-2.png" alt="Screen Capture - Extensión Google" width="550" height="259" /></a><p class="wp-caption-text">Screen Capture - Extensión Google</p></div>
<p><strong>Esta extensión no sólo te permite guardar la imagen de la captura de pantalla, podemos escribir anotaciones, tachar texto, difuminar o desenfocar partes de la web</strong> que no queramos que se muestren (útil cuando en la captura hay algún dato personal, cuenta de correo, etc&#8230;), hacer flechas o líneas para identificar un objeto importante e incluso subir esa imagen a la red social facebook.</p>
<div id="attachment_251" class="wp-caption aligncenter" style="width: 560px"><a href="http://togirl.net/wp-content/uploads/2011/09/captura-pantalla-google-3.png"><img class="size-full wp-image-251" title="Screen Capture - Selección de una región de pantalla" src="http://togirl.net/wp-content/uploads/2011/09/captura-pantalla-google-3.png" alt="Screen Capture - Selección de una región de pantalla" width="550" height="308" /></a><p class="wp-caption-text">Screen Capture - Selección de una región de pantalla</p></div>
<p>Estos serán los botones con los que debemos trabajar.</p>
<div id="attachment_255" class="wp-caption aligncenter" style="width: 560px"><a href="http://togirl.net/wp-content/uploads/2011/09/captura-pantalla-google-41.png"><img class="size-full wp-image-255" title="Sreen Capture - Botones" src="http://togirl.net/wp-content/uploads/2011/09/captura-pantalla-google-41.png" alt="Sreen Capture - Botones" width="550" height="294" /></a><p class="wp-caption-text">Sreen Capture - Botones</p></div>
<p>A continuación una imagen con algunas de las posibilidades de Screen Capture, (tachar texto, escribir, señalizar con flechas, desenfocar).</p>
<div id="attachment_256" class="wp-caption aligncenter" style="width: 560px"><a href="http://togirl.net/wp-content/uploads/2011/09/captura-pantalla-google-52.png"><img class="size-full wp-image-256" title="Screen Capture - Imagen tratada - Posibilidades" src="http://togirl.net/wp-content/uploads/2011/09/captura-pantalla-google-52.png" alt="Screen Capture - Imagen tratada - Posibilidades" width="550" height="289" /></a><p class="wp-caption-text">Screen Capture - Imagen tratada - Posibilidades</p></div>
<p>Añado un video de Víctor Durán que me parece bastante útil y claro para comprender mejor esta herramienta.</p>
<p><center><iframe title="YouTube video player" class="youtube-player" type="text/html" width="425" height="344" src="http://www.youtube.com/embed/9JeB495v02M" frameborder="0" allowFullScreen="true"> </iframe></center></p>
]]></content:encoded>
			<wfw:commentRss>http://togirl.net/extension-de-google-para-chrome-screen-capture/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Funciones Mayúsculas y Minúsculas en Php</title>
		<link>http://togirl.net/funciones-mayusculas-y-minusculas-en-php/</link>
		<comments>http://togirl.net/funciones-mayusculas-y-minusculas-en-php/#comments</comments>
		<pubDate>Tue, 06 Sep 2011 11:00:52 +0000</pubDate>
		<dc:creator>Togirl</dc:creator>
				<category><![CDATA[Programación]]></category>
		<category><![CDATA[acentos]]></category>
		<category><![CDATA[funciones]]></category>
		<category><![CDATA[mayúsculas]]></category>
		<category><![CDATA[minúsculas]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[strtolower]]></category>
		<category><![CDATA[strtoupper]]></category>
		<category><![CDATA[ucfirst]]></category>
		<category><![CDATA[ucwords]]></category>

		<guid isPermaLink="false">http://togirl.net/?p=232</guid>
		<description><![CDATA[En php podemos cambiar caracteres de una cadena, de mayúsculas a minúsculas, la primera letra de una palabra o la primera letra de una frase. Las funciones que tenemos que utilizar son estas: strtoupper &#8211;&#62; cambia todos los caracteres de la cadena a mayúsculas strtolower &#8211;&#62; cambia todos los caracteres de una cadena a minúsculas [...]]]></description>
			<content:encoded><![CDATA[<p>En php podemos cambiar caracteres de una cadena, de mayúsculas a minúsculas, la primera letra de una palabra o la primera letra de una frase. Las funciones que tenemos que utilizar son estas:</p>
<ul>
<li>strtoupper &#8211;&gt; cambia todos los caracteres de la cadena a mayúsculas</li>
<li>strtolower &#8211;&gt; cambia todos los caracteres de una cadena a minúsculas</li>
<li>ucwords &#8211;&gt; cambia la primera letra a mayúscula</li>
<li>ucfirst &#8211;&gt; cambia la primera letra de todas las palabras en una cadena a mayúsculas</li>
</ul>
<p>Hay que tener en cuenta que estas funciones no convertirán ningún caracter que lleve acento o la letra &#8220;ñ&#8221;, para que transforme estos caracteres especiales tendremos que crear una función antes.</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php

function fullUpper($string){
  return strtr(strtoupper($string), array(
      &quot;à&quot; =&gt; &quot;À&quot;,
      &quot;è&quot; =&gt; &quot;È&quot;,
      &quot;ì&quot; =&gt; &quot;Ì&quot;,
      &quot;ò&quot; =&gt; &quot;Ò&quot;,
      &quot;ù&quot; =&gt; &quot;Ù&quot;,
      &quot;á&quot; =&gt; &quot;Á&quot;,
      &quot;é&quot; =&gt; &quot;É&quot;,
      &quot;í&quot; =&gt; &quot;Í&quot;,
      &quot;ó&quot; =&gt; &quot;Ó&quot;,
      &quot;ú&quot; =&gt; &quot;Ú&quot;,
      &quot;â&quot; =&gt; &quot;Â&quot;,
      &quot;ê&quot; =&gt; &quot;Ê&quot;,
      &quot;î&quot; =&gt; &quot;Î&quot;,
      &quot;ô&quot; =&gt; &quot;Ô&quot;,
      &quot;û&quot; =&gt; &quot;Û&quot;,
      &quot;ç&quot; =&gt; &quot;Ç&quot;,
	  &quot;ñ&quot; =&gt; &quot;Ñ&quot;,
    ));
}
echo &quot;Ejercicio para probar las funciones de &lt;b&gt;\&quot;strtoupper\&quot;&lt;/b&gt;, &lt;b&gt;\&quot;strtolower\&quot;&lt;/b&gt;, &lt;b&gt;\&quot;ucwords\&quot;&lt;/b&gt;, &lt;b&gt;\&quot;ucfirst\&quot;&lt;/b&gt;&quot;;
echo &quot;&lt;/br&gt;&quot;;
echo &quot;&lt;/br&gt;&quot;;
$nombre=&quot;la niña se llamaba nikita nipongo, qué gracioso&quot;;

echo (&quot;$nombre en mayúsculas es &quot;.fullUpper ($nombre).&quot;&lt;/br&gt;&quot;);
echo (&quot;$nombre en minúsculas es &quot;.strtolower ($nombre).&quot;&lt;/br&gt;&quot;);
echo (&quot;$nombre con la primera letra en mayúsculas es &quot;.ucwords ($nombre).&quot;&lt;/br&gt;&quot;);
echo (&quot;$nombre con la primera letra de una cadena mayúscula en este caso es &quot;.ucfirst ($nombre).&quot;&lt;/br&gt;&quot;);
echo &quot;&lt;/br&gt;&quot;;

?&gt;
</pre>
<p>Lo que en pantalla mostraría:</p>
<p><center></p>
<table border="0">
<tbody>
<tr>
<td>Ejercicio para probar las funciones de &#8220;strtoupper&#8221;, &#8220;strtolower&#8221;, &#8220;ucwords&#8221;, &#8220;ucfirst&#8221;.<br />
la niña se llamaba nikita nipongo, qué gracioso en mayúsculas es LA NIÑA SE LLAMABA NIKITA NIPONGO, QUÉ GRACIOSO<br />
la niña se llamaba nikita nipongo, qué gracioso en minúsculas es la niña se llamaba nikita nipongo, qué gracioso<br />
la niña se llamaba nikita nipongo, qué gracioso con la primera letra en mayúsculas es La Niña Se Llamaba Nikita Nipongo, Qué Gracioso<br />
la niña se llamaba nikita nipongo, qué gracioso con la primera letra de una cadena mayúscula en este caso es La niña se llamaba nikita nipongo, qué gracioso</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p></center><br />
Fuente: <a title="Funciones Php - php.net" href="http://es.php.net/manual/es/index.php" target="_blank">php.net</a>,<em> &#8220;Php y MySQL, Creación de sitios Web dinámicos y con bases de datos&#8221;</em> (Anaya &#8211; O&#8217;reilly &#8211; Michele E. Davis y Jon A. Phillips)</p>
]]></content:encoded>
			<wfw:commentRss>http://togirl.net/funciones-mayusculas-y-minusculas-en-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

