khalidx

The experience of using Node.JS with TypeScript, ts-node, and ESM is horrible.

There are countless guides of how to integrate them, but none of them seem to work.

Here's what worked for me.

Just add the following files and run npm run dev. You'll be good to go!

package.json

gsnedders

#!/bin/bash
set -ex

# git clone https://github.com/WebKit/WebKit.git
# cd WebKit

git fetch --no-tags https://invent.kde.org/unmaintained/kdelibs.git refs/tags/*:refs/tags/kdelibs/* 3324ba050e98b031f3e60d711448577e18a376f8:refs/tags/kdelibs/v3.0.0-beta2-ish

declare -A replacements
replacements[b33f06b05b1e58d5d9f177065e71f8878395ac70]=v2.2.0

CAFxX

# there's a bunch of things that don't work properly:
# - can't capture computer audio output - it desyncs
# - need to change the input devices (`-i "v:a"`) based on the output of `ffmpeg -f avfoundation -list_devices true -i ""`

ffmpeg \
    -thread_queue_size 150 -f avfoundation -probesize 50M -framerate 30 -pix_fmt uyvy422 -i "2:3" \
    -thread_queue_size 150 -f avfoundation -probesize 50M -framerate 30 -pix_fmt uyvy422 -capture_cursor 1 -capture_mouse_clicks 1 -i "4" \
    -filter_complex '
        [1]fps=fps=30[scr],
        [scr]scale=-1:1440[scr],

alekseykulikov

In this article, I would like to share three features of PageSpeed Insights (PSI), that is not easy to find in the official documentation. I discovered them while hacking on the Lighthouse plugin and integrating PSI to Treo.sh.

For a context, PSI is a simple yet powerful API by Google, that audits your page using Lighthouse and provides real-world users' data from Chrome UX Report (CrUX).

1. Audit many categories with one request

By default, PSI API returns only performance category. It's possible to pass ?category argument multiple times and get a report with many Lighthouse categories using one request (available categories: performance, accessibility, best-practices, seo, pwa).

curl -i "https://www.googleapis.com/pagespe

majido

javascript:(function(){
  var meter = `
  <label style="position:fixed; z-index:10000; top: 0; left: 50%; transform: translateX(-50%); background-color: pink; padding: 5px;">
  Main thread jank (0-500ms):  <input id="jankmeter" type="range" min=0 max=500 value=50>
  </label>
  `;

  const d = document.createElement('jank');
  d.innerHTML = meter;
  document.body.appendChild(d);

jkrems

Modules - History & Future

History

• Early work by Ihab Awad (Google) and Kris Kowal (FastSoft)
  • https://twitter.com/kriskowal/status/943547614158450688
  • Hermetic eval presentation: https://docs.google.com/presentation/d/1KlPxgocvzpTq44KTF4xZ6TnzGRsy628hP5he7bXVB3I/edit#slide=id.i0
• 2009-09: 2nd draft of module strawman, still very close to "closures as modules", export x = 42
  • https://esdiscuss.org/topic/hermetic-evaluation-modules-strawman

• https://docs.google.com/document/u/1/pub?id=1hNv1SHh_v_6nD1QBd6pySUJ2U5roAELzW5cqD2tt_WM

bdd

#!/bin/bash

# FZF_DEFAULT_COMMAND utility for fzf
#
# Tries to use Watchman, Ripgrep (rg), The Silver Searcher (ag) in this order.
# ...or falls back the fzf's Unix default.
#
# TODO:
# - Use 'git ls-files -cmod' in Git repositories

diegoconcha

###Redux Egghead Video Notes###

####Introduction:#### Managing state in an application is critical, and is often done haphazardly. Redux provides a state container for JavaScript applications that will help your applications behave consistently.

Redux is an evolution of the ideas presented by Facebook's Flux, avoiding the complexity found in Flux by looking to how applications are built with the Elm language.

####1st principle of Redux:#### Everything that changes in your application including the data and ui options is contained in a single object called the state tree

max-mapper

Video stabilization using VidStab and FFMPEG

Examples here use the default settings, see the VidStab readme on GitHub for more advanced instructions.

Here's an example video I made

Install ffmpeg with the vidstab plugin from homebrew

brew install ffmpeg --with-libvidstab

PaulKinlan

#! /bin/bash

mkdir -p ./backgrounds


function get_google_device_art {
  local device=$1
  # Get the Google Device backgrounds
  curl "https://developer.android.com/distribute/marketing-tools/device-art-resources/$1/port_back.png" > "./backgrounds/$1_port_back.png"
  curl "https://developer.android.com/distribute/marketing-tools/device-art-resources/$1/port_fore.png" > "./backgrounds/$1_port_fore.png"