Etiqueta: jQuery Página 1 de 2

Spotifynder – App JavaScript usando API de Spotify

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

Liverpool history

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

jQuery UI – personalizar widget Datepicker

Personalizar el widget Datepicker de jQuery UI.

Long Shadow con jQuery

Plugin basado en jQuery que sirve para generar el ya famoso “efecto Long Shadow” sobre textos HTML.

Superslides es un gran slider en jQuery

Superslides es un gran slider en jQuery que permite pantalla completa y es muy fácil de configurar. Además está preparado para aceleración por hardware.

Puzzle snapPuzzle – De imagen a puzzle

snapPuzzle Alien es un plugin de jQuery para convertir una imagen en un puzzle.

Parallax 3D

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

Galerías en Prestashop 1.6 con Fancybox

Si estás usando Prestashop 1.6 (o Prestashop 1.5) es probable que necesites una galería de imágenes en una “página CMS” o lo que al menos yo llamo “página estática”. Prestashop 1.6 viene con Fancybox para facilitarnos la vida.

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.

Lyrics CSS3

Lyrics es un homenaje al disco ‘Jar of Flies’ del grupo Alice in Chains.

Fondo vídeo YouTube

Fondo vídeo Youtube es un ejemplo sencillo de cómo utilizar un vídeo como background de una web.

Los mejores libros de fantasía

Los mejores libros de fantasía. Es totalmente responsive. Una manera muy visual de mostrar los libros que incita a adquirirlos.

Filtrando post portfolio

Filtrando post portfolio es una pequeña aplicación que utiliza jQuery y animación CSS3 para mostrar sólo los post pertenecientes a cada una de las categorías del menú superior.

Las mejores naves

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

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.

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 (demo) para tienda de discos online. Selección de los mejores discos en amazon.es. Versión de escritorio, ideando adaptación a mobile… Ver este ejemplo.

Mil y un colores

Aplicación desarrollada para niños. Cada vez que entramos se generan mil y un colores aleatorios con su correspondiente código hexadecimal.

Tu cupcake favorito

Un poco de dulzura nunca viene mal. ¡Elige tu cupcake favorito! Ver este ejemplo. Inspirado en el plugin de jQuery “wanky pages”.

Rasca y verás

Rasca y verás el antes y el ahora de un mito… puedes usar el ratón o el dedo. Ver el ejemplo.

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”. Ver este ejemplo.

Galería vertical 3D de imágenes – jQuery

Galería vertical 3D de imágenes creada con jQuery. Basada en un ejemplo de Pete R. Ver este ejemplo.

Efecto máquina de escribir – JavaScript

Efecto máquina de escribir, hecho con JavaScript. También utiliza un tipo de letra “handwriting” que le añade versatilidad y un aspecto acorde al ejemplo.