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.

Introducción rápida a JavaScript (undefined y null)

Introducción rápida a JavaScript (undefined y null).

Introducción rápida a JavaScript (Objeto)

En JavaScript un object u objeto es un elemento que tiene propiedades y métodos que podemos consultar, modificar.

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.

Introducción rápida a JavaScript (Boolean)

En JavaScript contamos con el tipo de dato Boolean, que sólo puede tener los valores true o false.

Introducción rápida a JavaScript (String) – parte 2 de 2

Antes de nada vamos a ver el operador typeof, que nos va a ser muy útil para saber de qué tipo o “naturaleza” es un valor.

Introducción rápida a JavaScript (String) – parte 1 de 2

Introducción rápida a JavaScript (String) – parte 1 de 2

Introducción rápida a JavaScript (Number)

En este tutorial de Introducción rápida a JavaScript veremos todo lo necesario para arrancar sin miedo con JavaScript o afianzar conocimientos básicos. Voy a resumir lo más posible para que te resulte ameno y fácil.

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.

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.

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.