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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.console.loge = function (msg) { | |
| var gifs = ['wink','shake-space','peepers','prizza','hat','gradient','fat','rainbow','sunglasses','derp','shake'], | |
| wow = ['', 'wow! ', 'amaze! ', 'dazzle! '], | |
| adjs = ['so', 'such', 'many', 'much', 'very'], | |
| randomizr = function (a) { return a[Math.floor(Math.random() * a.length)];}, | |
| message = '%c ' + randomizr(wow) + randomizr(adjs) + ' ' + typeof msg + ': ', | |
| css = 'background: url(http://d1e3ezyatlol8u.cloudfront.net/img/212/doge-' + randomizr(gifs) + '-212.gif) no-repeat 0 0; background-size: 80px 80px; font-family: \'Comic Sans MS\', cursive; text-shadow: 0 1px 1px rgba(0,0,0,1); font-size: 14px; padding: 25px; line-height: 70px; color: #fff; font-weight: 100;'; | |
| console.log.apply(console, typeof msg === 'object' ? [message, css, msg] : [message += msg, css]); | |
| }; |
addyosmani
/ README.md
Last active
October 17, 2024 13:41
— forked from 140bytes/LICENSE.txt
108 byte CSS Layout Debugger
ericelliott
/ essential-javascript-links.md
Last active
November 8, 2024 17:29
Essential JavaScript Links
NickCraver
/ BotLovin.cs
Last active
January 5, 2023 11:36
Some bot/crawler fun on Stack Overflow. 10 hours of fun, to be precise.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| private static readonly string[] tenHoursOfFun = | |
| { | |
| "https://www.youtube.com/watch?v=wbby9coDRCk", | |
| "https://www.youtube.com/watch?v=nb2evY0kmpQ", | |
| "https://www.youtube.com/watch?v=eh7lp9umG2I", | |
| "https://www.youtube.com/watch?v=z9Uz1icjwrM", | |
| "https://www.youtube.com/watch?v=Sagg08DrO5U", | |
| "https://www.youtube.com/watch?v=5XmjJvJTyx0", | |
| "https://www.youtube.com/watch?v=IkdmOVejUlI", | |
| "https://www.youtube.com/watch?v=jScuYd3_xdQ", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| rem see https://github.com/coreybutler/nvm-windows/issues/300 | |
| @echo off | |
| SETLOCAL EnableDelayedExpansion | |
| if [%1] == [] ( | |
| echo Pass in the version you would like to install, or "latest" to install the latest npm version. | |
| ) else ( | |
| set wanted_version=%1 |
tykurtz
/ grokking_to_leetcode.md
Last active
November 16, 2024 05:08
Grokking the coding interview equivalent leetcode problems
I liked the way Grokking the coding interview organized problems into learnable patterns. However, the course is expensive and the majority of the time the problems are copy-pasted from leetcode. As the explanations on leetcode are usually just as good, the course really boils down to being a glorified curated list of leetcode problems.
So below I made a list of leetcode problems that are as close to grokking problems as possible.