Item logo image for Positionable!

Positionable!

Featured
3.6(

32 ratings

)
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

Overview

An extension for visually manipulating elements in the browser.

Positionable is a developer tool that lets you quickly manipulate elements the way you would in an image editor. Familiar workflows like dragging, nudging, align/distribute, and undo make it simple to place elements exactly where you need them to be. Once you're ready, you can copy styles to the clipboard or save them to disk. Designed for rapid styling, prototyping, working with sprites, etc. PLEASE POST ISSUES HERE (with demo if possible): https://github.com/andrewplummer/Positionable/issues By default, it works on absolute and fixed positioned elements, however you can set a CSS selector to target exactly the elements you're interested in. Static elements will be forced to position "relative". When working with sprites, you can similarly use both the mouse and keyboard to move the background position. Alternatively, double clicking on the background will detect contiguous sprites and snap the element dimensions and background position to match. Work with multiple elements by dragging to select or holding SHIFT. All selected elements will move together, and can be aligned or distributed just as in popular image editing software. Other features like rotation, undo, z-index ordering, and background "peeking" make positioning elements a breeze!

3.6 out of 532 ratings

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

Review's profile picture

HorsinaApr 17, 2024

Looked promising but sadly it didn't work on any website I needed it to work on.

Review's profile picture

M. H.Feb 7, 2024

It will not let me select elements. I followed directions in the help page to drag select, but it doesn't let me select or move anything.

Review's profile picture

Kelvin KlopperJul 22, 2023

Very difficult to work with and often doesn't even let you select the right elements. Takes ages to actually start up once you click the extension button.

Details

  • Version
    2.1.2
  • Updated
    March 24, 2021
  • Offered by
    Andrew Plummer
  • Size
    116KiB
  • Languages
    English
  • Developer
    Email
    plummer.andrew@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

Design Mode

3.6(17)

Allows you to make temporary edits to any page.

CSS Shapes Editor

3.8(101)

Interactive editor for CSS Shapes.

Code Cola

4.6(188)

Code Cola is a chrome extension for editing online pages' css style visually.

Stylebot

4.3(1.6K)

Change the appearance of the web instantly

Page Manipulator

3.7(34)

Inject HTML, CSS or JavaScript into any web-page. The changes you make are applied every time you visit the specified website(s).

Drag Design

3.4(17)

This extension allows you to drag each element of your website around individually to help you get your site just right.

Fluid Page

4.7(11)

Allow editing of every web page, for your pleasure. Based on code written by Rony Shohat.

Redesign

3.5(2)

Allows you to edit text and images on any website!

Design Mode - Page's Rich Text Editor

4.6(9)

Edit any page's content by switching to design mode, where you can modify the content and drag images around like a Word Editor

Restyler

4.8(14)

A devtool extension for easy restyling of any webpage

Amino: Live CSS Editor

4.3(449)

Customize any website with your own CSS and see your changes instantly with Amino!

Live editor for CSS, Less & Sass - Magic CSS

4.6(264)

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

Design Mode

3.6(17)

Allows you to make temporary edits to any page.

CSS Shapes Editor

3.8(101)

Interactive editor for CSS Shapes.

Code Cola

4.6(188)

Code Cola is a chrome extension for editing online pages' css style visually.

Stylebot

4.3(1.6K)

Change the appearance of the web instantly

Page Manipulator

3.7(34)

Inject HTML, CSS or JavaScript into any web-page. The changes you make are applied every time you visit the specified website(s).

Drag Design

3.4(17)

This extension allows you to drag each element of your website around individually to help you get your site just right.

Fluid Page

4.7(11)

Allow editing of every web page, for your pleasure. Based on code written by Rony Shohat.

Redesign

3.5(2)

Allows you to edit text and images on any website!

Google apps