Changelog

Release history of Screen Ruler.

3.30.0 (2026-05-04)

Marketing site release; no extension changes.

• Logo strip on the landing page
• Eight-page docs site with sticky sidebar navigation, covering installation, inspection, CSS, layout, content extraction, sampling, and accessibility
• Five comparison pages (CSS Inspector, Pixel Ruler, Color Picker, Responsive Testing, Font Inspector)

3.29.2 (2026-04-24)

• Polished the locked-section presentation in the side panel

3.29.1 (2026-04-23)

• Minor fixes

3.29.0 (2026-04-23)

• Re-added the upgrade modal in the side panel

3.28.0 (2026-04-20)

• Blog launched on the marketing site
• SEO improvements: llms.txt, llms-full.txt, robots.txt, sitemap
• Keyboard-shortcut trinket animation on the welcome page
• Transparency pattern added behind side-panel images so transparent assets are recognisable at a glance
• Improved font rendering on the welcome page
• Updated dropdown chevron icon
• Breakpoints reordered above the page rulers in the dock

3.27.0 (2026-04-19)

• Breakpoints feature: vertical guide lines drawn at the page’s real @media values, scaled dynamically in Responsive Mode via CSS variable calc(), with high-contrast labels
• Switched all UI icons to Phosphor icons
• Trial countdown on the paywall

3.26.1 (2026-04-19)

• Fixed find highlights not clearing when the popover was closed directly, replaced by another popover, or dismissed via Escape (including inside the responsive iframe)
• Updated grid line colours

3.26.0 (2026-04-18)

• Marketing site launched (landing page, welcome page, privacy, terms)
• Post-trial Pro features now hide gracefully when the trial ends
• Fade-in on extension load
• Welcome page now passes the user’s language correctly

3.24.1 (2026-04-05)

• Pricing hard-coded into the extension instead of fetched remotely
• Declared api.gumroad.com as an explicit optional host permission for license validation, gated behind permission checks per Chrome Web Store guidelines

3.24.0 (2026-03-28)

• Page tab added to the side panel as a sibling to the Element tab, with the page title and description (with empty states), meta tags grouped by SEO / Open Graph / Twitter, an OG image preview with a download button, and the Technology detection list
• Issues feature is now free for all users (previously Pro)
• Side panel behaviour fix

3.23.0 (2026-03-21)

• Free trial introduced for new users
• Switched to an element-probe method for contrast detection (more accurate against transparent and overlapping elements)

3.22.1 (2026-03-16)

• Fixed Vivaldi side-panel reliability (per-tab adoption via tabIdFromUrl flag instead of chrome.tabs.query, which is unreliable in Vivaldi)

3.22.0 (2026-03-10)

• Colour format handling now applied consistently across every panel that shows a colour value
• Fixed font detection edge cases
• Fixed a colour regex bug
• Switched to relative line-height units in side-panel rendering

3.21.3 (2026-03-04)

• Reverted SEO meta descriptions and title

3.21.2 (2026-02-27)

• Fixed an activation count miscount that occurred when license keys were validated multiple times in a session

3.21.0 (2026-02-10)

• Colour normalisation rewritten in utils.js so any input format (HEX, RGB, HSL, HSB, named, modern colour-spaces) round-trips cleanly
• Added an internal colour-format test page covering edge cases

3.20.2 (2026-02-05)

• Background-script and content-script reliability fixes

3.20.1 (2026-02-02)

• Centralised the checkout flow so all paid actions share one entry point
• SEO data updates

3.20.0 (2026-01-28)

• Flexbox and grid layout inspection block: visual breakdown of axis, justify/align, gap, and grid tracks for any selected element
• Gradient inspection module with colour stops and direction arrows
• Issue highlighting now highlights every matching element on the page, not just the first
• Updated Pro feature count

3.19.1 (2026-01-25)

• Fixed a side-panel rendering issue

3.19.0 (2026-01-22)

• Matched style parsing: side panel now shows which stylesheet rules matched the selected element, sorted by specificity, with cached resolution and URL handling
• Box-model margin indicators on the highlight overlay
• Fixed flicker when switching between elements
• Safety against stuck highlights

3.18.0 (2026-01-16)

• Side-panel reliability fix: race condition when activating the ruler before the side panel was ready
• Quality-of-life polish across the inspector flow

