Etiqueta: javascript Página 1 de 2

Activa el modo diseño de JavaScript en tu navegador

El modo diseño de JavaScript es muy útil para probar pequeños cambios de diseño sobre cualquier web. Es posible cortar, pegar y editar texto con la misma facilidad que lo haríamos en Word.

Liverpool history

Liverpool history es una galería con 20 imágenes históricas de la ciudad.

Indentar HTML, CSS o JavaScript con Sublime Text

Sublime-HTMLPrettify es un plugin de SublimeText para indentar HTML, CSS o JavaScript con SublimeText.

Spotifynder – App JavaScript usando API de Spotify

Spotifynder fue una aplicación web desarrollada en JavaScript y jQuery, que utilizaba la API de Spotify para hacer búsquedas.

Parallax 3D

Parallax 3D es un experimento que usa las transformaciones 3D de CSS3. Utiliza 3 imágenes distintas para crear el efecto.

Horizonte de Madrid – jQuery

Un experimento de paisaje con el Horizonte de Madrid y jQuery. El cielo está creado mediante gradientes de CSS3 y cambiará en función de la hora del día en que se visite esta página. Mediante jQuery se comprueba la hora actual y se aplican cambios a clases CSS distinguiendo entre “mañana”, “tarde” y “noche.

Parallax 2D

Parallax 2D es un experimento utilizando el scroll como “motor” para el desplazamiento vertical de los distintos elementos que forman el layout.

Detectar el navegador

Ejemplo de cómo usar la propiedad “userAgent” de JavaScript para detectar el navegador.

Las mejores naves

Las mejores naves de la ciencia ficción en un slideshow minimalista. ¿Las conoces todas? Ver el ejemplo.

Una docena de arte

Una docena de arte es una pequeña muestra de grandes obras pictóricas de la historia. Contiene una descripción a modo de curiosidad de cada una de las obras.

Recomendación de W3C para nuevas características CSS3

Un esquema del proceso de recomendación de W3C para añadir nuevas características a CSS3. He utilizado el plugin ‘flatshadow’ de jQuery para las sombras. Aquí tienes el esquema.

Play gif animado JavaScript

Play gif animado JavaScript es una demo de botón de play para poner en marcha gif animados.

Letras de Septiembre

Animación conceptual inspirada en el otoño, septiembre… en ese toque melancólico y a la vez poético de estas fechas.

Los mejores discos en amazon.es

Propuesta para tienda de discos online. Concepto de selección de los mejores discos en Amazon.

Rasca y verás

Rasca y verás el antes y el después de un mito, la Gioconda.

Galería Parallax – Homenaje a “Amanece, que no es poco”

Galería de imágenes usando el efecto “parallax”. Homenaje a la película “Amanece, que no es poco”.

Libro: AngularJS – O’Reilly

Recomiendo para empezar y avanzar este libro de AngularJS de O’Reilly

Vídeo background

Un ejemplo de Vídeo background  basado en covervid. Se trata de un vídeo en loop infinito que se adapta al ancho del viewport.

Juego Memoria – JavaScript, Canvas y JSON

Juego de memoria desarrollado con JavaScript, Canvas y JSON para el modelo de datos. Basado en un fork de Emanuele Feronato.

Efecto pegatina – JavaScript

Efecto pegatina, similar a pageflip.

Expositor – CSS3

Ejemplo de diversos efectos de animación creados con CSS3. No te pierdas ninguno.

Galería Animaciones CSS3

Galería de animaciones CSS.

Listado de Productos Expandible

Listado de productos expandible,  al estilo de Google Images.

Turner – Navidad se escribe con V

Conceptualización, diseño, dirección de arte, maquetación y programación de este microsite promocional para la serie V (2009). El microsite permitía entre otras cosas crear un avatar personalizado para participar en una campaña publicitaria del canal de televisión TNT.

Turner – Cartoon Network

Microsite promocional para Cartoon Network . La mayoría de elementos de la interfaz eran interactivos.