Lucas Martin lmarti17

What i'm using in streams and while working

Development tools

https://fishshell.com/ - my default shell, i use theme bobthefish
https://www.sublimetext.com/ - my default editor
- Material Theme
- Operator font
- Packages: Emmet, Hayaku, SidebarEnhancements, JS Snippets, GSAP Snippets
- Sublime snippet for comments
- Sublime icon
https://code.visualstudio.com/ - trying to switch, but not yet

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Please consider using http://lygia.xyz instead of copy/pasting this functions. It expand suport for voronoi, voronoise, fbm, noise, worley, noise, derivatives and much more, through simple file dependencies. Take a look to https://github.com/patriciogonzalezvivo/lygia/tree/main/generative

Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);

	ffmpeg -i input.mp4 -vcodec libx264 -pix_fmt yuv420p -profile:v baseline -level 3 -an -vf "scale=-1:1440, reverse" -preset veryslow -g 2 output.mp4

	// -vcodec libx264 -pix_fmt yuv420p -profile:v baseline -level 3
	// Encode for web with a good balance of browser compatibility and compression ratio

	// -an
	// Strip audio tracks

	// -vf "scale=-1:1440, reverse"
	// Scale video to 1440px wide, maintaining aspect ratio

	// use like
	// <GridHelper columns={12} gutterWidth={50} maxWidth={1500} />

	import React, { Component } from 'react';

	export default class extends Component {
	constructor(props) {
	super(props);
	this.state = {
	visible: false,

	RewriteEngine On
	RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
	RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
	RewriteRule ^ - [L]
	RewriteRule ^ /index.html [L]

	var easing = {
	linear : function (t){
	return t;
	},
	easeInQuad: function (t) {
	return t*t;
	},
	easeOutQuad: function (t) {
	return -1 t(t-2);
	},

	// Helps with this problem:
	// http://stackoverflow.com/questions/8059914/express-js-hbs-module-register-partials-from-hbs-file

	var hbs = require('hbs');
	var fs = require('fs');

	var partialsDir = __dirname + '/../views/partials';

	var filenames = fs.readdirSync(partialsDir);