Friki Work

El presente artículo describe la arquitectura y el desarrollo de un portal web pensado para que los alumnos de educación primaria amplíen sus conocimientos fuera del aula. El sistema combina un front-end ligero basado en HTML5 y Bootstrap con un back-end robusto implementado con Spring, Spring MVC y MyBatis (SSM). A continuación se detallan los ...

Resuelve problemas de compatibilidad entre navegadores Incorpora numerosas características innovadoras Enfoque centrado en el usuario Beneficios de simplificación en el desarrollo Consideraciones al escribir código Utiliza la tecla Tab para las indentaciones, no espacios Todas las etiquetas deben estar contenidas entre <> y aparecer en ...

El tamaño predeterminado de un canvas es de 300×150 píxeles. Es importante entender que definir los atributos width y height directamente en la etiqueta canvas es diferente a establecerlos mediante CSS. Los atributos width y height en la etiqueta canvas representan el tamaño real del lienzo donde se dibujan los gráficos. Por otro lado, las prop ...

HTML (HyperText Markup Language) es el lenguaje estándar utilizado para definir la estructura de las páginas web. Al ser un lenguaje de marcado, permite organizar el contenido mediante etiquetas que el navegador interpreta para renderizar texto, imágenes, formularios y otros elementos multimedia. Elementos de Encabezado y Metadatos La sección & ...

Este artículo presenta la creación de un sitio web estático dedicado al festival tradicional chino Qingming (清明节), utilizando tecnologías web modernas como HTML5, CSS3 y JavaScript básico. El proyecto se enfoca en una implementación responsive con un diseño limpio y estructurado, ideal para fines educativos o demostrativos. Estructura del pr ...

En el desarrollo web, la organización de la información y la captura de datos del usuario son fundamentales. HTML proporciona etiquetas semánticas específicas para estructurar listas y crear formularios interactivos. Listas en HTML Las listas permiten agrupar elementos de manera estructurada. Existen tres tipos principales: Listas No Odrenadas ...

En aplicaciones web, gestionar múltiples casillas de verificación suele requerir funciones como seleccionar todas, deseleccionar todas o invertir la selección. A continuación, se muestran enfoques utilizando jQuery y JavaScript puro. Ejemplo con jQuery Consideremos un formulario con casillas de verificación para deportes favoritos. <form id= ...

Estandarización y Semántica en HTML Declaración DOCTYPE y Modo Estándar Omitir la declaración <!DOCTYPE> fuerza a los navegadores a renderizar la página en "modo quirks", lo que provoca inconsistencias graves en el modelo de caja y el layout. La declaración de HTML5 es concisa, universal y garantiza el modo estándar en todos los ...

Introducción a Apache Flagon UserALE.js Apache Flagon UserALE.js es una utilidad ligera del lado del cliente enfocada en regitsrar comportamientos de usuario en aplicaciones basadas en DOM y JavaScript. Automatiza la captura de eventos mediante manejadores adjuntos y ofrece configuración flexible a través de parámetros HTML5 o una API de JavaSc ...

Thimble: Herramienta educativa para desarrollo web con vista previa en tiempo real Nota importante: El proyecto Thimble ya no se encuentra en mantenimiento activo. Se recomienda el uso de Glitch.com como alternativa principal. El código fuente original se puede encontrar en el repositorio del proyecto. Thimble fue un entorno de desarrollo en lí ...