Alex Popescu pax

In response to Ask DN: cheatsheets What are your shortcuts, your hotkeys, your design/dev best practices, the things that make your life easier?

Apps

Sublime Text - with a lot of addons (detailed below)
aText text expander (OSX only). Considerably cheaper ($5) than the original TextExpander (~$30). For instance, each time I need to input a Markdown link I type .mkl and I get []() (otherwise I always forget which bracket is first). Also works great for code snippets.
SCSS
ReCSS bookmarklet - refresh only the css in a webpage, speeds up minor CSS changes
nvALT for quick notes and code snippets

tags: cheatsheet, csv, json, dev

Largeish data wrangling (csv, json)

	<html>
	<head>
	<meta charset="UTF-8">
	<title>★ Emoji cheat-sheet</title>

	<style>
	html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;

	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="icon" type="image/png" href="/favicon.png">
	<title>◉ HTML color names</title>

	<style>
	body {font: 12px Arial, Helvetica, sans-serif; }
	.js-color {width: 2.5em; height: 2.5em; border-radius: 50%}
	h4 {font-weight: normal; margin: 0} li {vertical-align: middle;}

	#!/bin/bash

	# Parameters
	CRF_VALUE=28 # Quality level for video compression (lower is higher quality)
	FRAME_RATE=24 # Frame rate for video files
	AUDIO_BITRATE=96k # Audio bitrate for MP3 files
	RESIZE_PERCENT=75 # Resize percent (e.g., 75 for 75% of original size)
	MIN_WIDTH=2800 # Minimum width in pixels to apply resizing

	# Target directory (use current directory if not specified)

	#!/bin/bash

	# Check if an argument is provided
	if [ "$#" -ne 1 ]; then
	echo "Usage: $0 /path/to/image/directory"
	exit 1
	fi

	# Define the maximum width, height, and quality
	MAX_WIDTH=1920

	.hx-0{margin-top:1.25ex;border-bottom:1pxdotted#999;font-size:1.2em;}
	.hx-1{padding-left:.25ex;margin-left:.25ex;margin-top:1ex;font-size:1.1em;border-bottom:1pxdotted#DDD;}
	.hx-2{padding-left:.75ex;margin-left:.5ex;margin-top:.5ex;border-left:1pxsolid#EEE;}
	.hx-3{padding-left:1ex;margin-left:1ex;margin-top:.25ex;border-left:1pxsolid#EEE;}
	.hx-0+.hx-0{margin-top:.25ex;}
	.hx-2+.hx-2{margin-top:.5ex;}
	.hx-1+.hx-1{margin-top:1ex;}

	.hx-1:before {content: '\2022\00A0 '; color: #DCC;}
	.hx-2:before {content: '\00A0\203A\00A0\00A0 '; color: #DCC;}

	#!/bin/bash
	# adds 2 frames with blended opacity in between each 2 jpg images in a folder

	if [ "$#" -ne 1 ]; then
	echo "Usage: $0 <input_directory>"
	exit 1
	fi

	input_dir="$1"

	# creates timelapse from a series of images
	ffmpeg -framerate 24 -pattern_type glob -i "folder/path/*.jpg" -c:v libx264 -pix_fmt yuv420p timelapse-3.mp4

	# stitches vertically 2 videos
	ffmpeg -i video1.mp4 -i video2.mp4 -filter_complex "[0:v:0][1:v:0]vstack=inputs=2" -shortest -c:v libx264 output.mp4