Changelog

April 29, 2026

First BaselineLab labs

BaselineLab starts as an interactive lab for testing modern HTML and CSS features visually, adjusting their settings, and taking reusable code back to your projects.

This first version already includes labs organized by technology, category, and feature. Each lab combines visual controls, live preview, and generated code so you can experiment without switching tools.

Added features:

• CSS labs for colors: accent-color, color-mix(), and contrast-color().
• CSS labs for backgrounds: background-color and background-image.
• CSS labs for borders: border, border-radius, outline, and corner-shape.
• CSS labs for spacing: margin and padding.
• CSS labs for scroll and text: scrollbar and text-align.
• HTML labs for native elements such as details and dialog.

What you can do in the labs:

• Adjust values with selects, fields, ranges, colors, and controls tailored to each property.
• Switch between physical and logical properties when the lab supports it.
• Try different units and text directions to validate how the result responds.
• See the preview update instantly.
• Copy the generated HTML, CSS, or JavaScript depending on the feature.
• Share a lab with the current settings through a URL.
• Check the Baseline compatibility status when available.

The visual foundation of BaselineLab is also in place, with light and dark modes, category-based navigation, localized Spanish and English pages, and an experience focused on using the browser as a testing space.

This release establishes a living foundation for adding new labs and refining the experience over time.

If you have any suggestions for improvement, a lab you’d like to see implemented, an error to report, or simply want to contact me, you can open an issue on GitHub or send me an email.