EllyLoel

/*
  Made by Elly Loel - https://ellyloel.com/
  With inspiration from:
    - Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/
    - Andy Bell - https://piccalil.li/blog/a-modern-css-reset/
    - Adam Argyle - https://unpkg.com/open-props@1.3.16/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE

  Notes:
    - `:where()` is used to lower specificity for easy overriding.
*/

AlexVipond

Effect timing in Vue 3

If your reactive side effects aren't properly timed in a Vue app, you'll see very confusing behavior.

To fully understand Vue effect timing, you'd have to learn about microtasks in browser-based JavaScript. That said, a deep understanding of microtasks and of the browser event loop is really only practical for framework authors—it's not practical knowledge for framework users.

Instead of trying to learn how Vue effect timing actually works under the hood, try learning the following:

• Simplified versions of effect timing concepts
• Some opinionated guidelines on how to use the two effect timing tools at your disposal in Vue 3: the flush option for watch and watchEffect, and nextTick.

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

saumyasuhagiya

var DATABASE_NAME = 'test_db';
var DB_USERNAME = 'abc';
var DB_PASSWORD = 'abc@123';

var Sequelize = require('sequelize');
var FS = require('fs');

var sequelize = new Sequelize(
	DATABASE_NAME, 
	DB_USERNAME, 

ayamflow

// Add on element with overflow
-webkit-mask-image: -webkit-radial-gradient(white, black);

jaydenseric

Video conversion with FFmpeg

Install

On mac:

1. Download the latest release.
2. Extract the binary and place it in /usr/local/bin.

Command basics

protrolium

ffmpeg

Converting Audio into Different Formats / Sample Rates

Minimal example: transcode from MP3 to WMA:
ffmpeg -i input.mp3 output.wma

You can get the list of supported formats with:
ffmpeg -formats

You can get the list of installed codecs with:

kaneel

'use strict'

var Promise = require('korbutJS/src/Promise').Promise
var klass = require('korbutJS/src/ZView').class
var ZView = require('korbutJS/src/ZView').ZView
var Transition = require('korbutJS/src/Transition').Transition
var ClientRect = require('korbutJS/src/ClientRect').ClientRect
var requestAnimationFrame = require("korbutJS/src/dom-utils/requestAnimationFrame").requestAnimationFrame

var _ = require('./utils')

mattdesl

mostly in the realm of creative coding and graphics programming

lots of these are my own :)

tooling

https://www.npmjs.org/package/wzrd (browserify dev server)
https://www.npmjs.org/package/budo (like wzrd but with incremental watching & LiveReload)
https://www.npmjs.org/package/beefy (more fully-featured dev server)

mattdesl

var gallery = require('./page-gallery')
var popup = require('./info-popup')


gallery.show()
  //once all elements in the page are done animating, do something else
  .then(function() {
      return popup.show()
  })