glenkusuma

How to Make Gif from Youtube Video or any Websites using Linux & FOSS

“GIFs are like that ex you can't stand but keep going back to—they're quirky, outdated, sometimes glitchy — but somehow still steals every scene with its endless, looped charm — nothing else quite captures the moment like they do”

– Anonymous, from a Reddit thread on internet culture

This guide We going explore a workflow of cliping a youtube video then, video segment downloading, video editing with Kdenlive, conversion to GIF with FFmpeg, further optimization using Gifsicle, and finally uploading for public access.

ChristopherA

Brew Bundle Brewfile Tips

Copyright & License

Unless otherwise noted (either in this file or in a file's copyright section) the contents of this gist are Copyright ©️2020 by Christopher Allen, and are shared under spdx:Creative Commons Attribution Share Alike 4.0 International (CC-BY-SA-4.) open-source license.

Sponsor

If you more tips and advice like these, you can become a monthly patron on my GitHub Sponsor Page for as little as $5 a month; and your contributions will be multipled, as GitHub is matching the first $5,000! This gist is all about Homebrew, so if you like it you can support it by donating to them or becoming one of their Github Sponsors.

colbyfayock

/**
 * Loading Animation Snippet
 */

.loading {
  color: transparent;
  background: linear-gradient(100deg, #eceff1 30%, #f6f7f8 50%, #eceff1 70%);
  background-size: 400%;
  animation: loading 1.2s ease-in-out infinite;
}

MarkTiedemann

.PHONY: clean
clean:
	-rm *.tested

MarkTiedemann

.PHONY: test
test: good.tested bad.tested

good.tested: ndjson_validator.js good.ndjson
	node ndjson_validator.js < good.ndjson
	touch good.tested

bad.tested: ndjson_validator.js bad.ndjson
	! node ndjson_validator.js < bad.ndjson
	touch bad.tested

MarkTiedemann

.PHONY: test
test:
	node ndjson_validator.js < good.ndjson
	! node ndjson_validator.js < bad.ndjson

bessarabov

git log --author="Linus Torvalds" --date=iso | perl -nalE 'if (/^Date:\s+[\d-]{10}\s(\d{2})/) { say $1+0 }' | sort | uniq -c|perl -MList::Util=max -nalE '$h{$F[1]} = $F[0]; }{ $m = max values %h; foreach (0..23) { $h{$_} = 0 if not exists $h{$_} } foreach (sort {$a <=> $b } keys %h) { say sprintf "%02d - %4d %s", $_, $h{$_}, "*"x ($h{$_} / $m * 50); }'

andywer

React - Functional error boundaries

Thanks to React hooks you have now happily turned all your classes into functional components.

Wait, all your components? Not quite. There is one thing that can still only be implemented using classes: Error boundaries.

There is just no functional equivalent for componentDidCatch and deriveStateFromError yet.

Proposed solution

bradtraversy

{
  "Console Log": {
    "prefix": "cl",
    "body": "console.log($1);",
    "description": "Console Log"
  },
  "Named Function": {
    "prefix": "nfn",
    "body": ["function ${1:functionName}($2) {", "  $3", "}"],
    "description": "Named Function"

RemeJuan

export const SEARCH_POST_START = 'SEARCH_POST_START';

export const searchPostNoResults = data => ({
    type: SEARCH_POST_NO_RESULTS, data,
});