privatenumber

TypeScript 5.x to 6.0 Migration Guide

TypeScript 6.0 is a transition release bridging 5.9 and the forthcoming 7.0 (a native Go port). Most changes are new defaults and deprecations preparing for 7.0. Here is what you need to do:

Most projects need these tsconfig changes:

{
    "compilerOptions": {
        "types": ["node"],           // @types are no longer auto-discovered (see §1.6)

uxderrick

Web Animation Best Practices & Guidelines

Document Purpose

This is a comprehensive reference guide for creating high-quality web animations. Use this as a knowledge base for implementing animations in web applications. All principles, timing values, and easing functions provided here are production-tested and ready to use.

---

Core Principles

Principle 1: Natural Motion

pqoqubbw

{
"css.customData": [".vscode/tailwind.json"]
}

aleqsio

import { ThemedText } from "@/components/themed-text";
import { BottomSheet, Button, Host, Slider } from "@expo/ui/swift-ui";
import { frame, offset } from "@expo/ui/swift-ui/modifiers";
import { Canvas, Fill, Shader, Skia, vec } from "@shopify/react-native-skia";
import { useState } from "react";
import {
  PlatformColor,
  StyleSheet,
  useWindowDimensions,
  View,

gulitsky

export const init = async () => {
	const lp = retrieveLaunchParams();

	const isDebug = lp.startParam === "debug";
	$debug.set(isDebug);
	if (isDebug && ["android", "ios"].includes(lp.platform)) {
		try {
			const eruda = await import("eruda");
			eruda.default.init({
				tool: ["console", "elements", "network", "resources", "info"],

KlassenKonstantin

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            BorderPathTheme {
                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
                    Box(
                        modifier = Modifier
                            .fillMaxSize()

JunkFood02

package com.example.compose_debug

import androidx.compose.animation.EnterTransition
import androidx.compose.animation.ExitTransition
import androidx.compose.animation.core.CubicBezierEasing
import androidx.compose.animation.core.Easing
import androidx.compose.animation.core.FastOutLinearInEasing
import androidx.compose.animation.core.FastOutSlowInEasing
import androidx.compose.animation.core.LinearOutSlowInEasing
import androidx.compose.animation.core.PathEasing

rexydye

1. Install this extension: Custom CSS and JS Loader
2. Create vscodestyle.css file somewhere on your system with this content:

.monaco-workbench .part.titlebar {
  position: relative;
}
.monaco-workbench .part.titlebar::before {
  content: "";
  position: absolute;
 top: 50%;

KlassenKonstantin

@Composable
fun TextTransition(textAndColor: Pair<String, Color>) {
    AnimatedContent(
        targetState = textAndColor,
        transitionSpec = {
            fadeIn() togetherWith fadeOut()
        }
    ) { (text, color) ->
        Row {
            text.forEachIndexed { index, char ->

ChristopherA

TouchID for sudo

This capability would be have to be renabled ever each system update, but starting with macOS Sonoma 14.0 there is a file that survives system updates to enable it permanently.

(from post in https://sixcolors.com/post/2023/08/in-macos-sonoma-touch-id-for-sudo-can-survive-updates/)

Open the Terminal app. Navigate to the directory that stores the authentication files by typing the following:

cd /etc/pam.d