3.17.0 (2026-01-12)

• Tailwind module: convert any element’s CSS to Tailwind utility classes
• Canvas Inspection: probes <canvas> elements via getContext() across 2d, webgl2, webgl, bitmaprenderer, and experimental-webgl; reports context type, dimensions, and pixel ratio
• WordPress theme detection added to the technology detector
• Locked Pro sections in the side panel
• Pricing tiers added to the upgrade page
• Responsive Mode improvements: UI scaling, smoother zooming, and technology detection now works inside the responsive iframe
• Aligned content UI with the side panel
• Updated typefaces

3.16.0 (2026-01-02)

• Side-panel UI refresh: reworked media layout in the inspector, redesigned typography section, updated screenshots in the upgrade page
• Improved keyboard command set in the dock
• Pro badge visibility improvements (better contrast against background)
• Fixed a toggle-control regression by switching from one-shot chrome.runtime.sendMessage calls to long-lived chrome.runtime.connect ports for state synchronisation
• Paywall redesign

3.15.0 (2025-12-14)

• Added HSB colour space parsing alongside HEX, RGB, and HSL

3.14.1 (2025-12-10)

• Fixed a z-index issue with side-panel previews

3.14.0 (2025-12-06)

• Side panel previews: hovering Pro feature locks shows a preview of what unlocking gives you
• Upgrade source tracking so we can tell which CTA drove an upgrade

3.13.3 (2025-12-03)

• Background script reliability updates

3.13.2 (2025-11-25)

• Fixed license parsing edge cases

3.13.1 (2025-11-17)

• Fixed a permission-prompt issue

3.13.0 (2025-11-13)

• Reworked Pro flows across the side panel and inspector: cleaner upgrade prompts, tighter integration with locked-state UI
• Reverted Pro-breaking changes that had slipped into the previous build
• Video link added to the upgrade page
• Removed unused images to shrink the package

3.12.4 (2025-11-11)

• Fixed text wrapping in the side panel

3.12.3 (2025-11-08)

• Added “learn more” translation string

3.12.2 (2025-11-07)

• Updated button text and screenshots
• Removed the star-rating prompt

3.12.0 (2025-10-29)

• Technology detection: 165+ frontend frameworks, libraries, CMSs, analytics platforms, and CDNs detected with logo SVGs (Akamai, Alpine, Angular, Astro, Bootstrap, Fabric, Vue, React, Tailwind, and many more)
• Image previews on hover in the asset list
• Custom dialog for license-key activation (replaces the native browser prompt)

3.11.2 (2025-10-28)

• Fixed a Responsive Mode bug

3.11.1 (2025-10-24)

• Fixed an eyedropper highlight that wasn’t hiding properly after sampling

3.11.0 (2025-10-22)

• X-Ray Mode improvements (cleaner outline rendering)
• Find logic improvements, including Find working inside Responsive Mode iframes

3.10.1 (2025-10-21)

• Fixed Responsive Mode handling: bi-directional parent-iframe communication for parent-element selection, plus issue-handling fixes inside the responsive iframe
• Paywall now shows feature-specific messages and images depending on which Pro feature triggered the upgrade prompt

3.10.0 (2025-10-17)

• Responsive Mode launched: render the page in a sandboxed iframe at any device dimensions, with bi-directional parent-iframe communication so the rest of Screen Ruler’s tools work inside the simulated viewport
• Element-level Issues replace the page-wide Issues tab from 3.9: pick an element and see only its problems
• Issue engine: more issue types, filters, max-depth control
• Wall of love added to the upgrade page

3.9.0 (2025-10-12)

• Issues tab introduced (the page-wide first version, replaced in 3.10): accessibility, code quality, performance, SEO, and usability checks with category icons
• Page rulers: persistent guide lines at the top and left edges, with a crosshair tracking cursor coordinates
• Built-in colour picker (browser-native eyedropper API, auto-copies in the user’s chosen format)
• Improved dock tooltips

3.7.2 (2025-09-29)

• Upgrade flow fixes

3.7.0 (2025-09-19)

• Pause button on the dock: temporarily freeze the inspector overlay so you can interact with the page without the ruler intercepting clicks
• In-extension banner system for announcements (above the dock)

3.6.0 (2025-09-08)

