Lukasz Ostrowski lkostrowski

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

Git Cheat Sheet

Commands

Getting Started

git init

or

Module 1

Semantic markup
HTML standards mode and quirks mode
HTML fundamentals
- Classes and IDs
CSS fundamentals
- Selectors
- Resets and normalizers
- The box model

You can use the tuple() function in tuple.ts to infer tuple types in TypeScript and cut down on the need to repeat yourself. Without tuple(), declaring a constant of a tuple type looks like this:

const daysOfTheWeek: ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"] = 
  ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];

You can't do this:

const daysOfTheWeek = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];

The Beginner’s Guide to the Recommended Routine (RR)

r/BodyweightFitness Recommended Routine

A free, beginner-friendly calisthenics program you can do at home with no gym or equipment required.

3 days per week • ~60 minutes per session • Build strength & muscle with bodyweight exercises

	// ==UserScript==
	// @name Use Markdown, sometimes, in your HTML.
	// @author Paul Irish <http://paulirish.com/>
	// @link http://git.io/data-markdown
	// @match *
	// ==/UserScript==


	// If you're not using this as a userscript just delete from this line up. It's cool, homey.

	#!/bin/sh

	set -e
	set -x

	for package in $(npm -g outdated --parseable --depth=0 \| cut -d: -f3)
	do
	npm -g install "$package"
	done

	(function() {
	var body=document.getElementsByTagName('body').item(0);
	var goLeft = 1;
	var ih = body.innerHTML;
	ih = '<img src="https://s-media-cache-ak0.pinimg.com/originals/7a/3d/8d/7a3d8d337b1e0f257ba2eb75a6bf355e.gif" class="ux-hen" style="visibility: hidden">' + ih;
	body.innerHTML = ih;
	var kura = document.getElementsByClassName('ux-hen').item(0);
	kura.style.position='fixed';
	kura.style.width='100px';
	kura.style.bottom='20px';