ruler extension safari

10 Browser Extensions for Designers (and Non- Designers)

Many of us seek tips and tricks to simplify our work — designers included. Some tasks can be very simple but take a lot of time — for example, trying to figure out the exact colors in a competitor's color palette. Other tasks could require help from someone else — for example,  proofreading your CV or portfolio.

We asked around the Uxcel team and made a list of browser extensions that both designers and non-designers like using. These 10 tools can save your time, money, and effort, inspire you, and boost your productivity and creativity.

• WhatFont for Chrome & Safari
• Grammarly for Chrome & Safari
• ColorZilla for Chrome
• Page Ruler Redux for Chrome
• FireShot for Chrome
• Dark Reader for Safari & Chrome
• HoverSee for Safari
• Muzli 2 for Chrome & Safari
• Evernote Web Clipper for Chrome & Safari
• Stay Focusd for Chrome

1. WhatFont for Chrome & Safari

The WhatFont extension provides a simple and elegant way of identifying fonts on a web page. Forget hunting through the code and looking for a typeface that has caught your eye. Hover the mouse on the text — and voilà! WhatFont tells you what typeface it is. You can see even more details on click: font style, weight, size, line height, and color. WhatFont has 2 significant advantages: the extension exists for both Chrome and Safari, and it can identify typefaces in any language.

Try WhatFont for Chrome

Try WhatFont for Safari

If you’re intrigued by the world of fonts, explore our Typography course , at the end of which you’ll be able to create both aesthetic and readable designs.

2. Grammarly for Chrome & Safari

Smaller teams often don't have full-time copywriters or UX-writers. In cases like this, the copy can become the designers' responsibility. You might need to write UX microcopy and social media posts, not to mention emails to your team. Also, the ability to write solid copy is a massive addition to your professional skill set. With Grammarly, you can stop worrying about spelling errors or weird sentence structure. This extension acts like your personal writing assistant. It underlines pieces that need improvement and provides immediate and specific suggestions.

Try Grammarly for Chrome

Try Grammarly for Safari

That said, AI tools cannot replace a strong foundational knowledge in UX writing — check out our UX Writing course to build yours.

3. ColorZilla for Chrome

A sustainable, thoughtful color palette is the foundation of any design. ColorZilla is an extension with a range of features that are helpful when working with color. The most used function is "Pick Color From Page." It automatically determines the hex value of the color you choose and copies it to the clipboard, allowing you to paste it right away in the drawing tool. ColorZilla keeps a history of all the colors you've picked, so you won't lose track of your top selections. Moreover, the extension can generate website palettes and create gradients that you can download in CSS format.

ColorZilla doesn't work for Safari, but you can use its alternative — Color Picker. It speeds up the process of picking colors and copies their value in any format you need: NSColor, UIColor, HEX, RGB, etc.

Try ColorZilla for Chrome

Try Color Picke‪r for Safari

Our Color Psychology course is a great place to start if you’re curious about how to use colors effectively in your designs.

4. Page Ruler Redux for Chrome

Page Ruler Redux is a go-to tool for designers and web developers when they need precise element measurements. All you have to do is drag the mouse along the selected area to measure the distance between elements. The tool will also give you accurate height and width in pixels.

For Safari users, there's the Ruler extension with similar functionality. Ruler can also display rulers, guides, and frames over website content, allowing you to save and load guides for future reviews.

Try Page Ruler Redux for Chrome

Try Ruler for Safari

5. FireShot for Chrome

The FireShot extension has over 2 million users, which speaks volumes to its excellent functionality. It's a Chrome extension that allows you to:

• Capture visible parts of web pages
• Select and capture specific areas
• Take screenshots of entire web pages
• Edit and print screenshots
• Save screenshots in various image formats, like PDF, JPEG, GIF, or PNG
• Email a screenshot right away or copy it to the clipboard

Safari users can have a look at Awesome Screenshot, which is a similar extension. It provides decent functionality and allows you to capture, edit, and share screenshots anywhere you want.

Try FireShot for Chrome

Try Awesome Screenshot for Safari

6. Dark Reader for Safari & Chrome

If you have never worked late into the night, you're in the minority of designers. Isn't dark mode the best option for the darkest time of day? There's conflicting scientific evidence, but many people believe that dark mode reduces the negative impact of blue light. The blue light emitted by electronic devices is believed to cause eye strain, dry eyes, and severe migraines. The Dark Reader extension is a pet project of software engineer and accessibility activist Alexander Shutov who often works late and wanted to create a tool to ease eye tension in the dark.

With the Dark Reader extension, you can join the "dark side" regardless of the time of day. The tool allows users to adjust brightness, contrast, and font settings to make pages more readable. Plus, dark-themed websites look astonishingly elegant. The extension is available for both Safari and Chrome users.

Try Dark Reader for Chrome

Try Dark Reader for Safari

7. HoverSee for Safari

HoverSee's functionality is right in its name — when users hover the mouse over images and links, they see them larger and more clearly. The extension also provides previews of videos and websites alongside available descriptions. And, of course, it's a lifesaver for users with visual impairments.

