• Josetxu.com
  • Perfil
  • Portafolio
  • Iconos
  • Demos
  • Blog
Blog · Josetxu.com

Categoría » Javascript8

Crear pestañas de contenido o ‘tabs’ fácilmente con javascript

Publicada en 12 ago 2020 de Josetxu
fondos_js_pestanas_faciles

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.

Seguir leyendo →

Publicado en: Javascript | Etiquetas: Funciones, Métodos |

Afinador de Guitarra – Online Guitar Tuner

Publicada en 2 may 2017 de Josetxu
fondos_html5_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 →

Publicado en: CSS3, HTML5, Javascript | Etiquetas: Animación, Audio, Funciones, Métodos, Responsive |

Efecto Mouse Parallax

Publicada en 28 sep 2016 de Josetxu
fondos_html5_js_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 →

Publicado en: CSS3, HTML5, Javascript, JQuery | Etiquetas: Animación, Imagen |

Funciones básicas en Javascript: [alert()] y [prompt()]

Publicada en 10 feb 2016 de Josetxu
fondos_js_alert_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 →

Publicado en: Javascript | Etiquetas: Básico, Funciones, Métodos |

Efecto “Before / After” Responsive

Publicada en 30 jul 2015 de Josetxu
fondos_html5_before_after

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.

Seguir leyendo →

Publicado en: CSS, CSS3, HTML5, Javascript | Etiquetas: Animación, Imagen, Responsive |

Método [getElementById] de Javascript

Publicada en 7 jun 2015 de Josetxu
fondos_js_metodo_getelementbyid

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…

Seguir leyendo →

Publicado en: Javascript | Etiquetas: Métodos |

Comentar código

Publicada en 14 oct 2014 de Josetxu
fondos_comentarios1

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 →

Publicado en: CSS, HTML, Javascript, PHP | Etiquetas: Básico |

Estructura básica de una función Javascript

Publicada en 10 sep 2014 de Josetxu
fondos_js_funciones_basico

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 →

Publicado en: Javascript | Etiquetas: Básico, Funciones |

Buscar

Categorías

  • CSS (7)
  • CSS3 (7)
  • HTML (4)
  • HTML5 (3)
  • Javascript (8)
  • JQuery (1)
  • PHP (6)

Etiquetas

Animación Audio Básico Captcha Clases Constructores Formularios Funciones Iconos Imagen JSON Métodos Responsive

Recientes

Crear pestañas de contenido o 'tabs' fácilmente con javascript
Crear pestañas de contenido o 'tabs' fácilmente con javascript
Funciones básicas en PHP: [include()] y [require()]
Funciones básicas en PHP: [include()] y [require()]
Iconos con CSS
Iconos con CSS
Aplicar estilos CSS a campos [radio] y [checkbox]
Aplicar estilos CSS a campos [radio] y [checkbox]

Utilidades

Color Picker w3c Selector de color Google Fonts google Fuentes de Google Can I use @Fyrd Soporte por navegadores Gimp gimp Manipulación de imágenes Notepad++ notepad++ Editor de código W3C Validator w3c Validador de código Highcharts highchartsGráficas en Javascript

Aviso

La información contenida en este blog es solo orientativa . No soy profesor, solo un tio curioso que quiere compartir lo aprendido durante estos años.

CyberChimps WordPress Themes

josetxu.comJosetxu.com Perfil | Portafolio | Iconos | Demos | Blog 2000 - 2020 © josetxu.com
▲