Flip this

Flip/rotate page or html elements.

What is Flip this?

Flip this is a Chrome extension developed by jay.on.ll, and its main feature is "Flip/rotate page or html elements.".

Extension Screenshots

screenshot
screenshot
screenshot

Download Flip this Extension CRX File

Download Flip this extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        The extension that flips everything!
     
           (╯°□°)╯︵ ┻━┻

Flip/rotate the current page (just click the button) or apply the transformations to single html elements via context menu.

The blue 'f' icon in the extension's button represents the current orientation of the page, while the red 'f' reflects the future state of the page, i.e. the orientation it will have when the button is clicked.

You can change the default "whole page" transformations in the options page (right-click on the button and select Options).

Options include:
 - autoFlip: automatically transform every new opened page
 - flipX: flip the page horizontally
 - flipY: flip the page vertically
 - rotate: set the rotation angle
 - animate: animate the transformation
 - contextMenu: enable the 'Flip this' context menu
 - highlight: highlight right-clicked html element (press and hold)
 - whitelist URL pattern: enable the extension only on URLs that match this regex pattern (e.g.: use 'google' to enable the extension only on URLs that contain the word 'google' in them)

Made this extension just for fun and to experiment with css and the chrome api (and to trick some of my friends using autoFlip, an appropriate URL pattern and hiding the button:).
See my other (_useful_) extension at https://chrome.google.com/extensions/detail/bnahceedpdkaiojgdpddkkdkmjkabfgb

Transformations cannot be applied to all elements, some of them seem to be immune (like many anchor tags or spans), but they should work fine on all divs, images, paragraphs, etc... FALSE! Now (v2.15) you can flip nearly everything!

-- NB: The extension will work only on new tabs (and by the way NOT in the Extension Gallery), so please refresh your tabs or open new ones in order for the extension to operate properly --

Also, don't worry, the extension doesn't collect any personal data, but the permission is required for the script to run on all pages.

Change log:
 v0.2
  - new highlight (outline) feature
  - works with spans and anchors
  - modified context menu (less clicks)
  - injected in all frames                    

Extension Basic Information

Name Flip this Flip this
ID donljlliiecjcagcenoeohjmabfegkph
Official URL https://chromewebstore.google.com/detail/flip-this/donljlliiecjcagcenoeohjmabfegkph
Description Flip/rotate page or html elements.
File Size 93.6 KB
Installation Count 50,868
Current Version 0.3.3
Last Updated 2023-05-30
Publish Date 2012-07-07
Rating 3.52/5 Total 165 Ratings
Developer jay.on.ll
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "http:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "minimum_chrome_version": "18.0",
    "background": {
        "scripts": [
            "js\/background.js"
        ]
    },
    "browser_action": {
        "default_icon": "icons\/icon-19.png"
    },
    "content_scripts": [
        {
            "all_frames": true,
            "css": [
                "css\/flip.css"
            ],
            "js": [
                "js\/jquery-3.6.3.min.js",
                "js\/contentScript.js"
            ],
            "matches": [
                ""
            ],
            "run_at": "document_start"
        }
    ],
    "description": "Flip\/rotate page or html elements.",
    "icons": {
        "128": "icons\/icon-128.png",
        "16": "icons\/icon-16.png",
        "32": "icons\/icon-32.png",
        "48": "icons\/icon-48.png"
    },
    "name": "Flip this",
    "options_page": "options.html",
    "permissions": [
        "contextMenus"
    ],
    "version": "0.3.3"
}