A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$
if your browser aliases it:
~ 108 byte version
by Tatiana Mac
Last updated 14 April 2021
As speaking comes with immense privilege, I have crafted a speaker rider to set expectations and boundaries around my engagement. I am grateful to all the conference organisers who have brilliantly hosted me. I would love to continue to exercise this privilege to speak at conferences, and use this privilege to make the landscape more accessible and beneficial to tech's most historically excluded and marginalised communities.
😫 I provide a lot of explanations for those of you who never had to consider these things. Most thoughtful conferences I've attended check most of these boxes intrinsically, particularly when conference runners are experienced speakers. They get it.
var walked = []; | |
var searchHaystack = function(haystack, needle, path, exactEquals) { | |
//dumb truthiness handling | |
exactEquals = exactEquals ? true : false; | |
if(typeof haystack != "object") { | |
console.warn("non-object haystack at " + path.join(".")); | |
return [false, null]; |
/** | |
* Minimum set up for a revealing module pattern jQuery plugin | |
* | |
* This is a bare plugin that uses the revealing module pattern to attach | |
* public and private vars and methods to a jQuery selector. | |
* | |
* Example: | |
* | |
* $('#menu').collapsible().init(); | |
* $('#menu').collapsible().open(); |