Ping Chen rnons

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

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()

Keybase proof

I hereby claim:

I am rnons on github.
I am rnons (https://keybase.io/rnons) on keybase.
I have a public key ASDW8E9Slip-smsA9mIc-6FxpjPATvn9rbGZQ1y3kPhBoAo

To claim this, I am signing this object:

undo-tree package unavailable bbatsov/prelude#1225 (comment)

Transparent Git Encryption

This document has been modified from its [original format][m1], which was written by Ning Shang ([email protected]). It has been updated and reformatted into a [Markdown][m2] document by [Woody Gilk][m3] and [republished][m4].

Description

When working with a remote git repository which is hosted on a third-party storage server, data confidentiality sometimes becomes

	#!/usr/bin/env runhaskell
	{-# LANGUAGE OverloadedStrings #-}

	import Control.Applicative ((<$>))
	import Control.Monad (forM, void, when)
	import Data.Aeson ((.=), Value, object, encode, decode)
	import qualified Data.ByteString.Lazy as L
	import Data.Maybe (fromMaybe, fromJust)
	import Data.List (intercalate)
	import Network.HTTP.Conduit ( Request(..), applyBasicAuth, parseUrl

	{-# LANGUAGE OverloadedStrings #-}
	{-# LANGUAGE PatternGuards #-}

	import Control.Lens hiding ((.=))
	import Control.Monad
	import Control.Monad.IO.Class
	import Data.Aeson ((.=), object, encode)
	import qualified Data.ByteString.Lazy as L
	import qualified Data.Conduit as C
	import qualified Data.Conduit.List as CL

	-- nix-shell
	-- ghcid -c 'ghci Main.hs'

	{-# LANGUAGE GADTs #-}
	{-# LANGUAGE GeneralizedNewtypeDeriving #-}
	{-# LANGUAGE MultiParamTypeClasses #-}
	{-# LANGUAGE OverloadedStrings #-}
	{-# LANGUAGE QuasiQuotes #-}
	{-# LANGUAGE ScopedTypeVariables #-}
	{-# LANGUAGE TemplateHaskell #-}