HoverSee works great for websites with extensive image galleries and direct image links — for example, Facebook and Twitter. On Youtube, the extension automatically plays a video in its expanded mode. The tool is very easy to customize. You can adjust video delay, min and max zoom, whitelist or blacklist certain websites, autoplay or mute videos, and more.

HoverSee is available for Safari users only, but Chrome has an alternative tool — Hover Zoom+.

Try Hover Zoom+ for Chrome

Try HoverSee for Safari

If building accessible and inclusive products like HoverSee intrigues you, consider exploring our Design Accessibility course .

8. Muzli 2 for Chrome & Safari

You are probably familiar with creativity blocks. Sometimes you spend hours trying to produce something to no avail. As designers, we often look for sources of inspiration. For example, we read books, visit exhibitions, take different routes to the office or grocery store, try new hobbies, and stay up to date with the freshest design trends and news. With Muzli 2, you won't miss a thing in the design world and can always stay inspired. Once installed, it replaces your default home page. Every time you open the browser, Muzli 2 offers you a daily dose of beautiful designs, articles with helpful tips, exciting interviews, and freebies.

The Muzli 2 extension is made by the InVision app team — the creators of one of the best digital platforms for smooth team collaboration when designing products.

Try Muzli 2 for Chrome

Try Muzli for Safari

9. Evernote Web Clipper for Chrome & Safari

The Evernote extension is a fantastic tool for those who like things to be neatly organized and sorted. If you often come across interesting articles or captivating headlines that you are too busy to read right away, Evernote has you covered. The creators of Evernote strive to reduce the number of open browser tabs, so the tool has been design to allow you to store all the interesting things that you find on the web in one place. You can also take screenshots, comment, highlight meaningful points, and share notes with your friends or colleagues.

Try Evernote for Chrome

Try Evernote for Safari

10. Stay Focusd for Chrome

The secret to getting things done is not working 12 hours a day without shifting your eyes from the computer. It's about having regular and, most importantly, refreshing breaks. Procrastinating on Facebook or any other social media website won't do any good. The Stay Focusd extension has all the power to help you to, well, stay focused! For example, you can set limits for time-consuming websites. Once you reach a limit, the extension blocks access to that content for the rest of the day. It's similar to turning parental control on for yourself. The good news is that you can fully customize it yourself, too.

This extension isn't available for Safari users, but Waste No Time is a great alternative. It has the same functionality as Stay Focusd to help users stay on track and get things done.

Try Stay Focusd for Chrome

Try Waste No Time for Chrome & Safari

Other productivity hacks include creating task lists, getting enough sleep, taking breaks, and enjoying a hobby that takes your mind off work.

Frequently Asked Questions

Learn to master typography and create designs that are both readable and aesthetic.

Learn how to write UX copy that will tell a compelling story and engage users.

Learn about color psychology and the profound impact it has on design.

Upskill your design team effectively

Equip your design team with the best-in-class design training that sticks.

Do you know your design team skill level? Send them this quick test & see where their skills stand among 300K+ designers worldwide.

Level up your design career

Get step-by-step guide how to build or advance your UX design career.

Do you know your design skills level? Take a quick test & see where you stand among 300K+ designers worldwide.

Continue reading

The impact of ux design on application success: exploring costs and trends, 11 inspiring ux case studies that every designer should study, 7 top ux careers & specialisations: skills, paths & opportunities, cookie settings 🍪.

• Interactive UX learning for all levels
• 20+ UX courses and career paths
• Personalized learning & practice

Design-first companies are training their design teams. Are you?

• Measure & identify team skill gaps
• Tailor learning for your team’s needs
• Unlock extensive learning library
• Visualize team growth over time
• Retain your designers

Ruler for Safari 4+

Denk alexandru, ảnh chụp màn hình.

Make pixel perfect measurements with rules, guides and frames directly in your Safari browser. Make use of powerful tools that float on top of any website and stay in sync with your browser scrolling. You can also save your work for future review. Ruler for Safari is a great extension, just a click away, ready to use every time you need to measure website graphics, layouts and spaces. FEATURES • Measure the dimensions of any website object and layout • Find distance between items • Show pixel distance between guides and grid dimensions • Display on screen rulers, guides and frames that float on top of any website and stay in sync with your browser scrolling • Save and load guides for future review • Snap guides to page objects for better control SUPPORT We read your support emails every day, day by day. Write with confidence any question, feedback or complain and you will receive an answer in a very short period of time.

Phiên bản 1.1.0

• The app is now optimised for M1 processors

Xếp hạng và Nhận xét

Check yours information from safari.

They collect all information from your safari (e-mail/passwards, etc.)

Phản Hồi Từ Nhà Phát Triển ,

Dear user, This extension is not collecting any information, is not accessing any information from your browser, it's very safe. Also, it's reviewed and tested by Apple in order to enter the App Store and they do not allow apps or extensions that collects information about you. Actually, all your extensions (like Evernote, AdBlocker and so on) will have the same description there, this is the standard. So keep using the extension with confidence. If you need more details you can send me an email to [email protected] and I will gladly help you with more info.

Somewhat helpful

