eqfernandobueno antenando

gif-from-tweet

There are so many great GIFs out there and I want to have copies of them. Twitter makes that harder than it should be by converting them to MP4 and not providing access to the source material. To make it easier, I made a bash pipeline that takes a tweet URL and a filename, extracts the MP4 from that tweet and uses ffmpeg to convert back to GIF.

Dependencies

ffmpeg
- macOS: brew install ffmpeg
- Ubuntu/Debian: apt install ffmpeg

This content moved here: https://exploringjs.com/impatient-js/ch_arrays.html#quickref-arrays

If you enjoyed reading this, I'm intending to do more blogging like this over here: https://cdgd.tech

This is not a complaint about Webpack or v4 in any way. This is just a record of my process trying it out so I could provide feedback to the webpack team

Hmm... I don't see any docs for 4.0 on https://webpack.js.org. I guess I'll just wing it. All I need to do is npm i -D webpack@next, right?

+ [email protected]

	;; based on @babygau's answer here https://stackoverflow.com/a/40559502
	#NoEnv ; recommended for performance and compatibility with future autohotkey releases.
	#UseHook
	#InstallKeybdHook
	#SingleInstance force

	SendMode Input

	;; deactivate capslock completely
	SetCapslockState, AlwaysOff

	import React from "react";
	import { render } from "react-dom";
	import Task from "data.task";
	import TaskComponent from "./TaskComponent";

	const users = [
	{ id: 1, name: "User A", points: 45 },
	{ id: 2, name: "User B", points: 22 },
	{ id: 3, name: "User C", points: 79 },
	{ id: 4, name: "User D", points: 54 }

	const sugar = {
	on: function(names, fn) {
	names
	.split(' ')
	.forEach(name =>
	this.addEventListener(name, fn))
	},
	setAttributes: function(attrs) {
	Object.entries(attrs)
	.forEach(([key, val]) =>

	const fetch = (url) => {
	return new Promise((resolve, reject) => {
	setTimeout(() => {
	console.log(url)
	switch(url.match(/\d[aA-zZ]$/)[0]) {
	case "1a":
	resolve({name: "Seb"})
	// or try this instead:
	// reject({error: "something went wrong while fetching " + url})
	break;

	/**
	* @author ebidel@ (Eric Bidelman)
	* License Apache-2.0
	*/

	// Prints the bytes cached by service worker. Breaks out each cache
	// overall in-memory bytes used by the Cache Storage API for the site.

	async function getCacheStoragesAssetTotalSize() {
	// Note: opaque (i.e. cross-domain, without CORS) responses in the cache will return a size of 0.

	class Frame extends Component {
	componentDidMount() {
	this.iframeHead = this.node.contentDocument.head
	this.iframeRoot = this.node.contentDocument.body
	this.forceUpdate()
	}

	render() {
	const { children, head, ...rest } = this.props
	return (