Rule of Thirds
Item media 1 screenshot

Overview

Simple extension to draw a 3 x 3 grid on an image to help visualise the Rule of Thirds.

The is a simple extension to apply a 3 x 3 grid over any images found on a web page which are larger than 100px x 50px. The purpose of the grid is to help photographers visualise the Rule of Thirds. By displaying the grid over the image it is very simple to identify if a photograph's main focal points comply with the Rule of Thirds or not. v1.6 - 21 May 2024 * Migrate to Manifest v3 * Replace JQuery dependency with native functions v1.5 - 29 August 2014 * Ignore images with "display: none" styles * Fix circles on intersection points so they are drawn fully

4.4 out of 520 ratings

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

Review's profile picture

Matthew RoderickMar 12, 2024

any chance you can add support for local files, ie images dragged into the browser "file://" ?

1 person found this review to be helpful
Review's profile picture

Iaroslav SmirnovAug 19, 2023

Add YouTube support

1 person found this review to be helpful
Review's profile picture

Max VolodinFeb 12, 2021

better than i could've imagine

Details

  • Version
    1.6
  • Updated
    May 21, 2024
  • Offered by
    Ivor Potter
  • Size
    24.88KiB
  • Languages
    English
  • Developer
    Email
    ivor.potter@gmail.com
  • 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

Support

Related

Grrrid

3.7(22)

A very simple grid system overlay pluggin.

Bootstrap Grid Overlay

4.1(45)

Quickly toggle a Bootstrap Grid Overlay that automatically uses your application's styles to determine how it looks.

Zaqwes Guide Lines

2.4(14)

Layouts every day? Designer or web developer? It will help you to check grid or relative positions of elements on page.

CSS Grid Overlay

4.4(7)

Easily check the grid alignment of your page across breakpoints.

Golden Ratio

4.5(8)

A Google Chrome extension that lets you drag, resize and flip a golden ratio overlay.

Grids & Rulers

4.8(5)

Create grids and rulers overlays to help develop your web applications

Baseliner

4.3(45)

Baseliner adds horizontal & vertical lines to help you align your grid to any website.

Grid Ruler

3.7(326)

Create grids and measure their distance easily.

Page Ruler

3.9(69)

Measure page elements size in pixel with an easy-to-use ruler.

Rule of Three

5.0(2)

Calculate rule of 3 math problems effortlessly!

Dimensions

4.1(451)

A tool for designers to measure screen dimensions

GriDesign

0.0(0)

This extension adds a grid on web pages in order to check fixed and fluid page layout.

Grrrid

3.7(22)

A very simple grid system overlay pluggin.

Bootstrap Grid Overlay

4.1(45)

Quickly toggle a Bootstrap Grid Overlay that automatically uses your application's styles to determine how it looks.

Zaqwes Guide Lines

2.4(14)

Layouts every day? Designer or web developer? It will help you to check grid or relative positions of elements on page.

CSS Grid Overlay

4.4(7)

Easily check the grid alignment of your page across breakpoints.

Golden Ratio

4.5(8)

A Google Chrome extension that lets you drag, resize and flip a golden ratio overlay.

Grids & Rulers

4.8(5)

Create grids and rulers overlays to help develop your web applications

Baseliner

4.3(45)

Baseliner adds horizontal & vertical lines to help you align your grid to any website.

Grid Ruler

3.7(326)

Create grids and measure their distance easily.

Google apps