Gives rulers, but I'm having trouble figuring out the finesse use of them. There's no documentation that I've found so far. Wish there was more. I can make guides, but I can't drag them off the page or delete them individually. Can only remove ALL the guides by clicking a button. I see what the post that mentions sensitive info is about: Once loaded, the "Extensions" tab in Safari Preferences states, "Permissions for 'Ruler': Webpage Contents: Can read sensitive info ... including passwords, credit cards ... on all webpages." This seems alarming so I called AppleCare, who looked it up and said everything looks legit to them. (But they couldn't say why, nor could they explain the message.) I only have one other extension installed (Reload Button) and it also has the exact same message in Preferences/Extensions. I've never had a problem, added RB years ago, so I guess its ok. Seems a weird message though. Plus after all this I learned that Safari has a measuring ruler already, once you load the "Developer Tools". Advantage of this one, Ruler For Safari: It will work without having to turn on Developer Tools, it has guides, and it's a tad prettier. I just wish it had some documentation. Given all this, I'm going to keep it. But will probably leave it turned off (uncheck box in Preferences/Extensions) until I need it for a particular use.

Works Perfectly

This is a great extension for Safari and it works perfectly.

Quyền Riêng Tư Của Ứng Dụng

Nhà phát triển, Denk Alexandru , đã cho biết rằng phương thức đảm bảo quyền riêng tư của ứng dụng có thể bao gồm việc xử lý dữ liệu như được mô tả ở bên dưới. Để biết thêm thông tin, hãy xem chính sách quyền riêng tư của nhà phát triển .

Dữ Liệu Không Được Thu Thập

Nhà phát triển không thu thập bất kỳ dữ liệu nào từ ứng dụng này.

Phương thức đảm bảo quyền riêng tư có thể khác nhau, chẳng hạn như dựa trên các tính năng bạn sử dụng hoặc độ tuổi của bạn. Tìm hiểu thêm.

• Trang Web Của Nhà Phát Triển
• Chính Sách Quyền Riêng Tư

Chia Sẻ Trong Gia Đình

Tối đa sáu thành viên gia đình sẽ có thể sử dụng ứng dụng này khi bật tính năng chia sẻ trong gia đình., cũng từ nhà phát triển này.

AppLocker • Passcode lock apps

Documents Translator

BlogTouch for Blogger

Send to TV • Cast photo video

Unscreen • Reduce phone usage

Kate • Keyboard Translator

Use Safari extensions on your Mac

Safari extensions enhance and customize the browsing experience on your Mac. Here's how to install them, uninstall them, or share them across devices.

Safari extensions add functionality to Safari, so you can explore the web the way you want. Extensions can show helpful information about a webpage, display news headlines, help you use your favorite services, change the appearance of webpages, and much more. Extensions are a great way to personalize your browsing experience.

Install extensions

Turn on extensions, turn off extensions, uninstall extensions, share extensions across devices.

Use the App Store to conveniently download and install Safari extensions. All extensions in the App Store are reviewed, signed, and hosted by Apple for your security, and they're automatically kept up to date.

Start by installing the latest macOS updates to make sure that Safari is up to date. You need Safari 12 or later to get Safari extensions from the App Store.

Open Safari and choose Safari > Safari Extensions from the menu bar.

The App Store opens to the Safari Extensions page. To download and install an extension, click Get or click the price. You might be asked to sign in with your Apple ID.

Click Install.

After the extension is installed, click Open and follow the onscreen instructions provided by the extension.

After installing an extension, follow these steps to turn it on.

Choose Safari > Settings (or Preferences).

Click Extensions.

Select the checkbox next to the extension's name. Learn what to do if you can't turn on extensions .

If you're browsing privately, or using a profile or web app

When browsing in a private window in macOS Sonoma or later, all extensions that require website access are turned off by default. To use an extension when browsing privately:

Choose Safari > Settings.

Select the extension in the sidebar, then select “Allow in Private Browsing” on the right.

Whether or not you're browsing privately, you can also restrict the extension's access to certain websites. Click the Edit Websites button to view the extension in Websites settings. From there you can allow access, deny access, or require that websites ask you for access.

When using Safari profiles , extensions for the default profile are managed in the main Extensions tab of Safari settings. Extensions for other profiles are managed in the Profiles tab, which has its own Extensions tab for each profile. By default, extensions are turned off for each new profile.

Choose Safari > Settings (or Preferences), then click Extensions.

To turn off an extension, deselect its checkbox.

If you can't determine what an extension does, or you don't expect to use it again, you should uninstall it.

To uninstall an extension, select the extension and click the Uninstall button.

Starting with macOS Ventura, iOS 16, and iPadOS 16, you can share extensions across your Mac, iPhone, and iPad:

On your Mac, open Safari and choose Safari > Settings, then click Extensions. Select “Share across devices” at the bottom of the window.

On your iPhone or iPad, go to Settings > Safari > Extensions, then turn on Share Across Devices.

To uninstall an extension from all devices, you must uninstall it on each device.

Safari no longer supports most web plug-ins. To load webpages more quickly, save energy, and strengthen security, Safari is optimized for content that uses the HTML5 web standard, which doesn't require a plug-in. To enhance and customize your browsing experience, use Safari extensions instead of web plug-ins.

Information about products not manufactured by Apple, or independent websites not controlled or tested by Apple, is provided without recommendation or endorsement. Apple assumes no responsibility with regard to the selection, performance, or use of third-party websites or products. Apple makes no representations regarding third-party website accuracy or reliability. Contact the vendor for additional information.

Explore Apple Support Community

Find what’s been asked and answered by Apple customers.

The Tech Edvocate

• Advertisement
• Home Page Five (No Sidebar)
• Home Page Four
• Home Page Three
• Home Page Two
• Icons [No Sidebar]
• Left Sidbear Page
• Lynch Educational Consulting
• My Speaking Page
• Newsletter Sign Up Confirmation
• Newsletter Unsubscription
• Page Example
• Privacy Policy
• Protected Content
• Request a Product Review
• Shortcodes Examples
• Terms and Conditions
• The Edvocate
• The Tech Edvocate Product Guide
• Write For Us
• Dr. Lynch’s Personal Website
• The Edvocate Podcast
• Assistive Technology
• Child Development Tech
• Early Childhood & K-12 EdTech
• EdTech Futures
• EdTech News
• EdTech Policy & Reform
• EdTech Startups & Businesses
• Higher Education EdTech
• Online Learning & eLearning
• Parent & Family Tech
• Personalized Learning
• Product Reviews
• Tech Edvocate Awards
• School Ratings

8 Ways to Service an Air Conditioner

3 ways to stop a baby from vomiting, 3 ways to save instagram highlights, skills needed for reading comprehension: everything you need to know, how to change the language in android, 3 ways to permanently delete facebook messages, how to tie the sides of a shirt: 8 simple steps, phonics rules: everything you need to know, how to fill a flask: 8 steps, 3 ways to treat skin disease in hamsters, 5 ways to display a ruler on your computer screen.

Are you tired of searching for a physical ruler every time you need to measure something on your computer screen? The good news is that there are many ways to display a ruler on your computer screen, and in this article, we will explore some of the most popular methods.

1. Use a Web-based Ruler

One of the easiest ways to display a ruler on your computer screen is to use a web-based ruler. There are many websites available that offer free online rulers that you can use to measure anything on your screen. All you need to do is search for “online ruler” or “virtual ruler” in your favorite search engine, and you will find several options to choose from. Once you find a website that offers a ruler, simply follow the instructions to use it.

2. Install a Ruler Extension

Another option is to install a ruler extension on your web browser. There are many extensions available for popular browsers like Chrome, Firefox, and Safari. These extensions will add a ruler or tape measure to your browser, allowing you to measure anything on your screen. Some of the most popular ruler extensions include “MeasureIt!” for Firefox and “Screen Ruler” for Chrome.

3. Use Your Computer’s Built-in Ruler

Most modern operating systems come with a built-in ruler tool that you can use to measure things on your screen. On Windows, you can find the ruler tool by searching for “ruler” in the start menu. On a Mac, you can access the ruler tool by launching the “Preview” app and selecting “Show Ruler” from the “View” menu. The advantage of using your computer’s built-in ruler is that it doesn’t require you to install any additional software.

4. Use a Third-party Ruler Software

If you need more advanced features than what a web-based ruler, browser extension, or your computer’s built-in ruler can offer, you might want to consider using third-party ruler software. There are many paid and free ruler software options available online that you can use to measure and mark anything on your screen. Some of the popular ruler software includes “Pixel Ruler” for Windows, “xScope” for Mac, and “JRuler” for both Windows and Mac.

In conclusion, displaying a ruler on your computer screen is essential for anyone who works with digital graphics, web design, or just simply needs to measure something on their screen. Fortunately, there are many ways to display a ruler on your computer screen, and it’s up to you to choose the method that works best for your needs. Whether you use a web-based ruler, browser extension, built-in ruler, or third-party software, having a ruler on your computer will save you time and help you work more efficiently.

How to Cite a YouTube Video in ...

What is waterfox and is it safe.

Matthew Lynch

Related articles more from author.

What Is MOM.exe?

How to Use multitasking on the iPhone

How to Troubleshoot Netflix Not Working Issue

Best Goal Tracker Apps for 2023

Best Road Trip Planner Apps for 2023

Does Apple Watch Work Without an iPhone?

Ruler for Safari

Measure graphics & layouts directly in safari.

Contact App Support

5 Ways to Display a Ruler on Your Computer Screen

Need to measure something in a pinch? Here are the best screen rulers for your computer, Android, and iPhone devices.

You might think of a ruler as something only kids in school or carpenters use. But occasionally, everyone has a need for an old-fashioned ruler. If you don't have a real ruler handy, why not use a computer ruler?

While they won't help you draw a straight line, you can use these on-screen rulers to make small measurements. Let's look at some useful options you can use on your desktop and phone.

A Quick Note on Using Computer Screen Rulers

Though these sites are simple, the rulers will look different depending on your device's screen size and resolution. They attempt to calibrate themselves automatically, but this won't always work out right.

Thus, while screen rulers are convenient when you have no other options, there's no guarantee that they're perfectly accurate. We therefore don't recommend using these tools for any kind of precision jobs. Use a real measuring tool that you trust for more serious work.

You may wish to double-check these rulers for accuracy before you use them. It's easy to do this using a common object with a standard measurement, like a dollar bill. A US bill is 2.61 inches tall, which you can use to test the ruler.

iRuler is a classic PC ruler site that's still around today. Visiting the site grants you access to a simple ruler right on your screen. It displays both inches and centimeters.

The site automatically detects your monitor size and resolution in order to display the ruler at the right dimensions. If it doesn't get it right, click the select your monitor dimension text to fix this.

That's all there is to using this easy tool, as it doesn't offer much in the way of extras.

2. PiliApp Actual Ruler

This alternative monitor ruler offers a few additional tools compared to iRuler.

When you first visit the page, it will ask you to confirm your detected monitor size. If it's not correct, you can pick a different option or specify your own value. It also lets you choose I don't know what monitor size is for a calibration tool.

With this, you can match up the size of a dollar bill, credit card, or iPhone with one on the screen to figure out your monitor size.

Once you're done, you'll have another ruler to utilize. This site has the centimeter and inch rulers on different pages, which makes it a little cleaner. You can also click the drag it button to put the ruler image in its own window and move it wherever you like on the screen.

3. FreeOnlineRuler

You might think that all rulers on your computer would be the same, but this one offers a few features that the above don't.

First, you can click and drag to move the ruler around wherever you want it. This site also lets you hold Ctrl and drag the ruler to rotate it, which is handy if you want to measure an irregular object.

At the bottom of the page, you can uncheck centimeters or inches if you only want to show one of them. And the flipped option reverses the ruler, so you can measure from right to left.

FreeOnlineRuler also has a calibration tool. Click Please calibrate your ruler (or Calibrate if you've opened this before) at the bottom of the screen to open it. Here you can pick to measure a credit card, dollar bill, or sheet of paper to calibrate the ruler.

If you don't have any of these, the site also helpfully lets you specify your own object measurement for calibration.

4. Ruler by Xalpha Lab

The above tools are great for desktop use, but they don't work too well on a mobile device. If you need a ruler on your phone, perhaps to visualize one inch on the screen, then you should use a dedicated app.

For Android, we like the aptly titled Ruler. It's a highly rated app that lets you make small measurements on your phone. Drag the height and width lines to display the dimensions of the object you're measuring.

Tap anywhere on the screen to open the menu at the top. Here you can swap to the dark theme, change units, adjust the subdivisions, or calibrate it using a coin or credit card.

Of course, since your phone's display isn't as large as a computer monitor, you can't measure objects as long. But as a quick electronic ruler, it's handy to have. Even better, the app features no ads or in-app purchases.

If you need to measure larger objects, you should check out Google's Measure app, which is one of the best toolbox apps on Android .

Download: Ruler for Android (Free)

5. Ruler by Tue Nguyen Minh

If you use an iPhone, you'll find plenty of ruler apps available as well. This one goes by 3-in-1 Ruler, and offers a basic ruler as well as an AR measuring tool and option to print a ruler. Like the above, it has no ads or in-app purchases.

When you start the app, it will ask you for access to your camera. It needs this for the AR measuring feature, which uses your camera to measure the dimensions of actual objects. Pull down from the top to access the standard ruler, which measures up to roughly four inches/10 centimeters.

Modern iPhones also include a first-party Apple app called Measure , which allows you to measure objects using AR. Give that a try if you need to measure something larger than a few inches.

We've looked at the best ruler and distance measurements tools for iPhone before, so check those out for more options.

Download: 3-in-1 Ruler for iOS (Free)

Which Computer Ruler Will You Use?

We've looked at solid monitor ruler options for your desktop as well as your iPhone or Android phone. Whether you just need a quick visualization of a centimeter or need to measure something in a pinch, these will help you out. Just remember that they're not perfectly accurate.

Looking for bigger measurements next? Check out how to measure area and distance on Google Maps and Google Earth .

Helperbird Extension for Google Chrome

Looking for an accessibility tool? Try Helperbird, available on Google Chrome and multiple platforms.

Enjoy a seamless web experience with popular features like text-to-speech, dyslexia friendly fonts, word prediction, voice typing, and immersive reader.

Whether you need a reading mode for easier content consumption or voice typing for hands-free browsing, Helperbird has it all.

Reading features

At Helperbird, we've designed reading features that make reading online easier and more enjoyable for everyone.

Writing features

Helperbird's Writing features offer a comprehensive set of tools to help you write with accuracy and ease.

All things accessibility

Empower users with disabilities. With our text-to-speech, dyslexia support, and other features, we empower users with disabilities to access and engage with web content on their terms.

Features at a glance

Helperbird offers a range of power tools to customize the web to your needs to improve your accessibility, reading, writing, and productivity needs.

Game-changing features such as Reading Mode, Immersive Reader, dyslexia support, text-to-speech with natural voices, text extracting, word prediction, voice typing, and 28 other features to transform your web experience.

Annotations & Sticky Notes

Transform your research and workflow with Helperbird's Annotations & Sticky Notes feature. Effortlessly highlight, annotate, and leave comments on any website or PDF. Choose from a variety of colors and sizes, and organize your notes seamlessly. Save to the cloud and export in multiple formats, all while using our robust search functionality.

Line, Letter, and Word Spacing

Effortlessly fine-tune the spacing of lines, letters, and words on any website or PDF. Enhance readability and tailor your online reading experience with Helperbird.

Show Alt & Image Descriptions

Streamline your web browsing by showing image and link descriptions on mouse over with Helperbird on any website or PDF. Gain quick insights into content by hovering over images and links.

Text Statistics

Easily track various text metrics on any website or PDF with Helperbird's extension. With just two clicks, get a comprehensive analysis including unique word count, shortest words, estimated reading time, and more.

Auto Scroll

Personalize your browsing experience with Helperbird's Customizable Auto Scroll feature. Effortlessly set your scroll speed to slow, medium, or fast and navigate through websites at your own pace. Available across Chrome, Firefox, Edge, and Safari.

Bookmark and Save Your Favorite Websites

Never lose track of important articles with Helperbird's Read it Later feature. Bookmark and save your favorite websites effortlessly, ensuring you can return to must-read content whenever you like.

Color Blindness Support

Enhance web accessibility for those with color vision deficiencies using Helperbird's Color Blindness Support feature. Improve link visibility with underlining and stroking, and benefit from station support on any website.

Customize Your Cursor Size

Effortlessly adapt your cursor size to suit your needs with Helperbird's Cursor Size feature. Ideal for users with visual or dexterity challenges, as well as those who prefer a personalized browsing experience.

English Dictionary

Unlock deeper understanding of words using Helperbird's Dictionary feature. Easily look up, define, and grasp the meaning of any English word to enrich your reading experience.

Document Editor

Manage your documents effortlessly with Helperbird's In Browser Document Editor. Create, edit, and organize text files right within your browser, then export or import to Google Docs, Markdown, and more for ultimate convenience in note-taking and file management.

Customizable Font Sizes

Personalize your reading comfort with Helperbird's Font Size feature. Easily increase or decrease text size on any website to improve readability and tailor your online reading experience.

Easy Translation Support

Break language barriers effortlessly with Helperbird's Translation feature. Select text on any website or PDF, right-click to choose Helperbird's Google Translate option, and instantly translate into your desired language.

Minimize eye strain and improve comfort using Helperbird's Grayscale feature. Apply a gray overlay to any website to lessen glare, making your reading experience more enjoyable while reducing visual fatigue.

Hide Images and GIFs

Experience a distraction-free browsing environment with Helperbird's Media Filter feature. Temporarily hide all images or just GIFs on webpages, and easily restore them when you're ready to view.

High Contrast Mode

Improve readability and web accessibility with Helperbird's High Contrast Mode. Choose from a range of high-contrast color filters designed to make text more visible and your online experience more user-friendly.

Highlight Menu

Helperbird's Highlight Menu offers a convenient all-in-one text utility solution. Highlight any text and instantly access functionalities like text-to-speech, web search, immersive reader, and translation.

Customize Paragraphs

Elevate your reading experience by adding colorful borders around paragraphs with Helperbird's Customize Your Paragraphs feature. Break up long text sections to make reading easier and more visually appealing.

Immersive Reader

Bring Microsoft's Immersive Reader to any website or PDF with Helperbirds extension. Improve your reading fluency and understanding in a snap. It's compatible across Chrome, Edge, Firefox, and all iOS devices.

Control Video and Audio

Silence distractions and take control of playback speeds with Helperbird's Mute Videos and Audio feature. Mute annoying auto-playing videos and adjust their speed for a tailored browsing experience. Available on Chrome, Edge, Firefox, iPad, and iPhone.

Note Organizer

Effortlessly keep track of your sticky notes, highlights, and extracted text with Helperbird's Web-Based Note Organizer. Maintain organization and access your notes from any device for a seamless experience.

OCR / Screenshot Reader

Capture, read, and save text from images or screenshots effortlessly with Helperbird's OCR/Screenshot Reader. This versatile tool offers text-to-speech, saving to keyboard, and note-taking functionalities.

Overlays & Tints

Fine-tune the visual elements of any website to suit your needs with Helperbird's Customizable Overlays & Tints feature. Dial down glare, ease eye strain, and combat fatigue by adjusting brightness, contrast, and color to create a personalized browsing environment.

Customizable Paragraph Width

Adjust the width of paragraphs for better focus and readability with Helperbird's Customizable Paragraph Width feature. Tailor the text layout to your preferences, reducing eye strain during extended reading sessions on websites and PDFs.

Dyslexia-Friendly PDF Reader

Elevate your PDF interactions with Helperbird's Dyslexia-Friendly PDF Reader. Not only can you annotate, highlight, and add sticky notes, but you also gain the advantage of dyslexia support features. With integrated text-to-speech, Immersive Reader, and a highlighter tool, navigating and studying PDFs becomes a seamless experience.

Quick Print

Transform your printing experience with Helperbird's One-Click Quick Print feature. With a single click, effortlessly print an entire webpage or only your selected content. Eliminate the complexities and frustrations often associated with printing web pages.

Robust Privacy Safeguards

Place your trust in Helperbird's Robust Privacy Safeguards. We're committed to protecting your data and ensure it's neither sold, stored, nor misused. Your privacy is our priority, and we don't store any user-related content.

Reading Guide

Elevate your reading experience with Helperbird's Reading Guide, designed to direct your eye flow and keep you engaged with the text. Say goodbye to distractions and hello to a new level of focus and comprehension.

Reading Mode

Experience a cleaner, more focused reading environment with Helperbird's Reading Mode. This feature eliminates ads and other distractions, providing you with a simplified web page layout. Take advantage of added accessibility and productivity tools, including summarization capabilities, to elevate your reading journey.

Reword and Simplify websites

Enhance your comprehension with Helperbird's Reword and Simplify feature. Adjust the reading age level to make complex texts easier to understand, perfect for improving reading skills or overcoming language barriers.

Dyslexia Ruler

Take control of your reading experience on both web pages and PDFs with Helperbird's Dyslexia Reading Ruler. Specifically designed to support dyslexic users, this feature enhances focus and comprehension by dynamically highlighting text as you read.

Screenshot Tool

Effortlessly capture screenshots of entire webpages or select specific areas with Helperbird's Screenshot Tool. Save your captures directly to your device for quick access and future reference.

Keyboard Shortcuts

Discover Helperbird's keyboard shortcuts and become a pro at navigating the extension. Enhance your accessibility experience with quick and efficient shortcuts.

Specialized Fonts

Switch fonts on websites and PDFs easily with Helperbird. Pick from fonts like Lexend and OpenDyslexic, or choose from 18 other fonts. Great for people with dyslexia or anyone who wants a different way to read.

Voice Typing

Experience fast, accurate speech-to-text conversion on Chrome, Firefox, Edge, and iOS with Helperbird's Voice Typing feature. Make communication simpler and more efficient. Try it free today!

Speed Reading

Unlock your reading potential with Helperbird's powerful speed reading extension. Improve your reading speed and efficiency with customizable settings and easy-to-use features. Try it now and experience the benefits of faster reading.

Spelling & Grammar Checker

Boost your writing confidence with Helperbird's Spelling & Grammar Checker. Our quick and accurate tool is available on Chrome, Edge, and iPad, helping you polish your spelling and grammar effortlessly.

Color Customization

Adjust font, background, and link colors to enhance your online experience and make websites work for you.

Summarize Pages

With Helperbird's Auto-Summary feature, distill complex articles and web pages into key bullet points. Ideal for quick overviews, this feature enhances your productivity and comprehension.

Text Alignment

Align text to your preference on any website with Helperbird's Text Alignment feature. Improve your reading experience and readability by easily customizing the alignment.

Text to Speech

Convert written text into lifelike speech effortlessly. With Helperbird, have the contents of web pages, ebooks, and PDFs read aloud to you using realistic, natural-sounding voices.

Web Highlighter

Illuminate your reading and note-taking experience with Helperbird's Web Highlighter. With various color options, the Web Highlighter offers an engaging way to highlight text on web pages and PDFs.

Word Prediction

Maximize your writing skills with Helperbird's word prediction extension, available on Google Docs and across the web. Boost your productivity and type more accurately with our cutting-edge, AI-driven autocomplete and suggestions.

Page & Text Magnifier

Amplify your online reading experience with Helperbird's Page & Text Magnifier. Effortlessly zoom in on text and entire pages for superior readability and visibility.

Trusted by everyone

Embracing simplicity, reliability, and a user-focused experience, we strive to deliver powerful, accessible technology to everyone.

Frequently asked questions

Can’t find the answer you’re looking for? Reach out to our customer support team.

Hear From Our Satisfied Users

See what over a million people who enhance their online accessibility and productivity daily with Helperbird have to say.

“After using Helperbird I can't say enough positive things about it. This extension has truly transformed my online reading experience. Whether it's adjusting font sizes, reducing eye strain with the gray filter, or using the dyslexia-friendly fonts, Helperbird offers a range of features that cater to individual preferences and needs. The customizable color options and text alignment have also been incredibly helpful for personalizing my browsing. And the speed reading feature? It's a game-changer! Overall, Helperbird is a versatile, user-friendly tool that enhances accessibility and makes online reading a breeze. Highly recommended!”

It's just a one-stop solution if I want to customize my page. With very good UI design ”

I've been meaning to write this review for a while now. My daughter is newly diagnosed with dysexia and I heard an interview with Robert on a Newstalk podcast and sought it out. I wasn't sure if I had it installed correctly on her laptop and Robert was on straight away to help. He was amazing. This app has changed everything for my daughter. Everything is accessible to her and everyday tasks and schoolwork are so much easier. She also has visual stress so the coloured overlay feature is a game changer for her. I would highly recommend this app to anyone, she couldn't be without it now!”

Love this extension works beautifully overall. ”

I have been trying to find ways to make my child happy to go to school again, and someone recommended helperbird. She loves helperbird, and she is now much happier about the idea of returning to school. I think this might be a game changer, as they do so much web based schoolwork and research. She says they really understand people with dyslexia”

Make the web more accessible & productive

Transform the way you work online and improve accessibility for all with our innovative technology.

Login to Helperbird

Pixel measurement

Pixel measurement: An online ruler for measuring pixels on screen

Pixel Measurement: The Ultimate Page Ruler Solution Are you in search of the perfect tool to measure pixels precisely? Look no further. Our versatile Chrome extension is your solution, designed to transform the way you work with page coordinates. Say goodbye to inaccuracies and hello to precision and creativity. 🌟 Key Features of the Pixel Measurement Unlock the potential of design and development with these key features: 1. Accurate Pixel Measurement: With our chrome extension, you can effortlessly determine mouse coordinates for any on-screen element, eliminating guesswork and errors in your projects. 2. Smart Page Ruler: Our versatile online ruler goes beyond pixel measurement, providing a comprehensive solution for designers and developers. 3. Real-Time Calculations: Experience free selection calculations and see changes as you work, allowing you to fine-tune your designs with confidence. 4. User-Friendly Interface: Pixel Measurement is designed with simplicity in mind, ensuring that both beginners and seasoned professionals can make the most of it. 5. Seamless Integration: Our page ruler works seamlessly with all major web browsers and applications, providing a hassle-free experience. 🌐 Why Choose Our Chrome Smart Ruler? — Our page ruler offers numerous benefits for those seeking pixel measurement perfection: — Precision Down to on screen ruler: Our Chrome extension guarantees precision down to the last element, ensuring that your design and development work meets the highest standards. — On-Screen Convenience: The extension places to measure pixels directly on your screen, adapting to your needs, and allowing you to use page ruler effortlessly. — Productivity Boost: Our pixel measurement solution is designed to enhance your productivity by simplifying the process of determining coordinates on the screen. — Smart measure: Craft visually stunning websites and design graphics with confidence, knowing that your work will be accurate. — Cross-Platform Compatibility: Whether you're using a web browser or specific applications, our page ruler seamlessly integrates into your workflow. — Educational Value: Learn the importance of pixel measurements and how they impact the quality of your work with our educational resources and tutorials. 📐 Enhance Your Workflow with Our Smart Page Ruler Pixel measurement is not just a working instrument; it's your design companion. No matter what you're working on, our screen ruler will always be there to guide you. Whether you're a seasoned professional or just starting your journey, our measurement ruler will change the way you approach projects, making your workflow more efficient and error-free. 💻 Who Can Benefit from Our Solution? Our solution to measure pixels is a valuable asset for various professionals: — Developers: Create visually stunning websites with confidence using Pixel Measurement. — Graphic Designers: Design graphics and user interfaces with precision using our extension. — Content Creators: Effortlessly ensure that your content is visually appealing with the help of our solution. 📈 Get More Done with Pixel Measurement Our page ruler is more than just a tool; it's a chrome extension that enhances your workflow and helps you save time. Experience the benefits of: 1. Simplified Pixel Measurement: Eliminate design inaccuracies and reduce errors with our page ruler. 2. Speed and Precision: Our smart ruler guarantees speed and precision in every project, ensuring that your work meets the highest standards. 3. Time Savings: Save time on repetitive tasks with our measuring tool, allowing you to focus on more critical aspects of your work. 4. Efficiency: The convenience of a page ruler makes your design process seamless and efficient. 🛠️ How to Use Pixel Measurement Getting started with our page ruler is a breeze: 1. Click the "Add to Chrome" button in the upper right corner to install our Chrome Extension. 2. Click on the extension icon in your Chrome browser. 3. Start measure pixels and use page ruler on the screen instantly and enjoy the advantages of effortlessly design and development. Don't miss out on the benefits of using our Chrome Extension. Get started today and experience the precision, efficiency, and creativity it brings to your projects.

4.4 out of 5 19 ratings Google doesn't verify reviews. Learn more about results and reviews.

Brian Neiferd Mar 19, 2024

I like it. Would be nice if you could draw more than 1 box at a time, and a history feature would be nice.

Allan Collins Mar 1, 2024

I noticed some tracking code being applied. I'm not overly excited that a simple tool is tracking what I am doing.

Elena Semenova Developer Mar 2, 2024

There is nothing related to tracking in this extension.

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

Better Ruler

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

Liner. The Real Ruler

Simple and convenient rulers for web developers. They help to create a perfect pixel web application.

Scope Master

Accurate Pixel Measurement Tool for Web Elements and Pages - Free & Efficient!

Page Ruler: Draw rulers on web pages to check element alignment in Chrome.

Quickly Measure Elements on Web Pages with a Ruler Tool, Free Selection, and Convenient Keyboard Shortcuts.

Designer Tools

Measure and align elements within Chrome

Simple Ruler

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

Measure Everything

Element distance measurement tool.

A tool for designers to measure screen dimensions

Measuremate

The ultimate measuring tool for the web

PerfectPixel by WellDoneCode (pixel perfect)

This extension helps develop your websites with pixel perfect accuracy!

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Description