• Removed discount-campaign support
• Pro badge polish

3.5.0 (2025-09-06)

• Typography styles section: extracts every unique font-family + font-size + font-weight + letter-spacing + text-transform combination on the page, rendered as cards with specimens in the actual typeface
• X-Ray Mode: outlines every element on the page with depth-cycled colours through 11 nesting levels
• Removed an asset-fetching bottleneck

3.4.0 (2025-09-04)

• Contrast ratio in the inspect popover, with opacity support (correctly composites semi-transparent foregrounds against the resolved background)

3.3.1 (2025-09-02)

• Updated dock Pro badge display

3.3.0 (2025-09-01)

• Box-shadow visualisation module: parses multi-layer shadows and renders an exploded stack so each layer’s offset, blur, spread, and colour is readable
• Animation keyframe support: side panel shows the keyframe rules for any animated element

3.2.0 (2025-08-29)

• Paywall design refresh: new layout, gradient background, god-rays effect, logo treatment
• Removed the windowed paywall A/B variant and its supporting code
• Translation updates for the new paywall copy

3.1.0 (2025-08-09)

• Persistent collapsed sections in the side panel: collapse a section once, it stays collapsed across pages
• Improved animation and transition CSS output (cleaner serialisation of timing functions and stops)
• Feature grid added to the upgrade page with light-and-dark screenshots for every Pro feature
• Side-panel availability check before activating the ruler

3.0.1 (2025-08-05)

• Theme toggle restore so the theme menu reflects the current selection
• Re-added the ExtPay listener for legacy (pre-Gumroad) users
• Migration alert for legacy users prompting them to switch to Gumroad licenses
• Improved colour-section layout in the inspector
• Code date validation
• Simplified the menu structure
• Animation display bug fix
• Menu translations and missing strings added

3.0.0 (2025-07-30)

• Major redesign of the side panel and on-page UI
• Migrated payment provider from ExtPay to Gumroad, with a migration path so existing customers keep Pro access
• Animations and transitions visualisation (cubic-bezier curves, timing breakdown) in the side panel and upgrade page
• Theme toggle (light, dark, system) with persistence
• Find feature (CSS-selector search highlighting every match) and element-count display
• Flex and grid layout highlighting on the page
• 60+ element-type icons for the side-panel tag indicator (article, aside, audio, button, canvas, etc.)
• Improved element categorisation in the inspector

2.6.2 (2025-04-02)

• ExtPay dependency bump to handle legacy license validation edge cases

2.6.1 (2025-03-19)

• Removed detached DOM nodes from inspection candidates
• Fixed a context-menu condition bug

2.6.0 (2025-03-13)

• Draggable dock: pick up the dock and move it anywhere on screen
• Dock hide button
• Improved upgrade handling

2.5.2 (2025-03-08)

• Fixed several memory leaks: race conditions, leaked listeners, missing event delegation

2.5.1 (2025-03-05)

• Restored discount campaign support that had been broken in the 2.5 build migration
• Fixed discount-date handling
• Updated extension icons

2.5.0 (2025-03-02)

• Switched the build pipeline from Gulp to Webpack; reorganised the source tree from src/ to public/
• Side-panel UI refresh: layout updates, scrollable interactions, segmented-control height, updated highlight styles
• Improved colour handling in the side panel
• Copy buttons added next to colour values
• Banner styling improvements
• Paywall redesign with new screenshots, gradient, and translations; image compression

2.4.0 (2024-12-02)

• Side panel and dock design refresh: updated shadows, empty-state icon, inspect-panel layout
• Updated upgrade-page screenshots

2.3.1 (2024-11-29)

• Re-added the open-side-panel button

2.3.0 (2024-11-19)

• Reworked side-panel open logic to be more reliable across new tabs and reactivations
• Adjusted payment-validation functions to handle license-server timeouts more gracefully

2.2.5 (2024-09-24)

• Content-script and side-panel reliability fix

2.2.4 (2024-09-18)

• Updated discount date

2.2.3 (2024-09-12)

• Layout grid now applies a CSS reset so it isn’t affected by host-page styles

2.2.2 (2024-08-22)

• Removed legacy discount campaign code

2.2.1 (2024-08-19)

• Reset action that returns the inspector to its initial state

2.2.0 (2024-08-18)

