Changelog

29 de abril de 2026

Primeros labs de BaselineLab

BaselineLab nace como un laboratorio interactivo para probar funcionalidades modernas de HTML y CSS de forma visual, ajustar sus configuraciones y llevarte código reutilizable para tus proyectos.

En esta primera versión ya puedes explorar labs organizados por tecnología, categoría y funcionalidad. Cada lab combina controles visuales, previsualización en tiempo real y salida de código para que puedas experimentar sin cambiar de herramienta.

Funcionalidades añadidas:

• Labs de CSS para colores: accent-color, color-mix() y contrast-color().
• Labs de CSS para fondos: background-color y background-image.
• Labs de CSS para bordes: border, border-radius, outline y corner-shape.
• Labs de CSS para espaciados: margin y padding.
• Labs de CSS para scroll y textos: scrollbar y text-align.
• Labs de HTML para elementos nativos como details y dialog.

Qué puedes hacer en los labs:

• Ajustar valores con selectores, campos, rangos, colores y controles específicos de cada propiedad.
• Cambiar entre propiedades físicas y propiedades lógicas cuando el lab lo permite.
• Probar distintas unidades y direcciones de texto para validar cómo responde el resultado.
• Ver la previsualización al instante.
• Copiar el HTML, CSS o JavaScript generado según la funcionalidad.
• Compartir un lab con los ajustes actuales mediante una URL.
• Consultar el estado Baseline de compatibilidad cuando está disponible.

También se ha preparado la base visual de BaselineLab con modo claro y oscuro, navegación por categorías, páginas localizadas en español e inglés y una experiencia centrada en usar el navegador como espacio de prueba.

Este lanzamiento deja preparada una base viva para seguir incorporando nuevos labs y refinando la experiencia con el tiempo.

Si tienes alguna sugerencia de mejora, un lab que te gustaría ver implementado, un error que reportar o simplemente quieres contactarme, puedes abrir un issue en GitHub o escribirme un correo electrónico.