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
/* | |
* L.TileLayer is used for standard xyz-numbered tile layers. | |
*/ | |
L.Google = L.Class.extend({ | |
includes: L.Mixin.Events, | |
options: { | |
minZoom: 0, | |
maxZoom: 18, | |
tileSize: 256, |
// Use Gists to store code you would like to remember later on | |
console.log(window); // log the "window" object to the console |
git config --global mergetool.sublime.cmd "subl -w \$MERGED" | |
git config --global mergetool.sublime.trustExitCode false | |
git config --global merge.tool sublime | |
git mergetool -y |
$base-font-size: 16px; | |
$base-line-height: 1.5; | |
// this value may vary for each font | |
// unitless value relative to 1em | |
$cap-height: 0.68; | |
@mixin baseline($font-size, $scale: 2) { |
#!/bin/bash | |
SCRIPTPATH=`git rev-parse --show-toplevel`"/.git/hooks" | |
HOOKS="${SCRIPTPATH}/pre-commit-*" | |
shopt -s nullglob | |
pass=true | |
for hook in $HOOKS |
// First configure $animateProvider | |
angular.module('MyApp', ['ngAnimate']).config(['$animateProvider', function($animateProvider){ | |
// restrict animation to elements with the bi-animate css class with a regexp. | |
// note: "bi-*" is our css namespace at @Bringr. | |
$animateProvider.classNameFilter(/bi-animate/); | |
}]); |
/** | |
* How to automatically vote on VoicePolls -__- #ScriptKiddieLevel | |
* | |
* Guys, you should really check — at least — for IPs and — at least — put a rate-limit on API calls. | |
* | |
* Usage : | |
* $ npm install async request | |
* $ node vote.js | |
*/ |
function toBeProfiled(){ | |
console.log(new Error('Show me the stack!')); | |
//Do something here | |
} | |
function launchApp(){ | |
function doThing(){ | |
console.debug(toBeProfiled); | |
toBeProfiled(); |