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 fs = require('fs') | |
const { sequelize } = require('./api/db/models') | |
const { models } = sequelize | |
function toSnakeCase(str, upper) { | |
if (str.split().every(s => s.toLowerCase() === s)) return str | |
const snake = str.replace(/([A-Z])/g, $1 => `_${$1.toLowerCase()}`) |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>brain.js</title> | |
<script src="https://cdn.rawgit.com/BrainJS/brain.js/develop/browser.js"></script> | |
<script> | |
function DrawableCanvas(el) { | |
const px = 10 | |
const ctx = el.getContext('2d') | |
let x = [] |
/* | |
* Copyright (c) 2010 Tobias Schneider | |
* This script is freely distributable under the terms of the MIT license. | |
*/ | |
(function(){ | |
var UPC_SET = { | |
"3211": '0', | |
"2221": '1', | |
"2122": '2', |
public void ConfigureAuth(IAppBuilder app) | |
{ | |
// ... | |
var linkedInOptions = new LinkedInAuthenticationOptions(); | |
linkedInOptions.ClientId = "Your LinkedIn API Key"; | |
linkedInOptions.ClientSecret = "Your LinkedIn Secret Key"; | |
linkedInOptions.Scope.Add("r_fullprofile"); |
function memorySizeOf(obj) { | |
var bytes = 0; | |
function sizeOf(obj) { | |
if(obj !== null && obj !== undefined) { | |
switch(typeof obj) { | |
case 'number': | |
bytes += 8; | |
break; | |
case 'string': |
<div id="consolelog" style="font-family: 'Courier New', Courier, monospace; font-size: 12px; margin: 40px 30px 0px; background-color: white; border: 2px solid black; padding: 10px;"></div> | |
<input type="text" id="consoleinput" style="margin: 0px 30px; width: 400px;" onkeypress="return evalConsoleInput(event, this.value);" /> | |
<script type="text/javascript"> | |
var appendConsole = function(message, type) { | |
var color = "black"; | |
if (type === "error") { | |
color = "red"; | |
} else if (type === "debug") { |