Friki Work

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í ...

El desarrollo de interfaces web para la preservación cultural requiere una combinación equilibrada de diseño visual y una estructura técnica sólida. En este proyecto, se aborda la creación de un sitio web informativo dedicado a la ópera tradicional (estilo Xiju), utilizando estándares de HTML5 y CSS3. El objetivo es implementar un diseño limpio ...

Propiedad font La propiedad context.font sigue la misma sintaxis que la declaración CSS font. Su valor por defecto es "10px sans-serif" y admite los siguiantes componentes: context.font = "font-style font-variant font-weight font-size font-family"; Estilo de fuente (font-style) normal: estilo por defecto. italic: letras in ...

Los menús desplegables son componentes esenciales en el diseño web, permitiendo organizar contenido de manera compacta. A continuación, se detallan métodos para crearlos utilizando HTML, CSS y JavaScript. Menú Desplegable Mediante CSS La estructura HTML define la jerarquía del menú: <div id="contenedor-nav"> <ul> &lt ...

Fundamentos de HTML y CSS Introducción a HTML 1.1 ¿Qué es HTML? HTML es el lenguaje de marcado estándar para crear páginas web. HTML significa HyperText Markup Language (Lenguaje de Marcado de Hipertexto). Es un lenguaje de marcado, no necesita compilación y es interpretado directamente por los navegadores. Un archivo HTML es un archivo de ...

Este artículo profundiza en la implementación de pinceles creativos para una aplicación de lienzo digital de código abierto. El objetivo es mejorar la experiencia de usuario orfeciendo efectos de pintura únicos tanto en entornos de escritorio como móviles. La aplicación ya incluye una variedad de funciones de asistencia para el dibujo, como des ...

Incorporación de dependencias Para comenzar a utilizar Thymeleaf en un proyecto basado en Maven, es necesario incluir el "starter" correspondiente dentro del archivo pom.xml. Una ventaja de este artefacto es que ya incluye las dependencias necesarias de Spring Web, por lo que no es estrictamente necesario declarar spring-boot-starter- ...

Este artículo recopila un conjunto de estilos CSS recurrentes y técnicas fundamentales, buscando clarificar su aplicación y funcionamiento en diversos escenarios del desarrollo web. Manejo de Desbordamiento de Texto Texto en una sola línea con elipsis Para truncar texto que excede el ancho de su contenedor en una sola línea, mostrando puntos su ...

Estructura semántica con HTML5 La base de una página de login accesible radica en una estructura HTML semántica. La declaración del doctype y las etiquetas meta para codificación y viewport son esenciales. <form action="/autenticar" method="POST" role="form" aria-label="Formulario de acceso"> < ...