dmnsgn

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries ⚙️

Name	Stars	Last Commit	Description
three.js	![GitHub

Rich-Harris

Stuff I wish I'd known sooner about service workers

I recently had several days of extremely frustrating experiences with service workers. Here are a few things I've since learned which would have made my life much easier but which isn't particularly obvious from most of the blog posts and videos I've seen.

I'll add to this list over time – suggested additions welcome in the comments or via twitter.com/rich_harris.

Use Canary for development instead of Chrome stable

Chrome 51 has some pretty wild behaviour related to console.log in service workers. Canary doesn't, and it has a load of really good service worker related stuff in devtools.

michiel

#
# Wide-open CORS config for nginx
#
location / {

     if ($request_method = 'OPTIONS') {

        add_header 'Access-Control-Allow-Origin' '*';
        
        #

JamesMessinger

// This works on all devices/browsers, and uses IndexedDBShim as a final fallback 
var indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB;

// Open (or create) the database
var open = indexedDB.open("MyDatabase", 1);

// Create the schema
open.onupgradeneeded = function() {
    var db = open.result;
    var store = db.createObjectStore("MyObjectStore", {keyPath: "id"});

spajak

# My steps to:
# Convert DVD Video to MPEG-4 in MKV without GUI, using only CLI (Command Line Interface) tools.
# No need for MeGUI, Avisynth, Handbrake etc..
# ------------------------------------------------------------------------------

# Tools needed: `mediainfo`, `ffmpeg` & `ffprobe`, `x264`, `mkvmerge`, `mplayer` (optional).
# Google for them. Use latest versions. Windows tip: avoid Cygwin and get
# the official builds, x64, when possible.

# Before start use `mediainfo` & `ffprobe` and note down informations about the source material:

listochkin

1. Официальные видео:
   • старое, Tom Dale объясняет материал подробнее и поэтому его легче смотреть новичкам https://www.youtube.com/watch?v=Ga99hMi7wfY
   • новое. В нем Том затрагивает чуть больше материала https://www.youtube.com/watch?v=1QHrlFlaXdI
2. Toran Billups записал очень хорошие базовые видео:
   • здесь он рассказывает, как работают конвенции https://www.dropbox.com/s/w2yrlm5ckl1d57a/emberjsrc1.mp4?dl=0
   • а здесь показывает, как од на Эмбер можно тестировать https://www.dropbox.com/s/6okovchqls8k6ao/QUnitTesting.mp4?dl=0
3. Архитектура:
   • Tom Dale о URL-driven приложениях http://vimeo.com/68390483
   • Brandon Hays об Ember с точки зрения backend-разработчика https://www.youtube.com/watch?v=PdqbG71Dr84

• Yehuda Katz об MVC на клиенте https://www.youtube.com/watch?v=s1dhXamEAKQ

everget

JavaScript Bitwise Hacks

It assumes the highest positive signed 32-bit float value for numbers. In other words, 2147483647 (or 0x7FFFFFFF or 2^31-1).

Table of Contents

1. Toggle switch
2. Variable swap
3. Math.pow
4. Determine if an integer is a power of 2
5. Round up to the next highest power of 2

pzuraq

// The global revision clock. Every time state changes, the clock increments.
let $REVISION = 0;

// The current dependency tracker. Whenever we compute a cache, we create a Set
// to track any dependencies that are used while computing. If no cache is
// computing, then the tracker is null.
let CURRENT_TRACKER = null;

// Storage represents a root value in the system - the actual state of our app.
class Storage {

goncalossilva

#!/bin/sh

# sh gifenc.sh input.mp4 output.gif
# Optionally accepts width / height (one or both).

palette="/tmp/palette.png"
filters="fps=15"
if [ -n "$3" ]; then
  if [ -n "$4" ]; then
    filters="$filters,scale=$3:$4"

maxfierke

import { Yieldable } from 'ember-concurrency';
import fetch from 'fetch'; // i.e. ember-fetch. could also use native fetch too.

class FetchYieldable extends Yieldable {
  constructor(url, opts = {}) {
    super(...arguments);
    this.url = url;
    this.opts = opts;
  }