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: