protocol_standard · 28 menciones
Penpot, la herramienta de diseño open source, detalla en su blog técnico un desafío interno bautizado como "El problema de los tres trazos". El equipo lo descubrió durante la migración de su renderizador clásico, basado en SVG, a un nuevo sistema basado en WebGL con la biblioteca Skia como motor grá
Elegir una buena fuente para un sitio web es solo el comienzo: el grosor, el estilo, el espaciado y la decoración del texto abren muchas posibilidades, pero en ocasiones hacen falta herramientas adicionales para que los textos destaquen visualmente. Esta guía repasa cinco propiedades CSS relativamen
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
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
El desarrollador conocido como seveibar ha publicado simple-3d-svg, un renderizador 3D escrito en TypeScript sin dependencias que transforma objetos tridimensionales en SVG manteniendo un peso de archivo reducido. El proyecto nace como apoyo al renderizado de placas de circuito creadas en React con
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
cwbrowser es un navegador de escritorio cuyo motor de renderizado se ha programado desde cero en Zig, un lenguaje de sistemas pequeño, rápido y cuidadoso con la memoria. El proyecto, desarrollado en solitario durante dos años, sustituye los motores comerciales por código propio: el tokenizador, el D
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
Ken F yi ha publicado una página personal titulada «The Royal Order of Operations» donde recopila el orden en que, según su criterio, deberían declararse las propiedades CSS en una hoja de estilos. El autor admite que se trata de opiniones firmes mantenidas sin rigidez e invita a rebatirlo por corre
El W3C celebra el 27 de julio el decimoquinto aniversario del primer borrador público del formato WOFF (Web Open Font Format 1.0), publicado en 2010 como punto culminante de un largo proceso de diálogo entre tipógrafos y desarrolladores de navegadores. La estandarización de @font-face en CSS2, en 19
librrd playground es un entorno y un lenguaje declarativo para representar diagramas, especialmente diagramas sintácticos tipo ferrocarril (railroad diagrams), acompañado de un sistema de hojas de estilo inspirado en CSS. En el lenguaje de diagramas, las estaciones terminales pueden escribirse como
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
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
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
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
La nueva función random() de CSS permite asignar valores aleatorios a las propiedades de estilo directamente desde la hoja de estilos, sin necesidad de JavaScript. Está disponible de forma experimental en Polypane 29+, Safari 26.2+ y Chromium 148+ con las funciones experimentales activadas; Firefox
Selector Forge es una extensión de navegador (disponible para Chrome y Firefox, bajo el estándar Manifest V3) que ayuda a generar selectores CSS o XPath robustos directamente desde la página que se está visualizando. Su propósito es evitar la fragilidad habitual de los selectores cuando se escriben
brevio es un conjunto de 162 utilidades web gratuitas, privadas y de uso instantáneo, organizadas en 12 categorías y ejecutadas directamente en el navegador. La premisa del proyecto es sencilla: no requiere registros, no sube archivos a servidores externos y no incluye seguimiento ni reclamos public
Un ensayo breve reflexiona sobre una sensación creciente entre profesionales técnicos: la impresión de que habilidades antes costosas —programar, diseñar en CSS, montar un pipeline de datos o portar una app entre plataformas— se resuelven hoy con unas pocas instrucciones a agentes de IA. El autor lo
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
En 1999, saltarse la protección CSS de un DVD comercial era un delito federal en Estados Unidos, perseguido con demandas contra adolescentes y cartas de cese y desistimiento. En 2026, la misma operación se completa en menos de una hora con un lector USB de 22 dólares comprado en Amazon y el software
El desplazamiento parallax, ese efecto visual en el que los elementos se mueven a distinta velocidad al hacer scroll, lleva años formando parte del diseño web. La receta tradicional exigía JavaScript: un listener del evento scroll, recálculos de posición en cada frame y ajustes manuales del elemento
Los teléfonos modernos tienen bordes redondeados, cámaras recortadas, islas dinámicas e indicadores de inicio que pueden ocultar el contenido. El área segura (safe area) es la porción de la pantalla libre de la interfaz del sistema. Las variables CSS env(safe-area-inset-*) proporcionan las dimension
El periodista y analista de datos Randy Au lanzó recientemente 'bsBB', un nuevo software de foros que ahora impulsa los foros oficiales de su comunidad Counting Stuff. La plataforma, disponible en forum.counting-stuff.com, busca ser un espacio libre para que los suscriptores y miembros del boletín c
El punto tipográfico es una unidad de medida histórica originaria de 1517, diseñada para representar el tamaño mínimo significativo de impresión. Sin embargo, esta aparente simplicidad enmascara una realidad compleja: no existe una definición universal de 'punto', lo que ha generado inconsistencias
