Categoría: HTML-CSS-JS Página 2 de 4

Fondo vídeo YouTube

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

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.

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.

Horizonte de Madrid y 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.

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.

Geolocalización – Google Maps API

Geolocalización usando Google Maps API. Una API bastante agradecida de usar. Si miras el código verás que es muy fácil de entender y a la vez muy potente.

App Flickr con jQuery Mobile y JSON

App mobile para buscar fotos en Flickr. Creada con el framework de jQuery Mobile y JSON para el intercambio de datos. Mejor verla desde el móvil.

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.

Google Maps – Busca una dirección

Ejemplo básico y útil usando la API de Google Maps. Busca una dirección y voilà! Ver este ejemplo.

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.

Vídeo background 2

Otro ejemplo de Vídeo background, esta vez partiendo de jQuery. Un vídeo muy refrescante 🙂 Ver el vídeo.

Vídeo background

Un ejemplo de Vídeo background (vídeo como fondo del navegador) basado en covervid. Se trata de un vídeo en loop infinito que se adapta al tamaño (ancho) del navegador para evitar que se vea cortado.

Filtro Top 10 – AngularJS

Filtro instantáneo de elementos de una lista, creado con AngularJS.

Buscador de Libros – AngularJS

Buscador de libros creado con AngularJS. En este ejemplo he usado los filtros sólo para el título, para entender mejor su uso.

Lista de la compra – AngularJS

Ejemplo de una lista de la compra básica, usando las bondades de AngularJS.

Currículum web responsive – Bootstrap

Rediseño de mi currículum online en version responsve. He utilizado Bootstrap para maquetarlo y @font-face de CSS3 para los tipos de letra personalizados. Es una adaptación de mi currículum en PDF, con el diseño de tonalidad.es.

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.

Axure wireframes museo hi-fi

Prototipado con diseño de interacción para web de un museo. Realizado con Axure RP.