Available For Front-End & Design Systems Contracts – Get In Touch

ReliCSS

ReliCSS Code Scrolls

These code scrolls are quick JavaScript bookmarklets that can help with common web development inspection tasks. They complement browser developer tools by providing instant insights for specific front-end archeological investigations.

All of these code scrolls run entirely in your browser with no data sent to external servers.

How to Install Code Scrolls

  1. Copy the 'scroll' link by right-clicking and selecting "Copy Link" or dragging it to your bookmarks bar
  2. Add to bookmarks by dragging the link to your browser's bookmarks bar, or right-clicking the bookmarks bar and selecting "Add Page"
  3. Use on any webpage by clicking the 'scroll' while on the target page

Note: Some browsers may require you to enable the bookmarks bar first (View → Always Show Bookmarks Bar).

Available Code Scrolls

JS/No-JS Toggle

Toggles between 'js' and 'no-js' classes on the HTML element. Useful for testing how your site behaves with and without JavaScript enabled. Pairs nicely with this old Flash Of Unstyled Content trick.

JS/No-JS Toggle

Inline CSS Inspector

Displays all inline CSS styles in the document head and style blocks, along with line numbers and formatting.

Inline CSS Inspector

Inline Style Inspector

Scans the entire page for HTML elements with inline style attributes and displays a comprehensive report.

Inline Style Inspector

External Resources Detector

Identifies and lists all external CSS and JavaScript files loaded from domains other than the current one.

External Resources Detector