protocol_standard · 43 menciones
CSS Bed es una colección de temas CSS sin clases diseñados para servir como puntos de partida en el desarrollo web. Esta herramienta se distingue por su enfoque en la simplicidad y la compatibilidad, eliminando la necesidad de clases específicas para cada elemento, lo que permite a los desarrollador
El artículo explora las implicaciones de la inteligencia artificial en la evolución de los lenguajes de programación, centrándose en dos ejes: la reflexión sobre el impacto en las comunidades y ecosistemas, y la propuesta de herramientas más robustas para agentes de código. El autor argumenta que, s
El CSS ha evolucionado de una simple hoja de estilos a un lenguaje de programación complejo y potente, capaz de ejecutar lógica, construir motores de renderizado 3D y gestionar bases de datos. Aunque su simplicidad inicial en 1996 generó una percepción errónea de que es solo decorativo, la realidad
Capsule es una herramienta de software que permite generar aplicaciones de escritorio y móviles autocontenidas en un único archivo portable de formato .capsule. A diferencia de las aplicaciones tradicionales, que suelen depender de servidores en la nube, bases de datos complejas o cuentas de usuario
En un ensayo personal, un desarrollador reflexiona sobre su evolución profesional y distingue dos formas opuestas de entender la programación. Empezó en el desarrollo fascinado por la idea de que, aprendiendo un lenguaje, podía crear cualquier programa: aplicaciones de back-end con PHP, sitios web c
Marijke Luttekes, desarrolladora con años de experiencia en frontend y backend, sostiene que el desarrollo frontend de calidad es más difícil de lo que suele reconocerse, porque no se reduce a escribir HTML, CSS y JavaScript correctos: exige comprender cómo los usuarios consumen la información. Mien
Las propiedades personalizadas de CSS (custom properties) no siempre se evalúan donde uno espera, y ese matiz cambia por completo el resultado de una regla. Por defecto, una variable como `--index: sibling-index()` se almacena como un flujo de tokens sin procesar y solo se sustituye y calcula en el
Bajo el provocador título "Imperial Colors Manifesto", un texto firmado por el seudónimo "Japanese Jesus" arremete contra los sistemas métricos de color empleados en el diseño y la programación web —como los códigos hexadecimales y los valores RGB— y propone recuperar una paleta de 140 colores con n
Un docente que ha tomado temporalmente las riendas de un curso introductorio de desarrollo web (HTML, CSS, JavaScript y Docker) explica su intención de reforzar el enfoque de mejora progresiva (progressive enhancement) sin alterar la estructura general de la asignatura. El plan pasa por insistir en
Minificar el CSS —eliminar espacios en blanco y comentarios— se ha convertido en un paso habitual en los flujos de trabajo de desarrollo web, pero rara vez aporta un beneficio perceptible. Este artículo analiza con datos si esa práctica tiene sentido en 2023. En primer lugar, el tamaño importa meno
Ambient CSS redefine el paradigma de la iluminación en interfaces web al introducir un sistema basado en principios físicos reales, eliminando la necesidad de ajustar manualmente escalas decorativas de sombras como shadow-sm o shadow-lg. Este enfoque, desarrollado por kikkupico y disponible a través
El creador de textlog.cc relata cómo se impuso una restricción radical al desarrollar su plataforma: nada de JavaScript en el navegador. Aunque la aplicación sigue siendo React, ese framework solo vive en el servidor: renderiza HTML que se envía al cliente sin hidratación posterior. A partir de ahí,
Adi2 es una biblioteca gráfica de interfaz de usuario para el lenguaje Ada, construida sobre SDL3 y distribuida como proyecto open source en GitHub por el usuario ovenpasta. Ofrece un conjunto de widgets nativo con características habituales en stacks modernos: estilos declarativos con sintaxis simi
El píxel es una mentira doble, y este artículo lo explica con claridad: en CSS, 1px no equivale necesariamente a un píxel físico del dispositivo. En pantallas de alta densidad puede abarcar varios píxeles reales, y 1cm acostumbra a no corresponderse con una centésima del metro del Sistema Internacio
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
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
