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
| function copyFbRecord(oldRef, newRef) { | |
| oldRef.once('value', function(snap) { | |
| newRef.set( snap.value(), function(error) { | |
| if( error && typeof(console) !== 'undefined' && console.error ) { console.error(error); } | |
| }); | |
| }); | |
| } |
Open Terminal Ctrl+Alt+T Download Firefox Developer Edition tar file
wget https://download.mozilla.org/?product=firefox-aurora-latest-ssl&os=linux64&lang=en-US
Copy tar file to opt
sudo cp -rp firefox-35.0a2.en-US.linux-x86_64.tar.bz2
Open opt folder (cd /opt/) and untar file
sudo tar xjf firefox-35.0a2.en-US.linux-x86_64.tar.bz2
| var a = 123, b = 'hello'; | |
| function test(x, y) { | |
| console.log(this); | |
| return a + x + b + y; | |
| } | |
| // Serialize a function *with its captured environment* | |
| var sf = serialize(test, { a: a, b: b }); | |
| // Deserialize with captured environment |
sudo tar -xf Franz-linux-x64-0.9.10.tgz -C /opt/franzwget "https://cdn-images-1.medium.com/max/360/1*v86tTomtFZIdqzMNpvwIZw.png" -O franz-icon.png then sudo cp franz-icon.png /opt/franzsudo touch /usr/share/applications/franz.desktop then sudo vim /usr/share/applications/franz.desktoppaste the following lines into the file, then save the file:
[Desktop Entry]
Name=Franz
Comment=
| import React from 'react'; | |
| import { connect } from 'react-redux'; | |
| class PageWidget extends React.Component { | |
| componentDidMount() { | |
| this.ifr.onload = () => { | |
| this.ifr.contentWindow.postMessage('hello', '*'); | |
| }; | |
| window.addEventListener("message", this.handleFrameTasks); | |
| } |
Kinesis Freestyle (Terrible key switches. Mushy and un-lovable)
Kinesis Freestyle Edge (Traditional layout with too many keys, mech switches, proably too big to be tented easily/properly)
Matias Ergo Pro (Looks pretty great. Have not tried.)
ErgoDox Kit (Currently, my everyday keyboard. Can buy pre-assembled on eBay.)
ErgoDox EZ (Prolly the best option for most people.)
| // | |
| // utils | |
| // | |
| const thrush = x => f => f(x); | |
| const indexBy = k => xs => xs.reduce((index, x) => { | |
| if(index[x[k]] != null) index[x[k]].push(x); | |
| else index[x[k]] = [x]; | |
| return index; |