Archivado en la categoría 'JavaScript'

Cómo hacer un parallax sencillo

Categoría: CSS,Idea,JavaScript
Etiqueta: ,, , ,
07feb2012

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

Sé el primero en dejar un comentario

Utilizar Open Graph Protocol de Facebook

Cómo ya venía diciendo hace unos días en un post anterior, recientemente me he puesto a investigar MySQL en combinación con PHP y JavaScript. Los resultado son muy interesantes y es que tiene infinidad de aplicaciones, sobre todo cuando usamos las API de Facebook.

Acabo de desarrollar una aplicación llamada FacebookWall que te permite insertar tu nombre de usuario y añadir automáticamente tu miniatura de perfil a una pared.

Continar Leyendo »

Sé el primero en dejar un comentario

Cómo mostrar el último tweet

Categoría: JavaScript,json,Twitter
Etiqueta: ,,
06oct2010

A continuación podéis ver el código de cómo conseguir el último tweet de un usuario concreto:

<p>Last tweet: <ul id=”lasttweet”>
<script type=”text/javascript” src=”http://twitter.com/javascripts/blogger.js”></script>
<script type=”text/javascript” src=”http://twitter.com/statuses/user_timeline/mononelo.json?callback=twitterCallback2&count=1″></script>
</ul>
</p>

Continar Leyendo »

5 comentarios

Desoculta un span con elegancia

Categoría: CSS,JavaScript,jQuery
Etiqueta: ,
13sep2010

Primero nos descargarmos los archivos:
SpoilerRevealer.zip | Ver ejemplo

Continar Leyendo »

1 comentario

Detectar iPhones, iPod touch y Androids para redirigirlos a una versión móvil

Categoría: JavaScript
Etiqueta: ,,
10sep2010

Muchas veces nos encontramos que nuestra web no está preparada para una versión móvil (ya sea porque tiene flash o porque el diseño se ve muy pequeño…). Pues tenemos la solución muy sencilla:

Continar Leyendo »

6 comentarios