Patrick Laubner superfine

superfish.pem contains:

the Superfish certificate as found by both Chris Palmer and Matt Burke;
the encrypted private key as found by Karl Koscher.

$ openssl x509 -in superfish.pem -text
Certificate:
    Data:
        Version: 3 (0x2)

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

Currently considering https://github.com/webdriverio/webdrivercss

Core Goals:

Can test in up-to-date versions of all major browsers
Can test on up-to-date versions of all major OSes
Can test in IE9 (because Bootstrap v4 will support IE9+)
Don't want to have to setup/maintain our own cluster of VMs running all the necessary OSes (and all the versions of Windows)
Workflow for management of reference/baseline/norm screenshots

This is one chapter of my "Chrome Extension Workshops" tutorial, see the rest here: https://gist.github.com/caseywatts/8eec8ff974dee9f3b247

Unrelated update: my book is out! Debugging Your Brain is an applied psychology / self-help book

Making Bookmarklets

I'm feeling very clever. I've got this sweet line of javascript that replaces "cloud" with "butt". My mom would LOVE this, but she doesn't computer very well. I'm afraid to show her the Developer Console and have her type/paste this in. But she IS pretty good at bookmarks, she knows just how to click those!

A bookmark normally takes you to a new web page. A bookmarklet is a bookmark that runs javascript on the current page instead of taking you to a new page. To declare that it is a bookmarklet, the "location" it points to starts with javascript:.

Short Url: http://caseywatts.com/chromeextensionworkshop

Alternate Short Url: http://tinyurl.com/blatant-panda

Other gists & tricks: http://caseywatts.com/gists-and-tricks

Screencapture and animated gifs

I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).

Capturing (Easy)

Launch quicktime player
do Screen recording

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

Bamboo IRC Notifications

Create a new stage. Make sure it runs last. Create a job within this stage. Choose the Script job.

Paste in the shell script below for the script. You may need to change the path of ruby.

For the argument field, insert the following: ${bamboo.buildResultsUrl} ${bamboo.planKey}

	<h1>Standardisation</h1>
	There was not a lot of discussion of this at <a href=Introduction.html>ECHT90</a>, but there seem to be two leads:
	<ol>
	<li><a href=People.html#newcombe>Steve newcombe's</a> and Goldfarber's "Hytime" committee
	looking into SGML, and
	<li>An ISO working group known as MHEG, "Multimedia/HyperText Expert Group".
	led by one Francis Kretz (Thompsa SA? Rennes?).
	</lo>

	SELECT nspname \|\| '.' \|\| relname AS "relation",
	pg_size_pretty(pg_relation_size(C.oid)) AS "size"
	FROM pg_class C
	LEFT JOIN pg_namespace N ON (N.oid = C.relnamespace)
	WHERE nspname NOT IN ('pg_catalog', 'information_schema')
	ORDER BY pg_relation_size(C.oid) DESC
	LIMIT 20;