enpitsulin enpitsuLin

type-challenges

Anime.js + ScrollMagic Scroll Based Animations

A example of using ScrollMagic to trigger Anime.js animations. Some of the animations are set to play when triggered and some are set to progress as the user scrolls the page.

A Pen by itumeles1 on CodePen.

License.

Building a react native app in WSL2

Install, build and debug a react native app in WSL2 (Windows Subsystem for Linux) and Ubuntu.

Install tools in Windows
Enable mirrored networking mode in WSL2
Install tools in WSL2
Connect to android hardware device from Windows
Connect to android hardware device from WSL2
Connect to android virtual device in Windows

People

`:bowtie:`	😄 `:smile:`	😆 `:laughing:`
😊 `:blush:`	😃 `:smiley:`	☺️ `:relaxed:`
😏 `:smirk:`	😍 `:heart_eyes:`	😘 `:kissing_heart:`
😚 `:kissing_closed_eyes:`	😳 `:flushed:`	😌 `:relieved:`
😆 `:satisfied:`	😁 `:grin:`	😉 `:wink:`
😜 `:stuck_out_tongue_winking_eye:`	😝 `:stuck_out_tongue_closed_eyes:`	😀 `:grinning:`
😗 `:kissing:`	😙 `:kissing_smiling_eyes:`	😛 `:stuck_out_tongue:`

	POST / HTTP/1.1
	Host: localhost
	User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36
	Next-Action: x
	Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryx8jO2oVc6SWP3Sad
	Content-Length: 459

	------WebKitFormBoundaryx8jO2oVc6SWP3Sad
	Content-Disposition: form-data; name="0"

	/**
	* expend version of van-js v0.11.10
	* just for study
	* @copyright Tao xin
	* @link https://github.com/jorgebucaran/hyperapp
	*/

	import { BindFunc, ChildDom, DerivedProp, Primitive, Props, State, StateView, TagFunc, default as Van } from "./van"

	// This file consistently uses `let` keyword instead of `const` for reducing the bundle size.


	/* IMPORT */

	import {$$} from 'voby';
	import {useEffect} from '~/hooks';

	/* MAIN */

	const useResizeObserver = ( ref: $<Element \| undefined>, fn: ResizeObserverCallback, options: ResizeObserverOptions = {} ): void => {

	html {
	--theme-color: #4f46e5;
	}

	html.dark {
	--theme-color: #818cf8;
	}

	:root {
	--sidebar-width: 20rem;

	# enable run remote script
	Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
	# Scoop configruation
	$env:SCOOP = 'E:\scoop' # custom scoop install dir
	$env:SCOOP_GLOBAL = 'E:\scoop\apps' # custom scoop app install dir
	[environment]::setEnvironmentVariable('SCOOP_GLOBAL', $env:SCOOP_GLOBAL, 'Machine')
	[environment]::setEnvironmentVariable('SCOOP', $env:SCOOP, 'User')

	Invoke-WebRequest -useb get.scoop.sh \| Invoke-Expression

	import { Browser, chromium, firefox, webkit } from "playwright";
	import { afterAll, beforeAll, describe, it } from "vitest";

	const browserTypes = process.env.ALL_BROWSERS
	? [chromium, firefox, webkit]
	: [chromium];

	for (const browserType of browserTypes) {
	describe(`browser:${browserType.name()}`, () => {
	let browser: Browser;