Scott Gardner sgardn
sgardn
/ background.html
Created
November 2, 2016 20:10
— forked from srsudar/background.html
Pasting from the system clipboard using a Chrome extension.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="background.js"></script> | |
| </head> | |
| <body> | |
| <textarea id="sandbox"></textarea> | |
| </body> |
sgardn
/ visualize-stacking-contexts.js
Created
October 27, 2020 03:06
— forked from tlrobinson/visualize-stacking-contexts.js
Some console output to help you visualise stacking contexts on a page (no jquery)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Usage: | |
| * Paste this into your dev tools console (or even better as a snippet) | |
| * It will parse the page and find all the things that create a new stacking context | |
| and dump some info about them to the console. It will also outline them on the page. | |
| * This is pretty rough and probably misses heaps of bugs and edge cases. | |
| */ | |
| function highlight(el) { |