Aplicaciones Javascript para tu página web

Apps para la web

Por ahora te ofrezco estas aplicaciones listas para aplicar a tu web con muy poco trabajo. Algún ajuste en los estilos y poco más

Contador rotatorio (Rotary Counter)

Con esta aplicación Javascript podrás poner en tu página un contador que simula los cla´sicos contadores mecánicos, los que ves en los lectores de agua, gas, luz. Lo puedes configurar para contar tiempos. No es un contador ultrapreciso pero hace bien su tarea.

Tabla ancha pero responsive

Las tablas son un problema en el diseño responsive. Un elemento table tiene un ancho que depende de las colmunas que contenga y si es muy ancha no cabe en una pantalla pequeña. Esta app puede soluciconar el problema

Progress bar controlada por scroll

Esta sencilla aplicación te permitirá añadir una barra cuyo ancho va cambiando según el scroll que hagas en la página. Va a tener un ancho desde 0 a la anchura máxima del contenedor donde la sitúes.

Un objeto fetch para texto

Se trata de un objeto que usa el método fetch alternativo a Ajax más simple de usar. Con él podrás lanzar una solicitud de información a una aplicación del servidor que devolverá los datos en formato de texto y lo podrás incoporar a tu página sin necesidad de recargarla.

Es muy útil para usar como respuestas a eventos que requieran una tarea que no pueda ejecutarse en el frontend o que sea más ventajoso de ejecutar en el backend (como acceso a una base de datos)

Progress bar circular

Seguro que las has visto en muchos sitios: una especie de barra sólida que va aumentoando su longitud para indicar el progreso de una tarea: carga de un archivo, ejecución de unadescarga....

Esta app te permite crear una de estas barras pero con una particularidad: es una barra circular, un sctor que se va incrementando hasta formar un círculo.

Enviar formulario mediante fetch

Esta pequeña aplicación es un esquema de como utilizar el mecanismo del objeto fetch para enviar los datos de un formulario. Esto permita evitar que la pa´gina se refresque como en el submit básico de los formularios html. el ejemplo es un esquema mínimo que puede ser ajustado a usos concretos.

Un juego: Adivina la frase

Este es un juego bastante popular que quizás hayas visto en televisión. Es una variante del jugo del ahorcado. Se trata de adivinar un texto o frase oculto, para lo cual se van eligiendo las letras que creemos que puede contener la frase.

Aquí tienes un script completo con la página web, que puedes modificar para ajustar a tus diseños o puedes usar como ejemplo de programación