Tailor
Item media 4 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

A developer tool which tries to simplify inspecting spacings on websites.

Tailor is a developer tool that simplifies inspecting spacings on websites. While holding the toggle key (Alt or option), hover around the page to inspect elements. Size, margin, and padding will be highlighted, and font information will be displayed in the panel. While Tailor is active, you can also click on an element to lock it and enter the measuring mode. Now, Tailor will display the distance between the locked element and any other element you hover over. Our QA team does extensive checks to ensure that spacings, paddings, and font sizes match the designs. I created this library/extension hoping to make their lives easier. Tailor is open source, and you can find the source code here: https://github.com/Stanko/tailor/ Please use GitHub issues to report bugs or submit feature requests.

5 out of 51 rating

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.3.2
  • Updated
    April 3, 2024
  • Offered by
    Stanko
  • Size
    65.55KiB
  • Languages
    English
  • Developer
    Email
    support@muffinman.io
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Text Spacing Editor

5.0(3)

A tool for editing text spacing properties on web pages. WCAG conformance information included.

axe DevTools - Web Accessibility Testing

4.0(109)

Accessibility Checker for Developers, Testers, and Designers in Chrome

Simple Ruler

5.0(6)

A very simple ruler to check your webpage, without ads, without secrets, just a ruler.

Web Developer Tool for Chrome

5.0(20)

Web developer toolbox for your browser.

Better Ruler

4.8(49)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Font identifier

4.9(17)

Font identifier - simplifies the process of identify fonts on any webpage with a one-click font finder tool, saving users time.

BugHerd: Visual Feedback Tool for Websites

4.2(35)

BugHerd is a visual feedback tool for websites

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Measuremate

4.6(40)

The ultimate measuring tool for the web

Screen Ruler: Measure The Web

5.0(9)

Measure sizes, distances, margins and paddings of any element on any web page.

Website Responsiveness Checker

4.5(2)

Optimize your website for all devices with website responsiveness checker

BrowserStack Accessibility Toolkit

4.8(60)

Web Accessibility Testing Tool for WCAG & ADA compliance - Empowering Developers and Testers to find and fix accessibility issues.

Text Spacing Editor

5.0(3)

A tool for editing text spacing properties on web pages. WCAG conformance information included.

axe DevTools - Web Accessibility Testing

4.0(109)

Accessibility Checker for Developers, Testers, and Designers in Chrome

Simple Ruler

5.0(6)

A very simple ruler to check your webpage, without ads, without secrets, just a ruler.

Web Developer Tool for Chrome

5.0(20)

Web developer toolbox for your browser.

Better Ruler

4.8(49)

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Font identifier

4.9(17)

Font identifier - simplifies the process of identify fonts on any webpage with a one-click font finder tool, saving users time.

BugHerd: Visual Feedback Tool for Websites

4.2(35)

BugHerd is a visual feedback tool for websites

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Google apps