Ken Ng kenng

Sans jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

Use wget to mirror a single page and its visible dependencies (images, styles)

Graphic via State of Florida CFO Vendor Payment Search (flair.myfloridacfo.com)

This is a quick command I use to snapshot webpages that have a fun image I want to keep for my own collection of WTFViz. Why not just right-click and save the image? Oftentimes, the webpage in which the image is embedded contains necessary context, such as captions and links to important documentation just incase you forget what exactly that fun graphic was trying to explain.

Terminology

View: Also called a "template", a file that contains markup (like HTML) and optionally additional instructions on how to generate snippets of HTML, such as text interpolation, loops, conditionals, includes, and so on.
View engine: Also called a "template library" or "templater", ie. a library that implements view functionality, and potentially also a custom language for specifying it (like Pug does).
HTML templater: A template library that's designed specifically for generating HTML. It understands document structure and thus can provide useful advanced tools like mixins, as well as more secure output escaping (since it can determine the right escaping approach from the context in which a value is used), but it also means that the templater is not useful for anything other than HTML.
String-based templater: A template library that implements templating logic, but that has no understanding of the content it is generating - it simply concatenates together strings, potenti

	import smtplib
	import os

	def send_email(host, port, username, password, subject, body, mail_to, mail_from = None, reply_to = None):
	if mail_from is None: mail_from = username
	if reply_to is None: reply_to = mail_to

	message = """From: %s\nTo: %s\nReply-To: %s\nSubject: %s\n\n%s""" % (mail_from, mail_to, reply_to, subject, body)
	print (message)
	try:

	const listeners = (function listAllEventListeners() {
	let elements = [];
	const allElements = document.querySelectorAll('*');
	const types = [];
	for (let ev in window) {
	if (/^on/.test(ev)) types[types.length] = ev;
	}

	for (let i = 0; i < allElements.length; i++) {
	const currentElement = allElements[i];

	<?php


	/*************************************************************************
	* Get File Information
	*/

	// Assuming these come from some data source in your app
	$s3FileKey = 's3/key/path/to/file.ext';
	$fileName = 'file.ext';

	.container {
	height: 500px;
	border: 2px solid grey;
	position:relative;
	}

	.split {
	display: flex;
	height: 100%;
	border: 1px solid black;

	void function(){
	"use strict"
	/*
	* Manage and Import / Export snippets from chrome (2016)
	* hacked together by: http://github.com/soundyogi
	* inspired by: https://github.com/bgrins/devtools-snippets/blob/master/import-export/chrome/devtools_import_export.js
	* ALPHA / SILLY SIDE PROJECT
	*/

	# Goto a directory you can write to:
	cd ~

	#get composer:
	curl -s https://getcomposer.org/installer \| php
	# move composer into a bin directory you control:
	sudo mv composer.phar /usr/local/bin/composer

	# double check composer works
	composer about

	.test {
	height: 139px;
	width: 96px
	}