- If you haven’t already:
brew install ffmpeg gifsicle imagemagick
. - Open QuickTime Player.
- File > New Screen Recording.
- Record.
- Save as
recording.mov
. mkdir frames
ffmpeg -i recording.mov -r 24 recording-%03d.png
convert recording-001.png palette.gif
convert -dither none -remap palette.gif recording-*.png recording-uncompressed.gif
gifsicle --optimize=3 --delay=4 < recording-uncompressed.gif > recording.gif
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/bin/bash | |
# generate new personal ed25519 ssh key | |
ssh-keygen -o -a 100 -t ed25519 -f ~/.ssh/id_ed25519 -C "rob thijssen <rthijssen@gmail.com>" | |
# generate new host cert authority (host_ca) ed25519 ssh key | |
# used for signing host keys and creating host certs | |
ssh-keygen -t ed25519 -f manta_host_ca -C manta.network | |
eval "$(ssh-agent -s)" |
Attention: the list was moved to
https://github.com/dypsilon/frontend-dev-bookmarks
This page is not maintained anymore, please update your bookmarks.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
gifify() { | |
if [[ -n "$1" ]]; then | |
if [[ $2 == '--good' ]]; then | |
ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png | |
time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png GIF:- | gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif | |
rm out-static*.png | |
else | |
ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - | gifsicle --optimize=3 --delay=3 > $1.gif | |
fi | |
else |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#star-five { | |
margin: 50px 0; | |
position: relative; | |
display: block; | |
color: red; | |
width: 0px; | |
height: 0px; | |
border-right: 100px solid transparent; | |
border-bottom: 70px solid red; | |
border-left: 100px solid transparent; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/bin/bash | |
# generate the file name using the string provided on the args | |
ffmpeg -f x11grab -r 25 -s 1366x768 -i :0.0 -vcodec libx264 -sameq $1.mp4 |
This contains commands shamelessly stolen from many authors. I will try to list all of them at the end of the file, but if I've missed someone, let me know.
- UC/Use Case : a practical/frequently used example of the command in action (I find it easier to add commands into my daily workflow if I have an example that uses them in something I often do)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Generic script for displaying a "Browser outdated" message to users | |
* Displays an overlay and a message including the Chrome Frame | |
* | |
* @see http://www.browser-update.org/fr/ | |
*/ | |
var $buoop = { | |
reminder: 168, | |
newwindow: true, |
NewerOlder