Flip this

Flip/rotate page or html elements.

Wat is Flip this?

Flip this is een Chrome-extensie ontwikkeld door jay.on.ll, en de belangrijkste functie is "Flip/rotate page or html elements.".

Extensie Screenshots

screenshot
screenshot
screenshot

Download het CRX-bestand van de extensie Flip this

Download Flip this-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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                    

Basisinformatie over de Extensie

Naam Flip this Flip this
ID donljlliiecjcagcenoeohjmabfegkph
Officiële URL https://chromewebstore.google.com/detail/flip-this/donljlliiecjcagcenoeohjmabfegkph
Beschrijving Flip/rotate page or html elements.
Bestandsgrootte 93.6 KB
Aantal Installaties 50,868
Huidige Versie 0.3.3
Laatst Bijgewerkt 2023-05-30
Publicatiedatum 2012-07-07
Beoordeling 3.52/5 Totaal 165 Beoordelingen
Ontwikkelaar jay.on.ll
Betalingswijze free
Ondersteunde Talen 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"
}