hpnihgcmhjlfpniefhkpadfepbnnjfcm
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/
Web Developer
Adds a toolbar button with various web developer tools. The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the Web Developer extension for Firefox. The best place for support is not in the reviews section below, but on the Web Developer site in the help:
Better Ruler
A page ruler which can snaps around web elements for easier measurement. Provide convenience for front-end development and ui design **A smart web ruler with element snapping for easier frontend development and UI design.** - **Smart Snapping**: Hold `Alt` (or `Option` on Mac) while moving the cursor to automatically detect and snap to web elements. Supports snapping to **edges, 4 corners, and 4 edge midpoints**, displaying dimensions instantly. The snap preview uses a contrasting color to distinguish from measurement boxes. - **Easy Measurement**: Click and drag to create a measurement layer that snaps to element edges automatically. - **Flexible Editing**: Double-click any layer to enter edit mode: move, resize, or fine-tune. - **Esc**: Exit edit mode - **Backspace**: Delete the selected layer - **Status Indicator**: The extension icon changes based on status (colored = active, gray = inactive) for easy identification. - **Shortcuts Help**: Hover over the `?` button in the toolbar to view all available shortcuts. - **Customization**: - **Individual Colors & Opacity**: Each measurement box can have its own color and opacity; editing when selected only affects the current item - **Global Mode**: When enabled, changing color or opacity affects all existing measurement boxes simultaneously - **Single Mode**: When enabled, only one measurement box can exist at a time; new boxes automatically clear old ones - **Size Position**: Configure where dimension labels appear (center, corners, etc.) - **Dashed Background**: Choose between solid or dashed background for measurement boxes - **Reference Lines**: Automatic horizontal and vertical reference lines with X, Y coordinate labels - **Crosshair Display**: Configure mouse crosshair display mode - **Quick Controls**: - Press `f` (configurable): Toggle toolbar visibility - Press `r` (configurable): Toggle reference lines - Press `s` (configurable): Toggle snap mode (when on, snapping is always active without holding Alt; Alt temporarily disables snapping) - Press `Shift`: Toggle dimension labels - `Ctrl+Z` / `Cmd+Z`: Undo (supports draw, delete, move, resize operations) - `Ctrl+Shift+Z` / `Cmd+Shift+Z`: Redo - `Alt + z` (customizable): Global shortcut to toggle the extension - Double-press `z` (configurable): Quickly activate/deactivate within the page (after first launch) - **Copy Dimensions**: Click the dimension label on any measurement box to copy its size (e.g., `320 x 180`) to clipboard. - **Toolbar Hint**: A toast notification shows how to restore the toolbar after hiding it. - **Shadow Color**: The snap preview color is independently configurable, no longer derived from the measurement box color. - **Local File Support**: Enable "Allow access to file URLs" in `chrome://extensions` to measure local HTML files. - **Mobile Simulation**: Works in DevTools mobile simulation mode (ensure `device type` is set to `no touch`).
Locale Switcher
Use the Locale Switcher extension to change locale in chrome per tab. A web development tool to test website localizations. Elevate your web development and browsing with Locale Switcher extension. This extension allows you to quickly change chrome language, letting you select linguistic preferences and regional settings for each tab. Perfect for testing sites and accessing country-specific content. 🛠 Key Features • Language selector: Easily pick your preferred options. • Chrome localization settings: Modify locale settings per tab in the browser. • Browser testing tools: Essential for web developers. • Language bar: Quick access to dialect options. 📌 Why Use the Extension 1️⃣ Chrome change language per tab effortlessly with the extension. 2️⃣ Acts as a locale emulator for comprehensive web page testing. 3️⃣ Simplifies changing language chrome settings through the extension. 4️⃣ Enables you to switch dialect per tab without needing to restart. 🚀 Benefits of the Extension 🔺 Utilize a powerful language extension for quick testing. 🔺 Manage language preference for each tab, enabling efficient multitasking. 🔺 Improve efficiency with the web development tools that make it easy. 🔺 Seamless Chrome switch regional settings experience in the side menu bar. 📋 How to Use Locale Switcher ➤ Install the locale switcher extension from the Chrome Web Store. ➤ Click the extension icon to access the language selector. ➤ Choose your desired locale in the tab. ➤ Refresh the tab to apply the new settings. 👥 Who Needs This Tool? 🌐 Web Developers needing convenient solutions for testing. 🌐 QA Testers working on multilingual sites. 🌐 Users wanting to change browser language per tab quickly. 🌐 Anyone needing to change locale in chrome easily. 💡 Use Cases for Locale Switcher extension ✨ Test websites with various regional settings. ✨ Change language in chorme and access locale-specific content. ✨ Use it as a local emulator for development. ✨ Adapt your browsing environment with a variety of linguistic preference selections. 🔧 Advanced Features 🔗 Modify regional preferences per tab without hassle. 🔗 Acts as a locale emulator for various regions. 🔗 Enhances web developer tools suite. 🔗 Easy change the language of chrome per tab. 💼 Why Locale Switcher Stands Out 🟤 Functions as a local emulator, allowing you to test regional settings. 🟤 Acts as a language switcher for quick changes. 🟤 Recognized as a reliable language chrome extension. 🟤 Manage linguistic settings per tab swiftly. 📈 Improve Efficiency 📌 Change browser locale chrome per tab in seconds. 📌 Simplify adjust regional settings during development. 📌 Ideal for those needing to change the language Google Chrome uses per tab. 📌 Change locale chrome in the side menu bar for a fast and easy way. ❓Frequently Asked Questions ➤ Can I set dialects per tab? ￫ Yes, you can set language in Chrome for each tab individually. ➤ Is it easy to switch linguistic preferences using the extension? ￫ Absolutely! It makes it simple to switch linguistic preferences on the fly. ➤ How to change language on Google Chrome browser per tabs? ￫ You can do it manually or install our extension to effortlessly change language on Google Chrome browser for individual tabs. 💻 Integration with Web Development Tools 🔹 Easily change language in browser chrome per tab and adjust locale preference on websites without the need to restart your browser, ensuring a smooth and uninterrupted development process. 🔹 Enjoy a convenient options integrated into the side menu bar, granting quick access to all language settings and making switching idioms a breeze. 🔹 The extension enhances your web developer tools suite, providing robust features for comprehensive testing. 📥 Get Started Today ▫ Download Locale Switcher now! ▫ Experience the ease of chrome switch language per tab. ▫ Join thousands of web developers improving their regional configurations workflow. 🛡 Privacy and Security ✦ Locale Switcher respects your privacy. ✦ Only adjusts browser regional configurations per tab. ✦ No data is collected or stored. 🌐 Tell us what do you think about the Locale Switcher - Share your experiences 🔗 Download Locale Switcher Now and Enhance Your Workflow and Browsing Experience The language extension chrome offers intuitive controls, making it effortless to switch between idioms directly from your browser toolbar. This extension is the perfect solution for anyone needing to change language in chrome per tab efficiently. You no longer have to worry about how to change Google Chrome browser language per tab!
Dimensions
A tool for designers to measure screen dimensions This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel. Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser. Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring. You can start and stop dimensions with the ALT + D shortcut. Wanna get the radius of a circle? Is text standing in your way? Press Alt to measure the dimensions of a connected area. Dimensions is Open Source and hosted on Github. Want to port it to Firefox? Go ahead and fork it. Pull requests are welcome! https://github.com/mrflix/dimensions
