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
const chunk = (arr, size) => | |
Array.from({ length: Math.ceil(arr.length / size) }, (v, i) => | |
arr.slice(i * size, i * size + size) | |
); | |
chunk([...document.querySelectorAll(".file-list-node.selectable")], 10).forEach( | |
(files, i) => { | |
console.log("downloading chunk", i); | |
files.forEach(node => node.click()); | |
document.querySelector("button.download").click(); |
module.exports = { | |
entry: './src/index.js', | |
output: { | |
path: './build', | |
filename: 'bundle.js' | |
} | |
} |
Verifying that +albertfdez is my blockchain ID. https://onename.com/albertfdez |
/** | |
* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units | |
* | |
* To overcome this, create media queries that target the width, height, and orientation of iOS devices. | |
* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing | |
* the height of element `.foo` —which is a full width and height cover image. | |
* | |
* iOS Resolution Quick Reference: http://www.iosres.com/ | |
*/ | |
I hereby claim:
To claim this, I am signing this object: