Dmitriy Chernukho gormonn

This gist may be your full solution or just the starting point for making your Tailwind v4 projects backwards compatible.

What it does

Effectively getting browser support down to Chrome 99 (and basically everything supporting @layer)
Pre-compute oklab() functions
Pre-compute color-mix() functions (+ replace CSS vars inside them beforehand)
Remove advanced instructions (colorspace) from gradients
Provide support for nested CSS (used by dark mode or custom variants with &)
Transform translate, scale, rotate properties to their transform: ... notation
Add whitespace to var fallbacks var(--var,) > var(--var, ) to help older browsers understand

Признаки хорошо настроенного tsconfig

Все нижеперечисленное справедливо в основном для монорепы. В проектах, где используются алиасы в импортах между либами и все зависимости в инклудах, алгоритмы упрощаются и кол-во проблем должно быть меньше.

Надо проверять работу и в vscode и в webstorm, т.к. у последнего, поверх алгоритма tsserver, накладываются свои алгоритмы автоимпортов модулей. То, что работает в webstorm, может не работать в других ide, которые полагаются только на tsserver.

tsconfig считается настроенным, если:

Проходит сборка через tsc --build для либ и webpack для приложух
Чекаются типы в ide и tsc --noEmit, в том числе, в файлах, которые не попадают в сборку: тесты, storybook-файлы

Electron is tricky to get set up on Windows Subsystem for Linux, but it can work!

Four things needed overall:

you need WSL2, not WSL1
you need node, of course, and that part isn't so bad
you need to apt install several dependencies
you need an X Server so it can display the electron GUI over in Windows-land

Setup instructions, in order:

Effector is a brand new reactive state manager. Its ambitious team aims to solve all the problems that existing solutions have. Writing the core of the library from scratch took several attempts across six months, and recently the team released the first stable release.

In this article, I will show why I prefer using Effector for my new projects instead of other state managers. Let's get started with the Effector API.

Basics

Effector uses two concepts you might already be familiar with: store and event.

A store is an object that holds some value. We can create stores with the createStore helper:

import {createStore} from 'effector'

This help only covers the parts of GLSL ES that are relevant for Shadertoy. For the complete specification please have a look at GLSL ES specification

Language:

Version: WebGL 2.0
Arithmetic: ( ) + - ! * / %
Logical/Relatonal: ~ < > <= >= == != && ||
Bit Operators: & ^ | << >>
Comments: // /* */
Types: void bool int uint float vec2 vec3 vec4 bvec2 bvec3 bvec4 ivec2 ivec3 ivec4 uvec2 uvec3 uvec4 mat2 mat3 mat4 mat?x? sampler2D, sampler3D samplerCube
Format: float a = 1.0; int b = 1; uint i = 1U; int i = 0x1;

Abstract

Virtual Scrolling is a technique employed by web developers to achieve efficient rendering of components containing large datasets, without creating many thousands or millions of elements that the browser must render and keep in memory. It can also be used to scroll an element which is otherwise unscrollable, because it cannot be overflowed by children in its normal state.

Use cases

HTML canvas element scrolling. Canvases have no overflow, so you either have to have a very big canvas that

Install Kinect Drivers (tested with Stable-1.5.7.10)
https://github.com/OpenNI/OpenNI/releases

sudo ./install.sh

Or maybe...

sudo apt-get install libfreenect libfreenect-dev libfreenect-demos
# test with

freenect-glview

	# WARNING: These steps seem to not work anymore!

	#!/bin/bash

	# Purge existign CUDA first
	sudo apt --purge remove "cublas" "cuda"
	sudo apt --purge remove "nvidia*"

	# Install CUDA Toolkit 10
	wget https://developer.download.nvidia.com/compute/cuda/repos/ubuntu1804/x86_64/cuda-repo-ubuntu1804_10.0.130-1_amd64.deb

	// Файл "tsconfig.json":
	// - устанавливает корневой каталог проекта TypeScript;
	// - выполняет настройку параметров компиляции;
	// - устанавливает файлы проекта.
	// Присутствие файла "tsconfig.json" в папке указывает TypeScript, что это корневая папка проекта.
	// Внутри "tsconfig.json" указываются настройки компилятора TypeScript и корневые файлы проекта.
	// Программа компилятора "tsc" ищет файл "tsconfig.json" сначала в папке, где она расположена, затем поднимается выше и ищет в родительских папках согласно их вложенности друг в друга.
	// Команда "tsc --project C:\path\to\my\project\folder" берет файл "tsconfig.json" из папки, расположенной по данному пути.
	// Файл "tsconfig.json" может быть полностью пустым, тогда компилятор скомпилирует все файлы с настройками заданными по умолчанию.
	// Опции компилятора, перечисленные в командной строке перезаписывают собой опции, заданные в файле "tsconfig.json".

	/*
	A worklet for recording in sync with AudioContext.currentTime.

	More info about the API:
	https://developers.google.com/web/updates/2017/12/audio-worklet

	How to use:

	1. Serve this file from your server (e.g. put it in the "public" folder) as is.