red-dragon65

This guide is deprecated! Please take a look at the alternative solutions below.

This guide was created to run the steam deck ui on a linux desktop before valve officially updated big picture mode for the steam client. This guide no longer serves any purpose.

Big Picture Mode

• The steam client now officially uses the steam deck ui (gamepad ui) for big picture mode.

HoloISO

• A reversed engineered version of valves steam deck OS

MichaelPHolstein

IMAGE_SRC = './img/8.jpg'

const loadImage = () => {
  const img = new Image()
  img.src = IMAGE_SRC

  const canvas = document.querySelector('canvas')
  const ctx = canvas.getContext('2d')

  img.addEventListener('load', () => {

rosario

// Original code by Homer Chen
// https://github.com/homerchen19/use-undo

// Same as original but using useState instead of useReducer

import { useState, useCallback } from 'react';

const initialState = {
  past: [],
  present: null,

johnhutchins

function middleInBetweenNumnbers(min, max) {
  return Math.floor((max+min)/2);
}

jeffposnick

// Add any other logic here as needed.

import { CacheableResponsePlugin } from 'workbox-cacheable-response/CacheableResponsePlugin';
import { CacheFirst } from 'workbox-strategies/CacheFirst';
import { createHandlerForURL } from 'workbox-precaching/createHandlerForURL';
import { ExpirationPlugin } from 'workbox-expiration/ExpirationPlugin';
import { NavigationRoute } from 'workbox-routing/NavigationRoute';
import { precacheAndRoute } from 'workbox-precaching/precacheAndRoute';
import { registerRoute } from 'workbox-routing/registerRoute';

nikolayemrikh

git hash-object ./file

# or

git hash-object -t blob

# or

cat ./file | git hash-object --stdin

redblobgames

    const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
    const pixels = imageData.data;
    for (let i = 3, n = canvas.width * canvas.height * 4; i < n; i += 4) {
        pixels[i] = pixels[i] < 127? 0 : 255
    }
    ctx.putImageData(imageData, 0, 0);

dndhm

import React, { Component } from 'react';

import FruitContext from './FruitContext';
import FruityComponent from './FruityComponent';

export class App extends Component {
  state = {
    fruit: 'apple',
  }

jayphelps

{
  "scripts": {
    "build": "npm run build:es2015 && npm run build:esm && npm run build:cjs && npm run build:umd && npm run build:umd:min",
    "build:es2015": "tsc --module es2015 --target es2015 --outDir dist/es2015",
    "build:esm": "tsc --module es2015 --target es5 --outDir dist/esm",
    "build:cjs": "tsc --module commonjs --target es5 --outDir dist/cjs",
    "build:umd": "rollup dist/esm/index.js --format umd --name YourLibrary --sourceMap --output dist/umd/yourlibrary.js",
    "build:umd:min": "cd dist/umd && uglifyjs --compress --mangle --source-map --screw-ie8 --comments --o yourlibrary.min.js -- yourlibrary.js && gzip yourlibrary.min.js -c > yourlibrary.min.js.gz",
  }
}

eduncan911

Revert / Undo a Gist Commit

It was not exactly obvious. Here's how to revert a Gist commit!

Checkout the gist like a normal git repo:

# replace the Gist ID with your own
git clone git@github.com:cc13e0fcf2c348cc126f918e4a3917eb.git

Treat it like a normal repo. Edit, force push, etc.