Las pestañas de contenido ó tabs son uno de los recursos más utilizados para organizar los contenidos web. En este artículo veremos una manera fácil de crear grupos de pestañas con Javascript puro, basándonos en una estructura HTML predefinida.
Categoría » Javascript8
Afinador de Guitarra – Online Guitar Tuner
Hace unos años hice un Afinador de Guitarra Online en Flash para la web de Liyonel Guitars.
Flash va a morir, de hecho está agonizando ya… en el año 2016 estuvo presente solo en el 10% de las webs y a partir de 2017 Firefox y Chrome empezarán a bloquear el contenido Flash.
Seguir leyendo
Efecto Mouse Parallax
El parallax (o paralaje) es la desviación angular de la posición aparente de un objeto, dependiendo del punto de vista elegido.
JQuery Parallax es uno de los múltiples plugins de JQuery que se puede utilizar para conseguir este efecto de manera muy fácil utilizando como punto de vista la posición variable del ratón. Vamos a verlo…
Seguir leyendo
Funciones básicas en Javascript: [alert()] y [prompt()]
Estas funciones en realidad son métodos del objeto window
y son ideales para iniciarnos en JavaScript ya que su funcionamiento es muy simple. La primera muestra una ventana emergente en la pantalla. La segunda muestra un cuadro de diálogo que solicita algo al visitante para continuar.
Seguir leyendo
Efecto “Before / After” Responsive
HTML5 incorpora nuevos tipos de input. Uno de ellos, range
, es el protagonista de esta demo. Con él podemos seleccionar y modificar valores dentro de un rango. En este artículo vamos a usar HTML HTML5, CSS, CSS3 y algo de Javascript.
Método [getElementById] de Javascript
El método getElementById
nos permite seleccionar un elemento del DOM para hacerle cosas. Una vez seleccionado podemos modificar sus propiedades.
- Podemos modificar el HTML del elemento.
- Modificar el CSS.
- Modificar atributos.
- Añadir o quitar clases.
- Y más…
Comentar código
Comentar el código sirve para inutilizarlo sin dejar de tenerlo. Lo que le decimos al navegador es que no ejecute el código que hemos comentado.
Esto nos puede venir bien para hacer pruebas comentando algunas partes del código, o para poner enunciados o descripciones explicativas.
Seguir leyendo
Estructura básica de una función Javascript
Una función es un conjunto de instrucciones que se agrupan para realizar una tarea concreta. Una de sus mayores ventajas es que se pueden reutilizar fácilmente.
Seguir leyendo