Efecto de transición de USATODAY con el cambio de URL

Disculpa mi título, no sé cómo preguntar esto ... Si vas a www.usatoday.com y haces clic en cualquier enlace, hay una transición (los más interesantes)) Quiero preguntar si alguien sabe cómo cambiar el ejemplo de la url:Efecto de transición de USATODAY con el cambio de URL

Haces clic/news/y estás en/sports/hace una transición ya que es un control deslizante pero la URL cambia, ya que es otra página ...

Si alguien entiende lo que quiere preguntar, será de gran ayuda.

PD Lo siento por mi mala Inglés

Fuente

2012-10-05 Jepser Bernardino

Publiqué [esta respuesta] (http://stackoverflow.com/questions/12338302/how-to-make-browser-back-and-forward-work-on-a-single-page-layout/12338334# 12338334) hace unas semanas, con algunos recursos sobre cómo cambiar la URL a pesar de que tiene una estructura de una sola página. Al menos puede ayudarte en partes de tu pregunta. –

HTML 5 en el trabajo allí ... –

Creo que el sitio web usatoday es una aplicación completa de Javascript o una aplicación de una página. Entonces no hay recargas reales.

URl Changing es una nueva característica ofrecida en HTML5 para cambiar la URL que se muestra en el navegador * a través de javascript sin tener que volver a cargar la página. También creará un evento de botón de retroceso e incluso tendrá un objeto de estado con el que puede interactuar.

Esto significa que ya no tendrá que usar el hash-hack si desea agregar estado a su aplicación AJAX, y los motores de búsqueda también podrán indexar sus páginas.

window.history.pushState("object or string", "Title", "/new-url");

Puede utilizar History.js de compatibilizar esta característica navegadores HTML4.

Fuente

2012-12-19 14:05:59

Gracias por la respuesta que ya descubrí, pero me olvidé de escribirla aquí. ¡Gracias! –

No son en realidad enlaces en el sentido de que señalan el navegador a una nueva URL. Básicamente, tienen el área del encabezado (que es algo estática) y el área de contenido, que está animada y cargada dinámicamente a través de llamadas Ajax.

Básicamente, todo se hace usando Javascript en el lado del navegador/cliente, y utilizando servicios web en el lado del servidor que devuelven el contenido real que se mostrará.

Fuente

2012-10-05 07:46:20

El sitio se ve muy bonito y moderno. Me gustaría saber si usaron un framework o si escribieron html5 desde cero. – Cris

Por lo que puedo decir si lo miro por un minuto, usa jQuery, Underscore.js, modernizr y require.js. No parecen estar utilizando ningún marco, por lo que probablemente lanzaron su propia biblioteca para la página. –

Encontré la solución, hace un mes. Puede ser completado con History API.

Una explicación bien se puede encontrar aquí: http://diveintohtml5.info/history.html

Saludos.

Fuente

2012-12-19 16:17:23

Efecto de transición de USATODAY con el cambio de URL

Respuesta

Cuestiones relacionadas