Item logo image for Rule of Thirds

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. History -------------------------------------------------------------------------------------------------------------------------------------------- v1.7 - 2 June 2024 * Switch from host_permissions to activeTab (extension does nothing until clicked) * Position grid correctly for local images (ie file:// protocol) * Add Options page to control grid size, colours & whether lines and/or circles are rendered * Support arbitrary sized grid 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.

Details

  • Version
    1.7
  • Updated
    June 3, 2024
  • Offered by
    Ivor Potter
  • Size
    92.63KiB
  • 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

Ruler Measurement

3.3(40)

Make you measurement easy with Chrullex (CH-rome RUL-er EX-tension)

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.

Dimensions Inspect | Gridman

4.0(87)

Swiss army knife for front-end developers

Golden Ratio

4.0(11)

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

Grid Ruler

3.8(336)

Create grids and measure their distance easily.

Page Ruler

4.0(86)

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(455)

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.8(20)

A very simple grid system overlay pluggin.

Ruler Measurement

3.3(40)

Make you measurement easy with Chrullex (CH-rome RUL-er EX-tension)

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.

Dimensions Inspect | Gridman

4.0(87)

Swiss army knife for front-end developers

Golden Ratio

4.0(11)

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

Grid Ruler

3.8(336)

Create grids and measure their distance easily.

Page Ruler

4.0(86)

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

Google apps