NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Notas sobre la actualización de la web

07 de Septiembre del 2015 por Josep Antoni Bover, 842 visitas, 2 comentarios, 3 votos con una media de 5 sobre 5.
Categorías : HTML, CSS, JavaScript, PHP, SQL, Programación.
La web está en segundo plano, animación en pausa.
Cargando animación...
Notas sobre la actualización de la web

Buenas! hacía ya algún tiempo que no he dado señales de vida por aquí. Hoy me complace enseñaros el nuevo look para mi web, pero no es solo un nuevo look si no que prácticamente el 100% de la web ha sido re-hecho desde cero.

Una de las razones por la que no he estado al pie del cañón, es porque me había aburrido del aspecto de la web, y solo en pensar en hacerle algún parche ya me desanimaba un poco. Mantener una web con las ultimas tecnologías, que lleva mas de 5 años resulta un poco complicado hoy en día, por lo que a principios del 2015 me decidí a empezar de nuevo toda la web.

Esta vez he puesto mucho interés en que la web se vea perfectamente en dispositivos móviles, eso si para verla hay que usar un navegador decente actualizado.

La web solo funciona en navegadores de última generación, en IE 11 debería funcionar bien, pero ya os digo que no me he molestado mucho en comprobarlo, en versiones anteriores ni lo se, ni me importa.

Que puedo destacar del trabajo? :

Por la parte interna, incluso me he creado un pequeño cms para controlar todos los aspectos de la web, la web anterior funcionaba toda a base de archivos de configuración XML.

También he mejorado bastante el sistema de mensajería con texto enriquecido, en especial el editor y sus funciones. Por otra parte aún no he implementado ningún sistema de captcha, veremos cuánto dura sin que alguien me llene de spam el foro..., de todas formas dispongo de métodos para monitorizar el flujo de mensajes, y de ser necesario no permitir mas mensajes.

Sobre el índice debo destacar que ahora acepta entradas del laboratorio, esto quiere decir que si un día estoy inspirado y no tengo ganas de hacer un artículo/tutorial, siempre puedo currarme un ejemplo en el laboratorio y dejarlo en portada.

En definitiva, visualmente considero que ha quedado muy bien, y en cuanto al código interno os aseguro que me he quedado muy satisfecho.

Y con esto me despido por hoy, Saludos!


[#6] devildrey33 07 Noviembre del 2015 a las 13:13, votos 0 de 0.
5 Buenos días Jorge Mg, gracias por tu mensaje. Respecto al tema de modificar la URL se hace con window.history.pushState
El Objeto history te permite controlar el historial de la pestaña actual del navegador, y es la mejor forma (por no decir la única) de insertar URLs en el historial.

Otra cosa que debes tener en cuenta es que una web dinámica se supone que debe cargar solo lo que necesita, es decir que tienes que dividir tu web de forma que cuando el usuario entre por primera vez reciba todo el código básico/estático de la web (para mi web serian los menús laterales de la izquierda y la derecha), y que luego hay que cargar una parte dinámica (que vendría a ser el articulo).

Para hacer partes estáticas y dinámicas dentro de la web vas a tener que jugar un poco con PHP, por ejemplo con una variable $_POST que nos indique si necesitamos la plantilla o no.

El último paso es redireccionar todos los enlaces a href que no tengan el atributo target='_blank', y cargarlos dinámicamente mediante javascript/jquery en la parte que le corresponda a tu web.

La verdad es que no es un tema fácil, a mi me acabas de hacer mirar bastante código para acordarme bien de como me lo monte. De todas formas me gusta la idea de hacer un tutorial sobre el tema.

En fin, por el momento esto es todo, gracias de nuevo por comentar, un saludo!
[#5] Jorge Mg 06 Noviembre del 2015 a las 22:52, votos 1 de 1.
Me gusta mucho el nuevo diseño, no solo por la parte estética, sino también por el dinamismo de la página.
Estoy interesado en saber cómo se hace para que una página del sitio sea accesible cargándose dinámicamente (sobretodo que se cambie la URL del sitio), pero que a la vez sea accesible al acceder directamente con la URL.
¿Podrías hacer un artículo que lo explicara?