JavaScript

Al no tener una formación de programador/informático hay temas que con el paso del tiempo se convierten en asignaturas pendientes. Éste es el caso de las expresiones regulares, qué al verlas me suenan la mayoría a chino. En este post intentaré explicar cómo entenderlas. Este ...

Normalmente cuando tenía que alinear dos cajas horizontalmente hacía lo que todos: display inline-bock y con widths de un 47%… Pero existe una manera mejor para tener resultados mucho mejores.

Está muy de moda poner videos de fondo en las webs pero a menudo se hace un poco duro que se adapte a la pantalla ya que el tag de video mantienen proporciones, no es cómo poner una imagen de fondo y poner un background-size: ...

Cuando hacemos una web para una empresa (o similar) no suelen pedir un apartado de contacto y lo que no puede faltar en esta página es un mapa de situación. Google Maps siempre es la mejor opción pero ¿cuál es la mejor manera de ponerlo? ...

Hubo un tiempo en que estaba muy de moda el parallax. Pues aún está de moda pero algo más importante que estos efectos puede ser la transformación de los elementos en base al scroll, cómo podría ser un menu que se vuelve fixed. Para ello ...

A veces simplemente insertamos un video en nuestro blog sólo copiando y pegando el código embed de youtube. Pero ese código no nos deja manejar mucho el propio vídeo una vez insertado A continuación os dejo una muestra de cómo se cargaría un video mediante javascript ...

Flash siempre ha sido la herramienta por excelencia para desarrollar un botón de clipboard, es que hacemos cada día de copiar/pegar. Hasta hoy que un desarrollador llamado Zeno Rocha ha creado un javascript que lo soluciona con mucha elegancia y versatilidad así como con una ...

Cuando realizamos proyectos creativos de animaciones, parallax, infografías… los elementos se superponen y a veces no nos interesa que los elemntos decorativos que quedan por encima tengan ciertos privilegios de comportamiento que los de debajo. Aunque un div que tiene árbol esté en primer plano ...

Para hacer este blog entro otro a menudo necesito investigar y encontrar plugins escondidos por la web. Me molestaba mucho no poder tener unos título bonitos con dos líneas de texto si hacía falta pero no de cualquier manera sino compensados de peso. Pero gracias ...

Cuando navegamos, hay ciertos comportamientos de los elementos de una web que nos ayudan a poder acceder rápidamente a otro contenido. Este es el caso del menu fijo. En este post enseñaremos cómo hacer que un menu que se mueve con el scroll quede fijo ...

Com esto de las webs en parallax estoy utilizando un montón el método window.onscroll = scroll;. Para coger el valor del scroll normalmente uso .pageYOffset, pero me he dado cuenta que en IE8 e inferiores no funciona.

Hoy, navegando un poco por webs premiadas por awwwards, he encontrado esta web. Me ha gustado mucho el hecho de que una vez llega al final empalma otra vez con el principio lo que hace que la web no tenga nunca fin.

Últimamente se ha puesto muy de moda las webs de una sólo página, sobretodo para páginas de portfolio, de empresas o microsites. Hay numerosos plugins para hacer efectos espectaculares pero a menudo son muy complicados de modificar. Personalmente me gusta mucho más trabajar con transiciones ...

Se ha puesto muy de moda las páginas que scrollean a lo largo de una gran y única página principal, pero a menudo nos encontramos con que el scroll no lo hace moviendo sino saltando. Pues bien os presento el plugin para hacer smooth. Lo ...

Recientemente se ha puesto de moda los elementos de una web que se transforman a través del scroll. Eso quiere decir que cuando haces scroll hay ciertos elementos, como el menú o el logo que se vuelven pequeños se recolocan para ofrecer una experiencia web ...

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í ...

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: