Preston Pham prestonp

🌅 How to convert SVG to PNG with JavaScript [video version available]

About this article

This article describes how to convert SVG to PNG with frontend JavaScript. The related resources are as follows.

Docker - How to cleanup (unused) resources

Once in a while, you may need to cleanup resources (containers, volumes, images, networks) ...

delete volumes

// see: https://github.com/chadoe/docker-cleanup-volumes

$ docker volume rm $(docker volume ls -qf dangling=true)

$ docker volume ls -qf dangling=true | xargs -r docker volume rm

How to implement a custom search for Hugo usig Gruntjs and Lunrjs.

Requirements

Install the following tools:

Setup

What would it look like if orders used strategies?

Right now, we've got a number of different fields to calculate into our total. We've sort of tangled them together in an unscalable way. Here's how we could define the behavior in a separated way.

models/order.js

module.exports = models.define({
  totalStrategies: []
, attributes: {

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

	Originall From: Posted 2015-05-29 http://ubwg.net/b/full-list-of-ffmpeg-flags-and-options

	This is the complete list that’s outputted by ffmpeg when running ffmpeg -h full.

	usage: ffmpeg [options] [[infile options] -i infile]… {[outfile options] outfile}…

	Getting help:
	-h — print basic options
	-h long — print more options
	-h full — print all options (including all format and codec specific options, very long)

	emoji() {
	emojis=("🍕 " "💩 " "🐶 " "🍣 " "🍔 " "🍪 " "🐳 ")
	echo ${emojis[$RANDOM % ${#emojis[@]} ]}
	}

	set_bash_prompt() {
	# Define your prompt formatting here
	export PS1="\d \t \u:\w\n$(emoji) "
	}

	#!/bin/sh

	STAGED_FILES=$(git diff --cached --name-only --diff-filter=ACM \| grep ".jsx\{0,1\}$")

	if [[ "$STAGED_FILES" = "" ]]; then
	exit 0
	fi

	PASS=true

	import { Component } from "React";

	export var Enhance = ComposedComponent => class extends Component {
	constructor() {
	this.state = { data: null };
	}
	componentDidMount() {
	this.setState({ data: 'Hello' });
	}
	render() {

	export FORMAT="ID\t{{.ID}}\nNAME\t{{.Names}}\nIMAGE\t{{.Image}}\nPORTS\t{{.Ports}}\nCOMMAND\t{{.Command}}\nCREATED\t{{.CreatedAt}}\nSTATUS\t{{.Status}}\n"

	// usage:
	docker ps --format="$FORMAT"