• Copy CSS selector for any inspected element

2.1.4 (2024-08-16)

• Paywall translation updates

2.1.3 (2024-08-15)

• Welcome screen on first install
• Improved paid-status checking (handles slow license-server responses)
• Activation keyboard shortcut surfaced in the welcome flow

2.1.2 (2024-08-11)

• Improved default handling in the inspect popover

2.1.1 (2024-08-10)

• Updated paywall screenshots
• Build fix

2.0.5 (2024-08-08)

• Moved campaign logic to the service worker

2.0.4 (2024-08-08)

• Fixed pointer events on the upgrade button

2.0.3 (2024-08-07)

• Discount campaigns with countdown timers

2.0.2 (2024-08-06)

• Six new languages: German, Spanish, French, Hindi, Japanese, Russian
• Max-width input for the layout grid

2.0.1 (2024-08-04)

• Side-panel and content-script polish on top of the 2.0 redesign
• String descriptions added to messages.json entries to give translators more context

2.0.0 (2024-08-04)

• New extension icon
• On-page UI redesign
• Side-panel design refresh

1.8.2 (2024-07-13)

• Colour format switcher in the side panel (toggle between HEX, RGB, HSL output)
• Paywall styling refresh with updated selection-colours screenshot
• Pro experience polish across side panel and ruler

1.8.1 (2024-07-07)

• Upgrade-page logic improvements (HTML and styling refinements)
• Temporarily removed text-property reading while a regression was being investigated

1.8.0 (2024-07-05)

• Font section in the side panel showing typography of the selected element
• Underline indicator added to text rendering
• Expanded paywall feature copy with subtitles for each feature card

1.7.0 (2024-07-02)

• Box-model accent colours (margins orange, padding green) on the inspector overlay
• CSS variables piped into the shadow-DOM root so themed overlays follow the page’s scheme
• Popover redesign and new paywall design with feature screenshots

1.6.1 (2024-06-23)

• Border-radius now displayed in the box model

1.6.0 (2024-06-19)

• Paywall design refresh with six feature screenshots: inspect, advanced properties, layout grid, screenshots, asset downloads, selection colours

1.5.7 (2024-06-08)

• Improved asset detection

1.5.6 (2024-06-05)

• Updated paywall logic
• Fixed how date comparisons are handled

1.5.5 (2024-06-02)

• Fixed dialog-hide behaviour during payment

1.5.4 (2024-06-02)

• Paywall system reworked: new copy, restructured paywall HTML/CSS/JS, refreshed messages

1.5.2 (2024-05-23)

• Optional asset downloads (download every image on the page in a single click)

1.5.1 (2024-05-22)

• Updated inspect popover
• Fixed side-panel clearing
• Ruler updates

1.5.0 (2024-05-17)

• Side-panel improvements: assets list, text-content extraction, code section with copy buttons, improved selection colours

1.4.1 (2024-05-02)

• Fixed a shadow-host reset bug

1.4.0 (2024-05-02)

• Dock keyboard shortcuts: V drops a vertical guide, H a horizontal one, plus parent/child select, screenshot, grid toggle, inspect toggle, and quit
• Copy CSS for the selected element
• Side-panel colour updates

1.3.1 (2024-04-13)

• Side-panel keyboard shortcut to open
• Paywall update

1.3.0 (2024-04-10)

• Box-model module added to the side panel
• Plan structure introduced: Basic and Pro tiers with separate paywall pricing and feature lists

1.2.0 (2024-04-06)

• Element tree in the side panel for navigating the DOM by parent and children
• Paywall introduced with Pro feature gating
• Screenshot keyboard shortcut registered

1.0.3 (2024-04-04)

• Fixed overlapping element detection

1.0.2 (2024-04-01)

• Side-panel layout iterations: link and source sections, dark-mode background, URL linkification
• Updated keyboard commands
• Ruler script reliability fixes

1.0.1 (2024-03-28)

• ExtPay integration for license validation
• Side panel design and structure overhaul
• Fragment links in the side panel for jumping to inspected elements
• Color tokens system
• Payments flow added
• Build process updates
• Improved interaction blocking when the ruler is active

1.0.0 (2024-03-19)

• Initial release
• On-page ruler for measuring distances
• Side panel for inspecting elements
• Payment integration via ExtPay