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
@mediavalues, scaled dynamically in Responsive Mode via CSS variablecalc(), 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.comas 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
tabIdFromUrlflag instead ofchrome.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.jsso 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 viagetContext()across2d,webgl2,webgl,bitmaprenderer, andexperimental-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.sendMessagecalls to long-livedchrome.runtime.connectports 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-transformcombination 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/topublic/ - 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.jsonentries 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