75 noticias
El elemento <img> de HTML es mucho más complejo de lo que parece asimple vista: funciona como un contenedor cuyo contenido es el propio recurso gráfico, y ambos pueden controlarse de forma independiente. Al inspeccionar sus estilos por defecto en el navegador se observa que el navegador aplica overf
Un análisis automático sobre las páginas de inicio de los 5.000 dominios mejor posicionados en el ranking Tranco detectó que 9 de cada 10 vulneran la especificación HTML y acumulan 100.399 errores en 220 familias distintas de mensajes, junto a 17.599 errores CSS. Solo 2.655 dominios respondieron con
Sunlit es un proyecto web de código abierto que reproduce el efecto visual de la luz del sol entrando por una ventana, junto con el movimiento de hojas mecidas por el viento. La implementación se realiza íntegramente con CSS, HTML y un filtro SVG, sin recurrir a JavaScript ni a imágenes en movimient
El elemento Canvas de HTML existe desde hace más de veinte años y ofrece un espacio en blanco dibujable mediante una API de JavaScript, en contraste con el modelo basado en árbol de nodos del DOM que los desarrolladores web suelen manejar. Aunque el DOM resulta más cómodo para la mayoría de aplicaci
El investigador Gareth Heyes, de PortSwigger, publica un extenso análisis sobre los riesgos de seguridad que plantea el renderizado de CSS no confiable dentro de clientes de correo web como Gmail, Outlook, Yahoo Mail, AOL Mail, Fastmail y ProtonMail. El trabajo demuestra cómo las discrepancias entre
El desarrollador Jake Archibald relata un error de accesibilidad cometido en uno de sus vídeos sobre la nueva función popover="hint" del navegador. Al construir una barra de herramientas con botones cuyo único contenido visible era un icono SVG, Archibald añadió un aria-describedby que apuntaba al t
DREI, cuyo nombre responde a 'DREI Rich Emacs Implementation', es un editor de texto WYSIWYG (lo que ves es lo que obtienes) construido como una aplicación Tauri que implementa un subconjunto de los comandos de edición de GNU Emacs junto con órdenes específicas para insertar elementos HTML como bloc
ShieldFont: la tipografía que sabotea el entrenamiento de IA sin que el lector lo note En un contexto de creciente tensión entre creadores de contenido y empresas de inteligencia artificial, ShieldFont propone una solución técnica tan ingeniosa como controversial: alterar las palabras que ve una má
Effective HTML es una guía visual y práctica orientada a decidir cuándo conviene producir un artefacto en HTML —desde wireframes hasta prototipos funcionales, diagramas e interfaces pequeñas— frente a quedarse en Markdown. La premisa central es que el HTML se justifica cuando la expresión espacial,
Este artículo de opinión repasa los principales argumentos del desarrollador Andros Fenollosa en contra de utilizar Tailwind CSS de forma generalizada. El autor reconoce que el framework es popular entre programadores web porque estandariza espaciados, colores y tamaños, y obliga a una metodología d
Un desarrollador publica un tutorial en el que explica cómo construir un clon mínimo de htmx recurriendo únicamente a JavaScript vanilla. La pieza forma parte de una serie iniciada en 2018 con clones de React y Vue, y se propone como un ejercicio divulgativo para mostrar el núcleo de la librería. h
El desarrollador Ariel Salminen ha presentado Elena, una biblioteca de código abierto de apenas 2,6 kilobytes (KB) diseñada para crear Web Components progresivos, un enfoque que busca resolver las limitaciones históricas de los componentes web nativos sin renunciar a los estándares de la plataforma.
Cuando se renderizan diagramas ASCII dentro de una etiqueta <pre> en HTML, los caracteres aparecen correctamente alineados en Neovim y en los navegadores de macOS e iOS, pero sufren un ligero desplazamiento en dispositivos Android. El autor detectó el problema al mostrar cajas con caracteres de dibu
Andrea, programador novel en Rust, presenta un compilador propio de Markdown a HTML desarrollado tras 12-13 horas de trabajo en su tiempo libre, sin recurrir a herramientas de inteligencia artificial generativa. El proyecto nació como una alternativa minimalista al generador de sitios estáticos Hugo
El proyecto Triptych busca ampliar la potencia del HTML con tres propuestas pequeñas y complementarias, y la que más preguntas suscita es Button Actions, que plantea añadir los atributos action y method al elemento <button>. El artículo defiende una distinción intuitiva pero rara vez explicitada: lo
Reddit ha empezado a exigir iniciar sesión para usar old.reddit.com, su frontend clásico basado en HTML, según anunció en un mensaje a los moderadores. La compañía justifica la medida porque la experiencia sin login en esa versión es, según afirma, una fuente significativa de scraping abusivo y tráf
Muchos sitios web aplican pequeños ajustes tipográficos para cuidar la lectura, como los espacios no separables que mantienen unidas expresiones del tipo «5 cm» o «Nueva York» y evitan que el navegador las parta entre dos líneas. Este artículo describe una mejora concreta de ese mismo principio apli
El estándar Unicode define más de mil puntos de código que admiten dos presentaciones: textual o como emoji. La elección entre una y otra depende de un carácter invisible llamado selector de variación (Variation Selector-15, U+FE0E, para forzar texto; Variation Selector-16, U+FE0F, para forzar emoji
Un ingeniero que firma como Claude reconstruye, en una jornada de auditoría del 18 y 19 de julio de 2026 sobre su propio sitio, los patrones con los que los sistemas de verificación —scripts, tests, auditorías, métricas— generan confianza falsa. No se trata de errores triviales: cada fallo grave se
Una lista personal y enciclopédica de razones para crear y mantener un sitio web propio recorre el espectro que va de lo íntimo a lo comunitario, pasando por lo creativo y lo político. Los argumentos más prácticos incluyen aprender HTML, usar la web como material artístico, mantener una práctica de
El movimiento IndieWeb promueve que cada persona sea dueña de su identidad y de sus contenidos en internet, algo cada vez más relevante ante el control creciente de grandes plataformas. Dentro de esa filosofía existe una variante, bautizada como Hardcore IndieWeb, que lleva el principio hasta el ext
El LBSE (Layer Based SVG Engine) de WebKit nació con una idea central: que SVG dejara de funcionar como una isla de código aparte y reutilizara la misma maquinaria de capas que ya empleaban HTML y CSS. Así, SVG heredaría de golpe la aceleración por GPU, el compositing acelerado y las futuras mejoras
Este artículo describe el proceso técnico seguido por su autora para publicar en la web un texto escrito a mano y, al mismo tiempo, permitir que el contenido sea seleccionable y copiable. El primer paso fue fotografiar las páginas manuscritas; después, las imágenes se integraron en un único archivo
Aplicar los atributos aria-label o aria-labelledby a elementos HTML de texto estático como <div>, <span>, <p>, <strong> o <em> es un error frecuente de accesibilidad. Estos atributos están pensados para elementos interactivos (botones, enlaces, controles de formulario) y para regiones landmark, no p
HTML Drive es una herramienta web gratuita que permite editar y publicar archivos HTML y Markdown almacenados en Google Drive, sin necesidad de instalar nada ni crear cuentas adicionales para los lectores. El servicio funciona conectándose a la cuenta de Google del usuario mediante autorización OAut
El artículo de Nick Borș parte de un dato del HTTP Archive: la mediana de peso de las páginas web ha pasado de unos 200 kB hace tres décadas a alrededor de 2,5 MB en la actualidad, un crecimiento de 130 veces que, según el autor, no se corresponde con un aumento equivalente en la calidad real del co
El Unicode incluye en sus bloques tipográficos numerosos ornamentos editoriales clásicos, como ❦ y ❧, además de símbolos como ❀ (White Florette) o ᪥ (Tai Tham Sign Dokmai, donde "dokmai" significa "flor" en tailandés septentrional y lao). Muchos diseñadores web quieren emplearlos como separadores vi
ShareMyPage permite a cualquier persona subir páginas HTML completas, con JavaScript incluido, buena parte generadas por inteligencia artificial y nunca revisadas línea por línea. En lugar de intentar depurar ese código —lo que rompería el producto y abre una carrera armamentística perdida—, la plat
Escribir HTML a mano no es especialmente difícil para quien lleva haciéndolo desde la adolescencia, pero sí resulta mucho más costoso que publicar en una red social con una interfaz cuidada por una gran tecnológica. Abrir un editor de texto en el ordenador de escritorio, conectarse por SSH, e inclus
Shrimple es una herramienta de línea de comandos, escrita en Go, que convierte documentos de texto plano en HTML siguiendo una sintaxis propia pensada para mantenerse limpia tanto en la fuente como en el resultado renderizado. Se distribuye como código fuente y se compila con `go build`; a partir de
Implementar el modo oscuro respetando los estándares web es viable combinando dos mecanismos: la meta etiqueta <meta name="color-scheme"> en el <head> y la propiedad CSS color-scheme en el elemento html. La meta etiqueta es la opción recomendada, ya que se aplica antes de que cargue el CSS y evita e
Cada primavera, los ayuntamientos publican un calendario de recogida de residuos en formato PDF que cubre toda la región en un diagrama compacto. Aunque ese diseño es económico de imprimir, resulta poco práctico para una persona que solo necesita conocer los días de recogida de su calle. Para resolv
Chrome introduce el elemento HTML <usermedia>, un control declarativo y activado por el usuario para acceder a la cámara y el micrófono del dispositivo. Disponible desde la versión 151 del navegador, forma parte de la suite Capability Elements —que ya incluía <geolocation> lanzado en Chrome 144— y s
Los ataques de cross-site scripting (XSS) y de inyección SQL comparten el mismo origen: mezclar entradas del usuario con la representación serializada de una estructura de árbol, como el árbol sintáctico de una consulta SQL o el DOM del HTML. El artículo explica por qué las recomendaciones habituale
Rheo es una infraestructura de documentos que convierte Typst en una base viable para la publicación multiformato. Funciona como un motor de composición tipográfica y de sitio estático que se sitúa entre el lenguaje Typst y los formatos de salida que utilizan los lectores: PDF, HTML y EPUB. A partir
Common Lisp Metaspec es una versión en HTML, renderizada a partir de las fuentes TeX del borrador propuesto para el estándar ANSI de Common Lisp, conocido formalmente como el documento X3J13 número 94-101R. Constituye una referencia técnica completa y navegable del lenguaje, organizada en capítulos
Beer CSS es un framework de interfaz de usuario que traduce los principios de Material Design a marcado HTML semántico estándar, sin imponer componentes opacos ni JavaScript propietario. La promesa es clara: construir interfaces con apariencia Material sin que el equipo de desarrollo renuncie al con
El texto critica un malentendido frecuente entre desarrolladores web: confundir la ARIA Authoring Practices Guide (APG) del W3C con un manual de buenas prácticas de accesibilidad. La APG no fue concebida como referencia de patrones óptimos, sino como demostración técnica de cómo debería comportarse
La aplicación de notas Minimal ha incorporado un motor de conversión que permite importar y exportar documentos entre seis formatos: Markdown, texto enriquecido, HTML, PDF, texto plano y el formato propietario MNML. El artículo describe la arquitectura de este sistema, implementado en Swift, y expli
Artículo extenso que recorre la historia de los navegadores web diseñados para asistentes digitales personales (PDAs) entre finales de los años ochenta y mediados de la década de 2000, antes de que el smartphone se impusiera como dispositivo dominante de acceso a internet. El texto distingue dos ca
El desarrollador Tim Wehrle ha conseguido comprimir un pequeño sitio web —un documento HTML de 208 bytes más una cabecera de 4 bytes— dentro de la imagen de un favicon de tan solo 9×9 píxeles, lo que supone apenas 81 píxeles y una capacidad total de 239 bytes. El proyecto demuestra que un favicon, a
El proyecto Datasette ha presentado datasette-apps, un nuevo plugin que permite alojar aplicaciones HTML+JavaScript autocontenidas dentro de una instancia de Datasette, ejecutándose en iframes con sandbox reforzado. Las apps pueden lanzar consultas SQL de solo lectura y, si se configuran con consult
Un relato personal demuestra que el HTML básico, sin abusar de JavaScript ni formatos complejos, sigue siendo la herramienta más universal para garantizar el acceso a la información y los servicios públicos. La historia transcurre en una oficina de prestaciones de vivienda en Londres, donde una jove
Este artículo funciona como un tutorial improvisado de CSS pensado para personas que necesitan dar estilo a una página web sin ser desarrolladoras web. Su autor reconoce no ser la persona más indicada para escribirlo —prefiere leer un libro sobre el tema—, pero explica que tuvo que aprender CSS rebu
Una empresa de servicios públicos regulada en el Reino Unido, donde una caída de la satisfacción del cliente por debajo del 96% podía acarrear multas millonarias, necesitaba digitalizar un formulario de solicitud. Dos intentos previos, incluido un aplicativo React construido por contratistas externo
Un ensayo satírico defiende que el 'vibe coding' con agentes de inteligencia artificial ha terminado con los principios tradicionales del desarrollo web. El texto, parodia del clásico 'motherfuckingwebsite' minimalista, argumenta que la mantenibilidad, la accesibilidad y la complejidad reducida han
Desarrolladores web están reconsiderando el uso del elemento <noscript> en sus proyectos debido a limitaciones técnicas fundamentales. Según publica hacktivis.me, el elemento <noscript> fue diseñado para mostrar contenido alternativo cuando JavaScript está deshabilitado o no es compatible, pero su i
Este artículo profundiza en los cinco tipos diferentes de listas HTML que todo desarrollador web debería conocer: ordenadas (<ol>), no ordenadas (<ul>), de descripción (<dl>), menús (<menu>) y de control (<select>/<option> o <input>/<datalist>). A diferencia de los tutoriales básicos, el autor explo
El documento 'On forking the Web' (Sobre la bifurcación de la Web), escrito por Rodrigo Arias Mallo, creador del navegador Dillo, propone crear una especificación alternativa a la Web actual para resolver sus problemas fundamentales de complejidad y gobernanza. La motivación principal surge de obse
El mensaje "Access to this page has been denied" acompañado de la indicación "Your browser appears to have Javascript disabled" es un problema común al navegar por internet, y entenderlo es crucial para acceder a muchos sitios web modernos. En esencia, indica que el sitio web que intentas visitar re
En la era de la inteligencia artificial y la proliferación de herramientas de desarrollo web complejas, a menudo nos perdemos en la búsqueda de interacciones sofisticadas y dinámicas en las páginas web. Sin embargo, el autor, Jim Nielsen, propone un enfoque refrescante y fundamental: construir sitio
Este artículo, escrito por una figura clave en el desarrollo de las imágenes responsivas para la web, revela una verdad incómoda: el sistema actual, aunque ampliamente utilizado, es problemático y el autor, irónicamente, fue uno de sus principales impulsores. La historia se remonta a hace 14 años, c
Este artículo de Matthias Zöchling explora los diferentes niveles para implementar el modo oscuro en sitios web, más allá de la simple alternancia de colores. El autor argumenta que la verdadera complejidad reside en la gestión de esquemas de color, y desglosa seis (y más) enfoques, desde los más bá
Un nuevo superset de Markdown llamado .mdv ha sido desarrollado para simplificar la creación de documentos, dashboards y presentaciones, según anunció el desarrollador Drasimwagan en GitHub. La herramienta, actualmente en una versión pre-release, permite integrar gráficos, tarjetas KPI, tablas y sec
OpenPolicy ha simplificado la generación de políticas de privacidad para desarrolladores de Astro, eliminando la necesidad de un plugin y archivos generados intermedios. Inicialmente, la integración requería un plugin que generaba archivos Markdown durante la compilación. Ahora, la biblioteca centra
El mensaje "JavaScript is not available" que ves en sitios web como X (antes Twitter) indica que tu navegador no tiene habilitado JavaScript, o que está utilizando un navegador que no es compatible con esta tecnología. Para entender por qué esto es un problema y cómo solucionarlo, vamos a desglosarl
El desarrollador Joe Masilotti ha creado Ruby Native, una gema de Ruby que busca unificar la experiencia de desarrollo entre diferentes frameworks de JavaScript como ERB, React y Vue. La clave de su enfoque radica en el uso de HTML como base común: la aplicación nativa detecta elementos HTML con atr
La colección 'Dr. Dobb's Developer Library DVD' es un tesoro invaluable para cualquier desarrollador con interés en la historia y la evolución de la programación, especialmente en los lenguajes C, C++, Perl y la administración de sistemas. En esencia, se trata de una compilación digital de artículos
El mensaje "Access to this page has been denied" acompañado de la indicación de que JavaScript está desactivado en el navegador, es un problema común en la web y revela una limitación fundamental en cómo funcionan muchos sitios modernos. Para entenderlo, es crucial comprender qué es JavaScript y por
Este artículo de Burak Güngör explora por qué seguimos utilizando Markdown, a pesar de sus deficiencias. El autor argumenta que, si bien Markdown se presenta como un lenguaje de marcado minimalista y legible para convertir archivos de texto plano en HTML, su implementación práctica a menudo se aleja
El título "I prefer OG style websites – what are yours?" (Prefiero los sitios web de estilo OG – ¿cuáles son los tuyos?) se refiere a una apreciación por los sitios web que priorizan la funcionalidad sobre la estética moderna y a menudo recargada. En la era de diseños minimalistas, animaciones compl
En el panorama digital actual, proteger las direcciones de correo electrónico de los spammers es un desafío constante. El artículo de Spencer Mortensen, actualizado en enero de 2026, explora diversas técnicas de ofuscación de correo electrónico que buscan mantener la información oculta, analizando s
El desarrollador Ploum ha introducido nuevas funciones sociales basadas en correo electrónico en su software Offpunk, diseñado para la 'Small Web' (Gemini/Gopher). Estas funciones, disponibles desde la versión 3.0, permiten a los usuarios compartir páginas web a través de correo electrónico (con una
Un desarrollador ha presentado 'Wander', una nueva herramienta descentralizada para explorar la 'small web', es decir, sitios web personales y blogs independientes. Wander permite a los visitantes navegar aleatoriamente por páginas recomendadas por una comunidad, creando una red ligera de exploració
Una nueva plataforma llamada Zap Code está democratizando el desarrollo de aplicaciones y juegos, haciéndolo accesible a niños de entre 8 y 16 años. La plataforma utiliza inteligencia artificial para transformar descripciones en lenguaje sencillo de lo que el usuario desea crear (como un juego de di
Este artículo profundiza en la técnica de la clase `visually-hidden` en desarrollo web, una solución que busca ocultar elementos visualmente al usuario mientras los mantiene accesibles para tecnologías de asistencia como lectores de pantalla. La pregunta central que motiva el análisis es si esta téc
Mozilla ha anunciado el lanzamiento de la nueva API Invoker Commands, una herramienta que simplifica la interacción de los botones con otros elementos de una página web. Esta API permite asignar comportamientos a los botones de forma declarativa, eliminando la necesidad de scripts JavaScript complej
Un nuevo desarrollador ha creado 'claude-replay', una herramienta de código abierto que simplifica el intercambio de sesiones de Claude Code, la plataforma de Anthropic para desarrollo de código. Anteriormente, compartir estas sesiones era engorroso debido a archivos de grabación de pantalla volumin
Navegadores web modernos, sorprendentemente, toleran la inclusión de saltos de línea y tabulaciones dentro de las URLs, según un análisis reciente publicado en el blog de Daniel Lemire. Aunque la especificación técnica de URLs indica que estos caracteres deberían generar un error, los navegadores lo
Un equipo de desarrolladores ha creado 'xmloxide', una reimplementación en Rust de la popular biblioteca de análisis XML/HTML 'libxml2'. 'libxml2', ampliamente utilizada en el mundo del código abierto, se declaró oficialmente sin mantenimiento en diciembre de 2025 y presenta vulnerabilidades de segu
Tilde.club es una plataforma única que ofrece a sus usuarios acceso a un servidor Unix compartido para alojar páginas web personales, aprender y compartir conocimientos. Imagina un foro online donde, en lugar de publicar mensajes, cada usuario tiene su propio espacio web personal, accesible a través
## VoxJong: Un Mahjong Solitaire con un Toque Técnico VoxJong es una implementación digital del clásico juego de mesa Mahjong Solitaire, pero con una particularidad: utiliza CSS para renderizar sus fichas y el tablero. Esto, en sí mismo, es un punto interesante para desarrolladores y entusiastas de
El artículo completo aquí (500-1000 palabras): ## Sitio web te pide JavaScript: ¿por qué ocurre esto? **En una era digital donde la navegación web se ha convertido en una actividad cotidiana, es cada vez más común encontrarse con un mensaje frustrante: “Este sitio web utiliza JavaScript. Por favor
Este repositorio de GitHub, llamado 'fun-with-clip-path', presenta una ingeniosa implementación de un menú desplegable utilizando únicamente HTML y CSS, sin necesidad de JavaScript. La idea original se inspira en el trabajo de iVentions y se popularizó en X (anteriormente Twitter). El objetivo princ
Este artículo narra experiencias personales de un desarrollador de software a lo largo de 25 años. Comienza con una anécdota de su juventud, en 2001, donde un estudiante mayor le enseñó los fundamentos de HTML de manera improvisada. Luego, relata un incidente universitario donde, por curiosidad, sal
