<?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>Ciudad Esmeralda &#187; Web</title>
	<atom:link href="http://www.ciudadesmeralda.com/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ciudadesmeralda.com</link>
	<description>Diseño, herramientas web, ilustraciones, fotografías, tips, tutoriales, wordpress y mucho más!</description>
	<lastBuildDate>Tue, 15 Jun 2010 02:22:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Fant&#225;stica infograf&#237;a del crecimiento y uso de internet</title>
		<link>http://www.ciudadesmeralda.com/infografia-del-crecimiento-y-uso-de-internet/</link>
		<comments>http://www.ciudadesmeralda.com/infografia-del-crecimiento-y-uso-de-internet/#comments</comments>
		<pubDate>Tue, 15 Jun 2010 02:16:32 +0000</pubDate>
		<dc:creator>Elias Genaro</dc:creator>
				<category><![CDATA[Recomendados]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[Vídeo]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[infografia]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[redes sociales]]></category>
		<category><![CDATA[usuarios]]></category>

		<guid isPermaLink="false">http://www.ciudadesmeralda.com/infografia-del-crecimiento-y-uso-de-internet/</guid>
		<description><![CDATA[&#160; En esta fantástica infografía realizada son simpáticas animaciones, nos muestra toda la información de como va creciendo a diario el uso de internet, al menos con datos hasta diciembre del 2009, datos muy a tener en cuenta, que quizás de otro tipo de fuente nos sería un poquitín más aburrido informarnos. A prestar atención!]]></description>
			<content:encoded><![CDATA[<p align="center"><object width="480" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=10884772&amp;server=vimeo.com&amp;show_title=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=10884772&amp;server=vimeo.com&amp;show_title=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="480" height="360"></embed></object></p>
<p align="center">&#160;</p>
<p align="justify">En esta fantástica infografía realizada son simpáticas animaciones, nos muestra toda la información de como va creciendo a diario el uso de internet, al menos con datos hasta diciembre del 2009, datos muy a tener en cuenta, que quizás de otro tipo de fuente nos sería un poquitín más aburrido informarnos. A prestar atención!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciudadesmeralda.com/infografia-del-crecimiento-y-uso-de-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yo quiero ser un Blog Star</title>
		<link>http://www.ciudadesmeralda.com/yo-quiero-ser-un-blog-star/</link>
		<comments>http://www.ciudadesmeralda.com/yo-quiero-ser-un-blog-star/#comments</comments>
		<pubDate>Sun, 13 Sep 2009 01:55:14 +0000</pubDate>
		<dc:creator>Elias Genaro</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Vídeo]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[blog peruano]]></category>
		<category><![CDATA[blogday]]></category>
		<category><![CDATA[bloggers]]></category>

		<guid isPermaLink="false">http://www.ciudadesmeralda.com/yo-quiero-ser-un-blog-star/</guid>
		<description><![CDATA[Divertido, buenísimo, ocurrente y muy basado en nuestra realidad, es que yo también quiero ser un Blog Star! &#160; Este vídeo fue realizado por bloggers peruanos, conmemorando un aniversario mas del Blogday!]]></description>
			<content:encoded><![CDATA[<p>Divertido, buenísimo, ocurrente y muy basado en nuestra realidad, es que yo también quiero ser un <strong>Blog Star!</strong></p>
<p><strong></strong></p>
<div style="padding-bottom: 0px; padding-left: 0px; width: 425px; padding-right: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:5f9ce2be-ea56-4337-b074-88678c2b27fd" class="wlWriterEditableSmartContent">
<div><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/UksvmwV9EpE&amp;hl=en"></param><embed src="http://www.youtube.com/v/UksvmwV9EpE&amp;hl=en" type="application/x-shockwave-flash" width="425" height="355"></embed></object></div>
</div>
<p>&#160;</p>
<p>Este vídeo fue realizado por <strong>bloggers peruanos</strong>, conmemorando un aniversario mas del <strong>Blogday</strong>!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciudadesmeralda.com/yo-quiero-ser-un-blog-star/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Qu&#233; hay D-news</title>
		<link>http://www.ciudadesmeralda.com/que-hay-d-news/</link>
		<comments>http://www.ciudadesmeralda.com/que-hay-d-news/#comments</comments>
		<pubDate>Fri, 11 Sep 2009 03:58:55 +0000</pubDate>
		<dc:creator>Elias Genaro</dc:creator>
				<category><![CDATA[Artículos]]></category>
		<category><![CDATA[Recomendados]]></category>
		<category><![CDATA[Tecnología]]></category>
		<category><![CDATA[Vídeo]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[magazine]]></category>

		<guid isPermaLink="false">http://www.ciudadesmeralda.com/que-hay-d-news/</guid>
		<description><![CDATA[Un fantástico microprograma a través de internet sobre diseño y tecnología, un magazine hecho para los que amamos el diseño. Pero también conoceremos más a nuestras herramientas de uso diario y también encontraremos tips con nuevas alternativas para el desarrollo de alguna tarea. Muy recomendado seguirlo. &#160; &#160; Enlace: Qué hay D-news]]></description>
			<content:encoded><![CDATA[<p>Un fantástico microprograma a través de internet sobre <strong>diseño y tecnología</strong>, un magazine hecho para los que amamos el <strong>diseño</strong>. Pero también conoceremos más a nuestras herramientas de uso diario y también encontraremos tips con nuevas alternativas para el desarrollo de alguna tarea. Muy recomendado seguirlo.</p>
<p>&#160;</p>
<p><a title="Qué hay D-news" href="http://www.pixeltelevision.com/design/qhdn/index.php" target="_blank"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="Qué hay de D-news" border="0" alt="Qué hay de D-news" src="http://www.ciudadesmeralda.com/wp-content/uploads/2009/09/image.png" width="520" height="319" /></a> </p>
<p>&#160;</p>
<p>Enlace: <a title="Qué hay D-news: el programa de noticias para diseñadores" href="http://www.pixeltelevision.com/design/qhdn/index.php" target="_blank"><strong>Qué hay D-news</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ciudadesmeralda.com/que-hay-d-news/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Efecto loading de im&#225;genes con CSS</title>
		<link>http://www.ciudadesmeralda.com/efecto-loading-de-imagenes-con-css/</link>
		<comments>http://www.ciudadesmeralda.com/efecto-loading-de-imagenes-con-css/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 16:53:15 +0000</pubDate>
		<dc:creator>Elias Genaro</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.ciudadesmeralda.com/efecto-loading-de-imgenes-con-css/</guid>
		<description><![CDATA[En esta ocasión paso a mostrarles una manera muy sencilla de crear un efecto loading o carga de imágenes mediante CSS, el cual nos puede ser muy útil para la presentación de ciertas imágenes dentro de nuestra web. Debemos conseguir una imagen en formato GIF para usarla como animación para la carga. Recomiendo generar una [...]]]></description>
			<content:encoded><![CDATA[<p>En esta ocasión paso a mostrarles una manera muy sencilla de crear un efecto loading o carga de imágenes mediante CSS, el cual nos puede ser muy útil para la presentación de ciertas imágenes dentro de nuestra web.</p>
<ol>
<li>Debemos conseguir una imagen en formato GIF para usarla como animación para la carga. Recomiendo generar una que se ajuste a nuestro estilo mediante: <strong><a title="Ajaxload: genera gif de carga de manera rápida!" href="http://www.ajaxload.info/" target="_blank">Ajaxload</a></strong></li>
<li>Crearemos una nueva clase de estilo en nuestra <strong>hoja de estilos</strong>, en mi caso la llamare loadimg, y agregamos un código similar a este:
<div class="csharpcode">
<pre class="alt"><span class="lnum">   1:  </span>.loadimg {</pre>
<pre><span class="lnum">   2:  </span>    background-image: url(imagenanimadadefondo.gif);</pre>
<pre class="alt"><span class="lnum">   3:  </span>    background-repeat: no-repeat;</pre>
<pre><span class="lnum">   4:  </span>    background-position: center center;</pre>
<pre class="alt"><span class="lnum">   5:  </span>}</pre>
</div>
<p><!--.csharpcode, .csharpcode pre { 	font-size: small; 	color: black; 	font-family: consolas, "Courier New", courier, monospace; 	background-color: #ffffff; 	/*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt  { 	background-color: #f4f4f4; 	width: 100%; 	margin: 0em; } .csharpcode .lnum { color: #606060; } --></li>
<li>Simple, cierto? Ahora para implementar este estilo en nuestras imágenes simplemente hacemos esto dentro de nuestro código html:
<div class="csharpcode">
<pre class="alt"><span class="lnum">   1:  </span><span class="kwrd">&lt;</span><span class="html">img</span> <span class="attr">src</span><span class="kwrd">="tuimagen.jpg"</span> <span class="attr">border</span><span class="kwrd">="0"</span> <span class="attr">class</span><span class="kwrd">="loadimg"</span> <span class="kwrd">/&gt;</span></pre>
</div>
</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.ciudadesmeralda.com/efecto-loading-de-imagenes-con-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dise&#241;ando una web &#191;Qu&#233; navegador, usar?</title>
		<link>http://www.ciudadesmeralda.com/disenando-una-web-que-navegador-usar/</link>
		<comments>http://www.ciudadesmeralda.com/disenando-una-web-que-navegador-usar/#comments</comments>
		<pubDate>Wed, 15 Oct 2008 16:14:52 +0000</pubDate>
		<dc:creator>Elias Genaro</dc:creator>
				<category><![CDATA[Artículos]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[articulos. diseño]]></category>
		<category><![CDATA[internet]]></category>

		<guid isPermaLink="false">http://www.ciudadesmeralda.com/diseando-una-web-qu-navegador-usar/</guid>
		<description><![CDATA[Cuando diseñamos nuestro un sitio web, ya sea para nosotros o para algún cliente, nos emocionamos porque “aparentemente” se ve bonito y perfecto en Internet Explorer (el menos confiable de los navegadores) y nos vamos a tomar un merecido descanso porque “todo está bien”… &#160;Un navegador Web o explorador Web (del inglés, navigator o browser) [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/navegador2.jpg"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="navegador" border="0" alt="navegador" src="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/navegador-thumb2.jpg" width="460" height="185" /></a> </p>
<p>Cuando diseñamos nuestro un sitio web, ya sea para nosotros o para algún cliente, nos emocionamos porque “aparentemente” se ve bonito y perfecto en Internet Explorer (el menos confiable de los navegadores) y nos vamos a tomar un merecido descanso porque “todo está bien”… </p>
<p> <span id="more-41"></span><br />
<blockquote>
<p align="center">&#160;<strong>Un navegador Web o explorador Web (del inglés, navigator o browser) es un programa que permite al usuario visualizar documentos descritos en HTML, desde servidores Web de todo el mundo a través de Internet.</strong></p>
</blockquote>
<p>&#160;</p>
<p>Debemos de tener siempre en cuenta que no todos los usuarios del mundo utilizan un solo navegador y nuestro error, muchas veces, es pensar que IE es 100% confiable, pues no, así que para pre visualizar nuestro sitio web como realmente es y mostrarnos realmente los errores, que muchas veces cometemos, es necesario hacer uso de otros navegadores como son:</p>
<p>&#160;</p>
<h3><a href="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/internet-explorer-71.jpg"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 5px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="internet_explorer_7" border="0" alt="internet_explorer_7" align="left" src="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/internet-explorer-7-thumb1.jpg" width="80" height="80" /></a> IE (Internet Explorer)</h3>
<p><strong></strong> Navegador por defecto de Windows en todas sus versiones, el cuál hasta la versión 7 seguía sin cumplir estándares de diseño, pero ya salió la versión 8 (en fase Beta 2), y dicen que es mucho mejor y pasa todas las pruebas… ¿será cierto?</p>
<h1>Sitio Oficial: <a title="http://www.microsoft.com/downloads/Search.aspx?displaylang=en#" href="http://www.microsoft.com/downloads/Search.aspx?displaylang=en#">http://www.microsoft.com/downloads/Search.aspx?displaylang=en#</a></h1>
<p>&#160;</p>
<p>&#160;</p>
<h3><a href="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/images1.jpg"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 5px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="images" border="0" alt="images" align="left" src="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/images-thumb1.jpg" width="80" height="79" /></a> Mozilla Firefox</h3>
<p>Considerado el mejor de los navegadores hasta la fecha por su versatilidad y las opciones de instalarle complementos o plugins con grandes funcionalidades. Incluye en su nueva versión 3.0 la barra de direcciones inteligente y como siempre más rápido.</p>
<h1>Sitio Oficial: <a title="http://www.mozilla-europe.org/es/firefox/" href="http://www.mozilla-europe.org/es/firefox/">http://www.mozilla-europe.org/es/firefox/</a></h1>
<p>&#160;</p>
<p>&#160;</p>
<h3><a href="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/opera1.jpg"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 5px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="opera" border="0" alt="opera" align="left" src="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/opera-thumb1.jpg" width="80" height="63" /></a> Opera:</h3>
<p>Se dice que es el navegador más estricto en cuando a navegación y estándares web, si cometemos algún error en nuestra programación o diseño. No en vano pasa el <a target="_blank" href="http://www.webstandards.org/action/acid3">Test Acid3</a> con 84/100.</p>
<p> <a title="http://www.opera.com/" href="http://www.opera.com/"></a><br />
<h1>Sitio Oficial: <a title="http://www.opera.com/" href="http://www.opera.com/">http://www.opera.com/</a></h1>
<p>&#160;</p>
<p>&#160;</p>
<p><a href="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/flock1.jpg"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 5px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="flock" border="0" alt="flock" align="left" src="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/flock-thumb1.jpg" width="80" height="80" /></a> </p>
<h3>Flock</h3>
<p>Es un navegador web que se especializa en el suministro de redes sociales y otros como el Web 2.0 que trabaja con características incluidas en su interfaz de usuario (mi navegador preferido). El navegador se basa en código Firefox de Mozilla. </p>
<h1>Sitio Oficial: <a title="http://www.flock.com/versions" href="http://www.flock.com/versions">http://www.flock.com/versions</a></h1>
<p>&#160;</p>
<p>&#160;</p>
<p><a href="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/safari1.jpg"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 5px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="safari" border="0" alt="safari" align="left" src="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/safari-thumb1.jpg" width="80" height="86" /></a> </p>
<h3>Safari</h3>
<p>Basado para plataformas Apple, es el navegador incluido en Mac OS X y recientemente se han desarrollado versiones ejecutables para Microsoft Windows. El código utilizado para renderizar páginas web está basado en el motor KHTML, creado para el proyecto KDE para su navegador Konqueror.</p>
<h1>Sitio Oficial: <a title="http://www.apple.com/es/safari/" href="http://www.apple.com/es/safari/">http://www.apple.com/es/safari/</a></h1>
<p>&#160;</p>
<p>&#160;</p>
<p><a href="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/koqueror1.jpg"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 5px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="koqueror" border="0" alt="koqueror" align="left" src="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/koqueror-thumb1.jpg" width="80" height="80" /></a> </p>
<h3>Konqueror</h3>
<p>El nombre <i>Konqueror</i> es un juego de palabras con el nombre de otros navegadores: primero vino el <a href="http://es.wikipedia.org/wiki/Netscape_Navigator">Navigator</a> (navegador), después el <a href="http://es.wikipedia.org/wiki/Internet_Explorer">Explorer</a> (explorador), y finalmente el Konqueror (conquistador). </p>
<p>&#160;</p>
<h1>Sitio Oficial: <a title="http://www.konqueror.org/" href="http://www.konqueror.org/">http://www.konqueror.org/</a></h1>
<p>&#160;</p>
<p>&#160;</p>
<p><a href="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/chrome1.jpg"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 5px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="chrome" border="0" alt="chrome" align="left" src="http://www.ciudadesmeralda.com/wp-content/uploads/2008/10/chrome-thumb1.jpg" width="80" height="75" /></a> </p>
<h3>Google Chrome</h3>
<p>El nombre deriva del marco de la <a href="http://es.wikipedia.org/wiki/Interfaz_gr%C3%A1fica_de_usuario">interfaz gráfica de usuario</a>, o &quot;Chrome&quot;, de los navegadores web. Se fundamenta en componentes de otros programas de código abierto, incluyendo <a href="http://es.wikipedia.org/wiki/WebKit">WebKit</a> y <a href="http://es.wikipedia.org/wiki/Mozilla">Mozilla</a>, y su objetivo principal es proporcionar mayor estabilidad, velocidad y seguridad con el uso de una <a href="http://es.wikipedia.org/wiki/Interfaz_de_usuario">interfaz de usuario</a> sencilla y eficiente.</p>
<h1>Sitio Oficial: <a title="http://www.google.com/chrome" href="http://www.google.com/chrome">http://www.google.com/chrome</a></h1>
<p>&#160;</p>
<p>&#160;</p>
<p>Existen otros navegadores muy bueno como <a target="_blank" href="http://live.gnome.org/Epiphany/Downloads">Epiphany</a>, <a target="_blank" href="http://www.maxthon.com/">Maxthon</a>, <a target="_blank" href="http://www.w3.org/Amaya/">Amaya</a> entre <a target="_blank" href="http://es.wikipedia.org/wiki/Browser">otros</a>.</p>
<p>Si conocen algún navegador más destacable por favor háganlo saber desde sus comentario. </p>
<p>&#160;</p>
<p>See u!!</p>
<p>&#160;</p>
<h1>*El Acid3 es un test del Web Standards Project que trata de medir en qué grado se ajustan los navegadores a los estándares del W3C.</h1>
]]></content:encoded>
			<wfw:commentRss>http://www.ciudadesmeralda.com/disenando-una-web-que-navegador-usar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
