<?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>Frogx.Three &#187; navegacion javascript...</title>
	<atom:link href="http://www.frogx3.com/tag/navegacion-javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.frogx3.com</link>
	<description>Blog de diseño con recursos para diseño y desarrollo web - Tutoriales, tips, snippets, iconos, recursos, plantillas</description>
	<lastBuildDate>Thu, 09 Feb 2012 20:00:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Diseños de interfaces web increíbles</title>
		<link>http://www.frogx3.com/2010/01/21/disenos-de-interfaces-web-increibles/</link>
		<comments>http://www.frogx3.com/2010/01/21/disenos-de-interfaces-web-increibles/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 10:42:33 +0000</pubDate>
		<dc:creator>Jorge</dc:creator>
				<enclosure url="http://media.frogx3.com/2010/01/metalab.jpg" length="32000" type="image/jpg" />
				<category><![CDATA[Creatividad]]></category>
		<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[diseño de interface]]></category>
		<category><![CDATA[diseño web UI]]></category>
		<category><![CDATA[diseños de interfaces]]></category>
		<category><![CDATA[diseños flash]]></category>
		<category><![CDATA[diseños web con efectos]]></category>
		<category><![CDATA[efectos flash]]></category>
		<category><![CDATA[efectos javascript]]></category>
		<category><![CDATA[interaccion web]]></category>
		<category><![CDATA[interfaces web]]></category>
		<category><![CDATA[navegacion flash]]></category>
		<category><![CDATA[navegacion javascript]]></category>
		<category><![CDATA[paginas flash]]></category>

		<guid isPermaLink="false">http://www.frogx3.com/?p=6205</guid>
		<description><![CDATA[Anteriormente el diseño de interfaces realmente creativo unicamente se lograba utilizando flash para crear animaciones y otras interacciones bastante atractivas, ahora con el gran incremente de frameworks de animacion con...]]></description> 
			<content:encoded><![CDATA[<p>Anteriormente el <strong>diseño de interfaces</strong> realmente creativo unicamente se lograba utilizando flash para crear animaciones y otras interacciones bastante atractivas, ahora con el gran incremente de <strong>frameworks de animacion con javascript</strong> esto se ha hecho aun mas facil, ofreciendonos la posibilidad de crear impresionantes diseños de interfaces web utilizando Javascript y CSS.</p>
<p>Los sitios que les muestro en esta recopilación hacen uso de diferentes frameworks como jQuery, MooTools y otros para lograr <strong>diseños de interfaces creativas</strong> que usualmente podriamos ver en aplicaciones de escritorio, todo esto nos muestra que <em>en diseño web todo es posible</em>.</p>
<h2>MetaLab Design</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.metalabdesign.com/" ><img class="alignnone size-full wp-image-6206" title="metalab" src="http://www.frogx3.com/wp-content/uploads/2010/01/metalab.jpg" alt="metalab Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Utilizando jQuery para crear una interesante interface de navegación por todo su portafolio haciendo uso de slideshows y ajax para cargar el contenido de una forma muy atractiva, logrando una navegación multi-nivel en una sola pantalla con toque agradable de interacción y animación web.</p>
<h2><span id="more-6205"></span>8Interactive</h2>
<p style="text-align: center;"><a target="_blank" href="http://8interactive.com/" ><img class="alignnone size-full wp-image-6207" title="eight" src="http://www.frogx3.com/wp-content/uploads/2010/01/eight.jpg" alt="eight Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Otro sitio utilizando jQuery y un simple slideshow con el cual nos muestra las características de la aplicación para iphone que promueven, esto a pesar de ser algo muy simple el diseño y la manera de aplicar el efecto lo hace atractivo a la vista, y al menos personalmente me brinda algunas ideas para dejar de utilizar de una manera tan rustica el tan simple pero tan efectivo efecto de los slideshows.</p>
<h2>Authentic Jobs</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.authenticjobs.com/" ><img class="alignnone size-full wp-image-6208" title="authentic jobs" src="http://www.frogx3.com/wp-content/uploads/2010/01/authentic-jobs.jpg" alt="authentic jobs Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Bolsa de empleo muy completa que utiliza jQuery para mejorar la navegación entre las categorias y ofertas de empleo que ahi ofrecen, utilizando efectos fade in/ fade out y cargando el contenido mediante Ajax logran una interface sencilla pero efectiva.</p>
<h2>Morphix</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.morphix.si/" ><img class="alignnone size-full wp-image-6211" title="morphix" src="http://www.frogx3.com/wp-content/uploads/2010/01/morphix.jpg" alt="morphix Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Es un <strong>estudio de diseñ</strong>o establecido en Slovenia que muestra un diseño web muy atractivo en una sola pagina muestra los tres niveles de navegación utilizando ilustraciones y un autoscroll vertical basado en 3 botones, las acciones de cada boton activan el scroll y pareciera nos envian a una pagina totalmente diferente, de nuevo la misma idea sencillo pero atractivo.</p>
<h2><em>Paginas con Scrolling Horizontal</em></h2>
<h2>Vanity Claire</h2>
<p style="text-align: center;"><a target="_blank" href="http://vanityclaire.com/" ><img class="alignnone size-full wp-image-6215" title="vanityclaire" src="http://www.frogx3.com/wp-content/uploads/2010/01/vanityclaire.jpg" alt="vanityclaire Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Portafolio de la diseñadora claire con diseño bastante bonito que hace uso de <a target="_blank" href="http://www.highslide.com" >Highslide</a> para conseguir una navegación horizontal de todo el sitio sin estar cargando pagina a pagina, dejando de un lado el concepto de diseño de sitios web en formato vertical, muy atractivo.</p>
<h2>Suie Paparude</h2>
<p style="text-align: center;"><a target="_blank" href="http://suiepaparude.ro/" ><img class="alignnone size-full wp-image-6213" title="suie" src="http://www.frogx3.com/wp-content/uploads/2010/01/suie.jpg" alt="suie Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>El sitio web de un grupo musical que sinceramente desconozco de donde sea tiene un concepto de navegación horizontal sin embargo el sitio utiliza tambien el scroll vertical para expandir el sitio de una manera atractiva, aunque por momento se siente cierta saturación de contenidos, tambien utilizan jQuery y una pequeña pero intuitiva interface para ver los videos del grupo.</p>
<h2>The Horizontal Way</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.thehorizontalway.com/" ><img class="alignnone size-full wp-image-6210" title="horizontalway" src="http://www.frogx3.com/wp-content/uploads/2010/01/horizontalway.jpg" alt="horizontalway Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Es otro sitio con el concepto de navegación horizontal, este sitio se dedica a recopilar paginas web que manejan el mismo concepto.</p>
<h2>Dean Oakley</h2>
<p style="text-align: center;"><a target="_blank" href="http://deanoakley.com/" ><img class="alignnone size-full wp-image-6209" title="deanoakley" src="http://www.frogx3.com/wp-content/uploads/2010/01/deanoakley.jpg" alt="deanoakley Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p style="text-align: left;">Dean Oakley es un diseñador web australiano en su sitio podemos ver su portafolio completo.</p>
<h2>Peter Pearson</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.peter-pearson.com/" ><img class="alignnone size-full wp-image-6212" title="peterpearson" src="http://www.frogx3.com/wp-content/uploads/2010/01/peterpearson.jpg" alt="peterpearson Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p style="text-align: left;">Otro diseñador web este en Inglaterra que presenta un gran <strong>portafolio de diseños web</strong> en un formato horizontal y un diseño sencillo y atractivo.</p>
<h2>Sursly</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.sursly.com/" ><img class="alignnone size-full wp-image-6214" title="sursly" src="http://www.frogx3.com/wp-content/uploads/2010/01/sursly.jpg" alt="sursly Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Portafolio de Tyler Finck en Nueva York.</p>
<h2>AlexArts</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.alexarts.ru/en/index.html" ><img class="alignnone size-full wp-image-6428" title="alexarts" src="http://www.frogx3.com/wp-content/uploads/2010/01/alexarts.jpg" alt="alexarts Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Es el portafolio del diseñador gráfico Alexey Abramov, que muestra una serie de globos aerostáticos como menú de navegación bastante atractivo utilizando JaveScript y CSS.</p>
<h2>Creative People</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.cpeople.ru/#studio" ><img class="alignnone size-full wp-image-6429" title="cpeople" src="http://www.frogx3.com/wp-content/uploads/2010/01/cpeople.jpg" alt="cpeople Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Estudio de diseño ruso que aplica Javascript y CSS para mejorar la navegación por su galería de proyectos.</p>
<h2>INDG</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.indg.nl/" ><img class="alignnone size-full wp-image-6430" title="indg" src="http://www.frogx3.com/wp-content/uploads/2010/01/indg.jpg" alt="indg Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Pagina de un estudio de diseño holandes creada en Flash con impresionantes efectos en 3D para su navegación en portafolio y efectos Fade entre secciones, resultado un diseño muy atractivo y sencillo.</p>
<h2>Utah Travel</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.utah.travel/" ><img class="alignnone size-full wp-image-6432" title="utahtravel" src="http://www.frogx3.com/wp-content/uploads/2010/01/utahtravel.jpg" alt="utahtravel Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Pagina de una agencia de viajes en Utah, EU que explota el Javascript sin muchos efectos para conseguir una navegación atractiva y funcional utilizando Slides y Show/Hide Menus, sin duda una excelente muestra de como manejar mucho contenido y hacer la navegación amigable y sencilla.</p>
<h2>Momkai</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.momkai.com/" ><img class="alignnone size-full wp-image-6431" title="momkai" src="http://www.frogx3.com/wp-content/uploads/2010/01/momkai.jpg" alt="momkai Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Agencia de diseño digital que utilizo Flash para mejorar la navegación en su portafolio con dos niveles de navegación y prácticamente presentando todo desde la pantalla de inicio con un diseño minimalista.</p>
<h2>Jarnheimer</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.jarnheimer.com" ><img class="alignnone size-full wp-image-6433" title="jarnheimen" src="http://www.frogx3.com/wp-content/uploads/2010/01/jarnheimen.jpg" alt="jarnheimen Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p>Diseñador gráfico que exploto Javascript para tener un menú de navegación tan simple como atractivo con efecto de rellenado de color en las letras que me pareció increíble.</p>
<h2>Dawn</h2>
<p style="text-align: center;"><a target="_blank" href="http://www.dawn.nl/" ><img class="alignnone size-full wp-image-6434" title="dawn" src="http://www.frogx3.com/wp-content/uploads/2010/01/dawn.jpg" alt="dawn Diseños de interfaces web increíbles" width="550" height="200" /></a></p>
<p style="text-align: left;">Simplemente impresionante navegación hecha con flash&#8230;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.frogx3.com/2010/01/21/disenos-de-interfaces-web-increibles/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>15 sitios web con navegación a base de sliders</title>
		<link>http://www.frogx3.com/2008/09/25/15-sitios-web-con-navegacion-a-base-de-sliders/</link>
		<comments>http://www.frogx3.com/2008/09/25/15-sitios-web-con-navegacion-a-base-de-sliders/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 08:19:24 +0000</pubDate>
		<dc:creator>Jorge</dc:creator>
				<enclosure url="http://media.frogx3.com/2008/09/41.jpg" length="32000" type="image/jpg" />
				<category><![CDATA[Diseño Gráfico]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[navegacion javascript]]></category>
		<category><![CDATA[navegacion web]]></category>
		<category><![CDATA[sliders javascript]]></category>

		<guid isPermaLink="false">http://www.frogx3.com/?p=3032</guid>
		<description><![CDATA[Los sliders para los que no sepan son animaciones tipo transiciones comúnmente su movimiento es de izquierda a derecha o de arriba hacia abajo, también se utilizan mucho en transiciones...]]></description> 
			<content:encoded><![CDATA[<p>Los <strong>sliders</strong> para los que no sepan son animaciones tipo transiciones comúnmente su movimiento es de izquierda a derecha o de arriba hacia abajo, también se utilizan mucho en <strong>transiciones de imágenes en las galerías</strong> y otros efectos.</p>
<p>Pero también se pueden utilizar como navegación, actualmente lo utilizo en <strong>mi portafolio</strong> para presentar mis trabajos (mi portafolio: <a target="_blank" href="http://www.jorgealdana.com" title="portafolio" >jorgealdana.com</a>)</p>
<p>En <em>dzineblog</em> han encontrado <strong>15 sitios web que utilizan los sliders como su navegación</strong>, es decir que sus cambios entre pagina o sección, son una animación vertical u horizontal que los hace ver muy atractivos todo esto sin necesidad de flash, únicamente CSS y Javascript.</p>
<p><a target="_blank" href="http://www.sourcebits.com/" title="sourcebits" ><strong>Sourcebits</strong></a></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-3033" title="navegacion javascript" src="http://www.frogx3.com/wp-content/uploads/2008/09/41.jpg" alt="41 15 sitios web con navegación a base de sliders" width="462" height="318" /></p>
<p><a target="_blank" href="http://www.panic.com/coda/" title="coda" ><strong>Coda</strong></a></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-3034" title="sliders javascript" src="http://www.frogx3.com/wp-content/uploads/2008/09/81.jpg" alt="81 15 sitios web con navegación a base de sliders" width="462" height="318" /></p>
<p><strong><a target="_blank" href="http://www.goodworksmedia.com/" title="good works media" >Good Works Media</a></strong></p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-3035" title="alternativas de navegacion" src="http://www.frogx3.com/wp-content/uploads/2008/09/15.jpg" alt="15 15 sitios web con navegación a base de sliders" width="462" height="318" /></p>
<p>Enlace: <a target="_blank" href="http://dzineblog.com/2008/09/getting-creative-with-javascript.html" title="slider" >Getting creative with Javascript (sliders)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.frogx3.com/2008/09/25/15-sitios-web-con-navegacion-a-base-de-sliders/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

