Screen Ruler adds live CSS editing, change tracking

// 93d agoPRODUCT UPDATE

Screen Ruler adds live CSS editing, change tracking

Screen Ruler is a Chrome extension for web developers to measure, inspect, and edit live web pages. The latest update adds support for editing hover/focus states and media queries while tracking all CSS overrides in one view.

// ANALYSIS

By integrating live editing and change tracking into a layout measurement tool, Screen Ruler successfully bridges the gap between inspection and immediate prototyping.

–**Contextual CSS Tweak**: Modifying inline styles directly on the page, including within media queries and pseudo-states.
–**Change History**: Consolidation of all edits in one view makes it easier to copy and paste adjustments back into the source codebase.
–**Enhanced Design Iteration**: Offers a faster loop for web design layout experiments than default browser DevTools.

// TAGS

chrome-extensionsdesign-toolsdevtool

DISCOVERED

93d ago

2026-06-19

PUBLISHED

93d ago

2026-06-19

RELEVANCE

7/ 10

AUTHOR

Myster Violets

// KEEP READING

More AI developer news from the feed

EXPLORE FULL FEED

MODEL1h ago

Alibaba drops Qwen-Image-2.1 with RGBA transparency

Alibaba's Qwen team has officially launched Qwen-Image-2.1, a 7.1-billion parameter Diffusion Transformer (DiT) paired with a Qwen3-VL 8B text encoder that unifies text-to-image generation and image editing within a single architecture. A defining feature highlighted in community testing is its native RGBA support, enabling direct transparency generation and RGB-to-RGBA decomposition without relying on post-processing segmentation tools.

UPDATE1h ago

Classifier.dev launches a Teams feature and introduces the Laya classification model in beta.

Classifier.dev has released a new Teams feature that enables users to invite team members, share access, and track usage across their organization. Additionally, the platform introduced Laya, a fast classification model created by the inventor of RLCD, which is now available in beta to help developers build real-world applications.

LAUNCH2h ago

FreeUpscaler upscales images and videos locally using WebGPU

FreeUpscaler is a completely free tool that allows users to upscale both videos and images by 2x or 4x their original resolution. It distinguishes itself by running entirely locally in the user's browser using WebGPU, meaning no files are ever uploaded to a server, ensuring privacy and immediate access without installation.