Long time no see practical geek zucchini!

: Clippy, bash / zsh commands, CSS Color

⚐ Wordpress

WordPressify & dependencies



Inastall MacPorts

  1. Install MacPorts
  2. If using ZSH, make sure that the PATH variable is being exported
    1. open ~./zshrc
    2. add or uncomment export PATH=/opt/local/bin:/opt/local/sbin:$PATH at the top of the file (see: MacPorts and the Shell)
    3. restart terminal or source ~/.zshrc
  3. make sure MacPorts are running with port version

Install xcode comandline tools

if not allready installed, run

xcode-select --install

Install phpMyAdmin

Follow along the instructions on MacPorts mySQL HOWTO

Install WordPressify

Follow allong the intructions of WordPressify on github

⚐ tools

Dealing with CSV / InDesign data merge

  • Set encoding to western for correct umlauts / [Update 2021:] For MS Excel set entoding to UTF-8 with BOM
  • If there are commas or other separator within the string, wrap the sring in  “ „ (see: stackoverflow)

⚐ tools

InDesign : Unterlägen bei Unterstreichungen aussparen

Kontur in Papierfarbe um Schrift.

Wenn unterstrichener Text in einem Absatzformat definiert ist: Zeichenformat mit Papierfare-Kontur anlegen, dann im Absatzformat unter GREP-Stil das Zeichenformat für alle Unterlängen-Buchstaben mittels [gjpqy] RegEx anwenden.

⚐ tools

ffmpeg settings

OSX readable mov > mp4

  • add -pix_fmt yuv420p
  • additionaly define codec: -vcodec libx264  respectively -codec:v libx264

(copy/paste: )

Encode for YouTube:

ffmpeg -i <input file> -codec:v libx264 -crf 21 -bf 2 -flags +cgop -pix_fmt yuv420p -codec:a aac -strict -2 -b:a 384k -r:a 48000 -movflags faststart <output_name>.mp4

Source

Scaling

  • e.g: -vf scale=320:-1 source
  • Inputs: integer (eg. 320) , -1 (preserve aspect ratio) or iw / ih (input width/height) source

Rotate

eg. (90 deg Clockwise):

-vf "transpose=1" 0 = 90CounterCLockwise and Vertical Flip (default) 1 = 90Clockwise 2 = 90CounterClockwise 3 = 90Clockwise and Vertical Flip
180 deg: -vf "transpose=2,transpose=2"

Source

Batch processing

for i in *.mov;
 do name=`echo $i | cut -d'.' -f1`;
 echo $name;
 ffmpeg -i "$i" -pix_fmt yuv420p -vcodec libx264 "${name}.mp4";
done

stop motion

Image sequence to video

ffmpeg -f image2 -i image%d.jpg -vcodec libx264 -b 800k video.mp4

Framerate

-framerate 15

see: FFMPEG An Intermediate Guide/image sequence / stackoverflow

 

Metadata

see: Supplying FFmpeg With Metadata

Analyse videos with ffprobe

basic usage: ffprobe file.mp4

only show width and height

ffprobe -v error -show_entries stream=width,height \
  -of default=noprint_wrappers=1 input.mp4

source

only show framerate

ffprobe -v error -select_streams v:0 -show_entries stream=avg_frame_rate -of default=noprint_wrappers=1:nokey=1 input.mp4
  • Example output for a NTSC-film video: 24000/1001
  • Example output for a PAL video: 25/1

Varia

  • remove audio: -an
  • remove video: -vn

source

Further Reading

⚐ tools

Notes on Grunt

⚐ tools

Excel > Illustrator XML converter

Copy/Paste Tabellenkonverter für Illustrator Varbiabeln XML

⚐ tools

Favicon Generators

⚐ tools

Starting Photoshop HTML5 Extension development

Tutorial: Starting Photoshop HTML5 Extension development

⚐ tools

LICECap – Screen-Area to GIF

LICEcap can capture an area of your desktop and save it directly to .GIF (for viewing in web browsers, etc) or .LCF

⚐ tools

Browser Dev Tools

Browser CSS

FireFox

  1. Hilfe > Informationen zur Fehlerbehebung
  2. Profilordner [Im Finder anzeigen]
  3. Im geöffneten Ordner neuer Ordner chrome anlegen
  4. Darin file userContent.css anlegen

userContent.css:

/* global style here  */

/* domain specific styles */
@-moz-document domain(domain.com) {
  .selector {
     background: red !important;
  }
}

Console

  • $0 : returns selected inspector element
  • copy(varname) : copies element/object to clipboard (=> copy($0))

Reads

Old:

⚐ tools

Password Manager

https://www.dashlane.com/