xan devxan

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:.

FFmpeg cheat sheet

A list of useful commands for the FFmpeg command line tool.

Download FFmpeg: https://www.ffmpeg.org/download.html

Full documentation: https://www.ffmpeg.org/ffmpeg.html

Basic conversion

Client side searching for Hugo.io with Fuse.js

WHY
Sample
Setup
Files

layouts/_default/index.json

	To export SVG from Google Slides.

	1. Open Slide deck.
	2. View -> 100%
	3. Click on every thumbnail from first to last, this puts the SVG into the DOM.
	4. Paste the export.js in the console.
	5. Make sure to allow multiple downloads.
	6. All SVG should be in Downloads folder.

	Cheers,

	// ==UserScript==
	// @name Scratch Project Analytics
	// @version 1
	// @description adds engagement rates for a project's likes/fav's out of total views an to MyStuff
	// @author NickyNouse
	// @match https://scratch.mit.edu/projects/*
	// @match https://scratch.mit.edu/mystuf*
	// @grant none
	// ==/UserScript==

	// ==UserScript==
	// @name Scratch CTRL-Enter
	// @namespace http://aputurk.tk/
	// @version 0.1
	// @description Adds keybinds for posting
	// @author MegaApuTurkUltra
	// @match https://scratch.mit.edu/*
	// @grant none
	// @run-at document-end
	// ==/UserScript==

	// ==UserScript==
	// @author Zro617
	// @name Scratch Profile Navbar
	// @namespace zro617.github.io
	// @description Adds a navbar to the profile subpages
	// @include https://scratch.mit.edu/users/*/projects/
	// @include https://scratch.mit.edu/users/*/favorites/
	// @include https://scratch.mit.edu/users/*/studios/
	// @include https://scratch.mit.edu/users/*/studios_following/
	// @include https://scratch.mit.edu/users/*/following/

	// ==UserScript==
	// @author Zro617
	// @name Scratch Signature Header Link
	// @namespace zro617.github.io
	// @description Puts a link to your signature in the header of the forums
	// @include https://scratch.mit.edu/discuss/*
	// @version 1.1
	// @grant none
	// ==/UserScript==

	// ==UserScript==
	// @name magicFluffyUnicorn
	// @namespace http://tampermonkey.net/
	// @version 1.2
	// @description Does cool magic fluffy unicorn kind of stuff.
	// @author @TheUltimatum, @bob1171
	// @match https://scratch.mit.edu/projects/*
	// @grant none
	// ==/UserScript==

	// ==UserScript==
	// @name Scratch Messages Finder
	// @namespace scratch.mit.edu/users/bob1171
	// @version 1.1
	// @description Displays someone's message count
	// @author @bob1171
	// @match https://scratch.mit.edu/users/*
	// @grant none
	// ==/UserScript==