A menudo nos resulta muy complicado explicar y aprender cómo funciona un parallax. Pues bien os voy a presentar una opción más cutre del efecto de parallax. Se trata de mover el fondo de la web en el sentido contrario al de la navegación, ahí va el código:
<script type=”text/javascript”>
window.onscroll = scroll;
function scroll(){
var sc = 5*window.pageYOffset/2-700;
document.getElementById(‘body’).style.backgroundPosition = ‘right ‘+sc+’px’;
}
</script>
Una forma sencilla y efectiva de embellecer tu web. Si queréis ver un ejemplo os dejo mi nuevo blog de vídeos diarios: RABODEMONO
Recientemente he iniciado un proyecto llamado WELIKELINKS. Se trata de una red social para compartir enlaces orientado al arte, diseño y creatividad. Bueno el caso es que se pueden hacer likes internos para los que el proceso es cargar un PHP que les paso por variables de URL los datos necesarios para guardar el ID de del enlace y la IP desde la que se ha hecho el like (para que no voten dos veces o al menos desde el mismo ordenador, algo es algo…). Me atormentaba el tema de andar con redirecciones y recargas de página, ¡así que busqué una solución!
Se me ocurrió ocultar en la parte superior del documento un iframe que cuando se hace el like carga todos los procesos internos para registrar el like. Su estilo tiene este aspecto:
iframe.process{
position: absolute;
top:0;
left:0;
width:10px;
height:10px;
z-index:-100000000;
opacity:0;
}
Luego lo único que tienen que cargar los enlaces de I like tiene que cargar con target del iframe en cuestión.
Se inaugura este blog dedicado al diseño en general. Para mí será un sitio dónde se compartirá información interesante para realizar buenos diseños, así cómo comentar las herramientas que se utilizan para ello.
