So what can you do with this? Beyond the obvious tweaking of existing web page designs, it should not be forgotten that this may hold potential for playing tricks on unaware browser users. It is – of course – also fun to just reorder (read: destroy) a well-known page design…
- 11-24-2016: Updated to latest jQuery.
- I added a function that removes all “overflow” properties (after user confirms). Therefore everything can be moved everywhere on a page. Just be aware that you cannot test nested DIVs this way. Also, the page layout may break due to overflowing text.
The code is based on the jQuery UI ThemeRoller bookmarklet implementation.
Then the actual JS: