Dalibor Gogic daliborgogic

CSS Layout Debugger

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

Workbox runtime caching recipes

Your Service Worker script will need to import in Workbox and initialize it before calling any of the routes documented in this write-up, similar to the below:

importScripts('workbox-sw.prod.v1.3.0.js');
const workbox = new WorkboxSW();

// Placeholder array populated automatically by workboxBuild.injectManifest()

	# alias to edit commit messages without using rebase interactive
	# example: git reword commithash message
	reword = "!f() {\n GIT_SEQUENCE_EDITOR=\"sed -i 1s/^pick/reword/\" GIT_EDITOR=\"printf \\\"%s\\n\\\" \\\"$2\\\" >\" git rebase -i \"$1^\";\n git push -f;\n}; f"

	# aliases to change a git repo from private to public, and public to private using gh-cli
	alias gitpublic="gh repo edit --accept-visibility-change-consequences --visibility public"
	alias gitprivate="gh repo edit --accept-visibility-change-consequences --visibility private"

	# delete all your repos using gh-cli (please do not run this unless you want to delete all your repos)
	gh repo list --limit 300 --json url -q '.[].url' \| xargs -n1 gh repo delete --yes

	import express from "express";

	/**
	* Takes a route handling function and returns a function
	* that wraps it after first checking that the strings in
	* `reserved` are not part of `req.body`. Used for ensuring
	* create and update requests do not overwrite server-generated
	* values.
	*/
	function checkReservedParams(routeHandler, ...reserved) {

	" Make IE Better Compatible "

	<!--[if IE]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	======================================================
	IE6 Only
	==================
	_selector {...}

	alias babel-node='babel-node --presets stage-0'


	------ RECV ------
	// babel-node recv2.js "#"
	// babel-node recv2.js "kern.*"
	const amqp = require('amqplib');

	const args = process.argv.slice(2);
	if (args.length == 0) {

	'use strict'

	const timeout = ms => new Promise(res => setTimeout(res, ms))

	function convinceMe (convince) {
	let unixTime = Math.round(+new Date() / 1000)
	console.log(`Delay ${convince} at ${unixTime}`)
	}

	async function delay () {

	//
	// Smooth scroll-to inspired by:
	// http://stackoverflow.com/a/24559613/728480
	//

	module.exports = function (scrollTo, scrollDuration) {

	//
	// Set a default for where we're scrolling to
	//

	[Desktop Entry]
	Encoding=UTF-8
	Name=Postman
	Exec=postman
	Icon=/opt/Postman/resources/app/assets/icon.png
	Terminal=false
	Type=Application
	Categories=Development;

	const isWalkable = value => value !== null && typeof value !== 'undefined';
	const getChild = (parent, child) => (isWalkable(parent) ? parent[child] : undefined);
	const getIn = (descendants, origin) => descendants.split('.').reduce(getChild, origin);