Pywrite Garden

Search Ctrl + K

Pywrite Garden

Search Ctrl + K

developer

Advice

Coder Advice - Working With 'Idea Men'

Modern App Development Workflow. git, cloud, laptop, PC, server

Modern App Development Workflow

AI

Local RAG Library Documentation and Source Code Repos

Android

Removing Samsung and Google Bloatware from Android 12

Artificial intelligence

Ollama with Docker Compose

Buzz Words

CSS

Anchored Box with Message

Cascading Style Sheet Tips & Tricks

Center and Fit Image the Right Way

CSS practical use for before and after pseudo elements

CSS Animate On Scroll With No JS

CSS Animated Bubble Background

CSS Animation snips

CSS Capitolize the first letter rest are lowercase

CSS Color Mixing

CSS Disco Floor Animation

CSS Gradient Background Image Transition

CSS Height Transition Animation

CSS Input Range Slider With Box Shadow Animation

CSS Marquee Animations

CSS Masonry Layout With Grid

CSS Nested border-radius

CSS Overlapping Grid Layout

CSS Rotation Axis

Footer Always on Bottom with flex box

Handle Dark Light Themes The Right Way

Hide Reveal Error Message

Modern Image Caption

Modern Use of Media Queries

Preserve Line Breaks in textarea tag

React JSX Dynamic Overlay Color

Responsive Font Typography with Clamp

Responsive Padding

Smooth Scroll On Everything

Style Containers on top of Eachother

Styling to Print

Toggle Checkbox with pure CSS Html

Working With Inconsistent Logos

Digital Gardening

Digital Gardening

Obisidan Digital Garden

Remove Broken or un-published Link in Garden

Discord

Make a Discord Bot with Javascript

DNS

Let's Encrypt via DNS and Porkbun API

Resolve Public Domain with Local DNS

Docker

Build small docker image sizes

Docker All Predefined address Pools have been fully subnetted

Docker Compose Use Environment Variables Like a Pro

Docker Credentials Error MacOS

Docker Daemon Goes Down

Docker Network Conflict Fix

Docker, Limit Storage Space

Docker_DNS_Networking

Force Rebuild New Image

Inspect Docker Image to Reduce Build Size

Monitor Docker Containers with Grafana

PostGres Docker Compose yml config

Reset Password on Duplicati Container

RustRS S3 Storage Bucket Container

Simple Container Version Monitoring With Bash Shell

Transfer Docker image to other server without remote repository

Update Database Containers and Others Reliably

Upgrade Postgres DB in LibrePhotos Docker Containers

emulation

3DS Crashes on Game Icon hover on Homescreen

Batocera on SteamDeck

Battlefield Bad Company 2 Online

Choosing the right OS to put on New Anbernic RG 34XX for a Young Kid Gift

Controller, Gamepad, Joypad Management

Emulation Station

Emulation Tools

Pokemon Genning

Pokémon Genning; Create a Mew from start to finish

PS3 SaveData Transfer via FTP

Steamdeck reset sudo password

Switch Homebrew

Finance

Personal Finance Tracker Paisa

GameDev

Hardware

Homelab Hardware PC Builds

Intel i7-7700 Custom PC

Intel NUC i3-5010U

MacBook Pro M1 Laptop

Network Switch TL-SG108PE

Nintendo Switch Gen 1

Phenom II X6 1045T Custom PC

Playstation Vita

Ryzen 5 5600x Custom PC

Ryzen 9 3900x Custom PC

Home Assistant

Computer Keyboard Key to Trigger Home Assistant Webhook

Esp Home Multi Sensor Configuration

Extract values from Discord formatted Webhook Input

Find My Phone Automation

Home Assistant Outlook IMAP with Subject Sensor

Home Assistant Trigger Automation Before Time Helper

Home Assistant Wake Up Alarm Trigger Automation

Jinja Code Snippet

Local File as Sensor

Return HTML Status Code to Home Assistant Sensor

Send SSH commands via script

TV Power and Switch Template

View HA Plugin Dashboard outside of App

Home Lab

Dynamic DNS Choices

Grafana & InfluxDB in Home Assistant Dasbhoard

Livesync-Bridge

Mosquitto MQTT Broker

Motion Eye Camera

Nginx Proxy Manager

Nginx Static Site

nicolargo.github.io

Pretty URLs for Your Internal Network

HTML

Format and Inline SCSS into HTML

Heading with Subtitle Above or Below

HTML Canvas Blurry Lines Images Drawn

HTML Dialog Model for Accessable Tooltips, Pop-ups, and More

HTML Radio Buttons do not need to share the same parent

HTML Table with Headers on the Side

HTML underused Tags

HTML, Back to Basics

Native HTML form validation

Responsive HTML Tables

Simple Toggle State Button with HTML and CSS

Special Characters That can be used in URL

URL Link with Query and ID Anchor

Javascript

Auto Resize Height of Textarea on Change

Custom Audio Player Component

Custom Event vs Broadcast Channel

Find and Remove Multiple Objects from an Array

Format Time with Javascript

How To Remove Duplicates in Array

Inline Conditionally add key value pairs in Object

Javascript Check if Local Date is After or Before the Start or end of the Day

Javascript Courotines

Javascript Math Functions

JS Filter and Map array to avoid undefined

JS Get timezone of client

JS non-null & Optional Chaining

JS Switch Statement

JSDoc Typing a Broadcast Channel Listener With Enum

Midi and Javascript

remove duplicates in Array

Sort Array By Date

Sort Array for a Leadboard with multiple stats

Sort By 24hr Time

KeystoneJS

Keystone Calendar Day field set Default Value

KeystoneJS 3rd Party Data Parody Integrations (Stripe)

KeystoneJS 6 Hide and Restrict field in schema

KeystoneJS Apollo Filter Search

KeystoneJS Prisma Migration

KeystoneJS Recurring Payments with Stripe

Validate Input Field Hook

KYPN

KYPN Booking Flow

Node Time is different on production server

Linux

Bash Copy Directory and File One liner

Bash Filter Array With Another Array

Bash Read a file

Bash script rsync and git push

Bash Script Status Animation

Bash Sed Modify all files in directory

Bash, batch find and remove files

Bottles, Gaming and Other Windows Apps on Linux

Convert video to HAP Alpha with FFMPEG

Create an Cloned Image of Your Raspberry Pi

Debian Linux In Place OS Upgrade

Debian Linux, Unable to Locate Package

Find and delete files and directories with regex

Hardened SSH Server

Linux Disk Quota per User

Linux Distro Hopping

Linux Fix Storage Issues By Finding Large Files and Directories

Linux Mint HDMI Audio stops working

Linux System Service

Monitor Website's HTML Status Code with Bash Script

Mount a Drive in Linux Terminal

Plex Manual Symlink for Media

Raspberry hostname mismatch

Rotate terminal orientation on headless no GUI desktop server

Troubleshooting Slow Sluggish Read Write Speeds

Update ZSH Power 10k Theme

USB Camera over RTSP Raspberry Pi

MacOs

50 MacOs Terminal Tips and Tricks

Apple Music Batch Playlist Export

Dual Boot macOS Ventura & macOs Monterey

iTunes Audio output Not Working

MacOS Relaunch a Crashing App

MacOsx Drive Format via Terminal

Media Software

Docker Compose Media Containers Arrs

iTunes XML Playlist to m3u Converter

Managing a DJ Library, Listening Playlists, and DJ Crates

metadata-remote

Media Tools

Networking

Nginx Proxy Manager Redirect to Nested Page

Nextcloud

Making Samba share from a Nextcloud files backend

Nextcloud Block Issues and Large Log Files

Nextcloud Remove External Storage Terminal

NextJS

Google API Calendar With NextJS App

NextJS Analytics and Add Blockers

NextJS Analytics behind proxy

NextJS Data Fetch with GraphQL

NextJs Middleware Dynamic Redirect

Serving Static Files back to Client

Upload Files with next-connect and Multer

NodeJS

Analytics Middleware Route with AstroJs

CSS Modules vs Styled Components

Handling Errors in an API

NodeMailer HTML templates with modern tools

Recursive File Folder Processing

styled-components

upload file without a library

Projects

Markdown Wikilink Examples

Example File with open ( parentheses

Markdown Wikilink Example Note

Markdown Links to Wikilink Converter

ReactJS

Add Event Listener in ReactJS

Array of React Refs

Client Only Pagination

Control Input Field with buttons

Countdown Timer with SVG Circle

Custom Audio Player Component - ReactJS Port

Envelope Curve Editor with SVG

File Preview with FileReader API

Focus Textarea after disable

Mixing Style Objects Inline

No Library Needed for CSS Transitions

React ADSR Envelope UI with SVG

React Click Off to Close Drawer

React Dynamic Table

React Global Context for Shopping Cart

React Global Context Provider

React JSX Dynamic Overlay Color

React One Shot Animation with CSS Trick

React State Machine with Enum

React Style Transitions from Scratch

React Timer that can be Started, Stopped, or Paused

React, ComponentDidUpdate Hook logic

ReactJS Date Time Range Overlap Checker

ReactJS dynamic height with smooth animation

ReactJS form validation without Library

ReactJS Popup with Dialogue Modal

ReactJS Time Picker with Blackout Times

ReactJS Vacation Date Checker

Remove, Clear a File Input

Update Object inside Array

Warn Alert Users Before Page Tab Close

Troubleshooting

Jellyfin v10 to v12

tutorials

Find MAC Address of Any AP

How to setup Live Syncd Obsidian Vault

Migrating My Apps

Quartz-w_Boswell

Typescript

React ts optional prop

Typescript Paths

Typescript, Conditional Types

VS Code Import Typescript Error

UnrealEngine

Quartz MetaSounds Music Implementation for Unreal Engine

Windows 10

Host Static Website on Windows 10 IIS

Kernel Power Error 41 (63)

Microsoft Windows

SSH Bad Owner Fix

SSH Server and Key Login Linux Mac Client to Windows Server

SSH Server and Key Login

Windows 10 Clean Drive of Recovery and EFI System Partitions

Windows 10 Drive Format via Terminal

Windows add Markdown file to context

Windows Boot Error Blue Screen

Windows Close Programs on Loggout or Sleep

Windows Freezes Hangs Crashes File Rename Create

Wordpress

Increase Max Upload Size for Wordpress uploads

Use S3 Uploads in-place of Wordpress media directory

Zoom

Making Phone Calls with a Zoom Room

Zoom Always allow screen sharing from participants

Zoom Disable Waiting Room

Zoom Room Basics

Zoom Room Booking and Host With Outlook Integration

Zoom Room Share Screen

Att Router Passthrough with Pi Hole

Backup Solutions

CMS Page Builder Rich Text Editors

Document vs SQL Database

Free Developer Tools

Good Open Source Tools

Google Email Trick

Host Static Files With Nextcloud

Nextcloud Analytics with Umami and JSLoader Plugin App

Shell Prompt Starship.rs and ZSH

SteamDeck Stuff

The LENIA Universe

VPN that takes Monero Payment

Wordpress Migration from Localhost to Server

music

advice

Ai Generated Music Thoughts

How Much to Charge for AV Rentals

Music Composer Working with Clients Tips

Why Music Song Titles and Genres Matter

buisness

Music Composer Working with Clients Tips

FL Studio

FL Studio Map Pitch and Mod Wheel

Fruity Video Player Keep From Closing

Novation Launchkey Mk2 Mkii with FL Studio

Use ZGameEditor over Fruity Video Player for Scoring Film

genres

cult wook country

History

LSDJ

music_theory

Euclidean Rhythms

Louie Zong - Rhythm Hell

Music and Entropy

Reaper

Install Reaper Package manager Repack

Reaper Batch Export Regions as Separate Clips

Reaper Batch Renaming Markers and Regions

Reaper DAW Knowledge

Reaper Import AAF files from Film Editor

Reaper Keybindings

Sound Design

Dusty Percussion

Hard Clipping with Sidechain

Video Editor

Quick, Easy, Beautiful Slideshows with DaVinci Resolve 18

Visuals

WilliaMusic

Music File Name Convention

P4V Perforce Push Pull Walktrough

WWise

Dynamic Music Ideas

Intro into Continuous Loop with Wwise Music

Wwise Slightly Random Playlist Arrangements

Wwise Souncaster

Best Free Plugins

Interactive Music

Personal

travel

2025 Steamboat CO

Stock Market Order Types (Market Order, Limit Order, Stop Loss, Stop Limit)

shower thoughts

idioms

Better Late Than Never

Between rock and a hard place

Can't Hold a Candle to...

Cart before the Horse

Curiosity Killed the Cat

Do As I Say Not As I Do

Every Dog Has Its Day

Form Follows Function

Form Over Function

Fortune Favors The Bold

Fuck em If They Can't Take a Joke

Get out of dodge

have a field day

Heart on my Sleeve

I Just Work Here

It grew legs and walked away

It’s Better To Ask For Forgiveness Than Permission

Living On Borrowed Time

Motivation is what gets you started, but discipline is what keeps you going

No Skin Off My Back

One Hand To Shake Beats One Throat To Choke

Paint the town red

Pot Calling The Kettle Black

Putting the cart before the horse

Race to the Bottom

Strike While the Iron Is Hot

Swallow the Frog

The Devil is in the Details

There Goes the Neighborhood

Those Who Seeks Revenge Digs Two Graves

jokes

Theramin for Sale

Physics

bernoulli effect

proverbs

3 Steps to Paradise

Loss Aversion People morn lose more than appreciate gain

No Rest for the Wicked

The Forest Voted for the Axe

The Road to Hell is Paved with Good Intentions

Unwind but not Unravel

Use it up, wear it out, make do or do without

Virtuous Circle vs endless cycle

we will pay the price, but we will not count the cost

When faced with two choices, simply toss a coin

Wise men speak because they have something to say; Fools because they have to say something

Psycology

Logical Fallacies

Appeal to Hypocrisy

Begging the Question Fallacy

Reification Fallacy

Straw Man Fallacy

Know, Like and Trust

Observer Effect

Ship of Theseus

The Narcissist's Prayer

Rants

The paradox of tolerance And paradox of acceptance

The Zelda Fandom from a Zelda Fan

We don't need better algorithms

Recipies

Cooking Recipes

Schnitzel Fried Chicken

riddles

50 from 1000 vs 5000 from 1

words

Can't see the forest through the trees

Conway's Game of Life

Modern 4 Horsemen of the Apocolypse

Owning Digital Products on Physical Media

Welcome to Pywrite Garden

Over Feed Algorithms

File Preview with FileReader API

Home/developer/ReactJS

I took from the credited article and split it into different chunks

codesandbox

Credits

Using the FileReader API to preview images in React - LogRocket Blog
ReactJS

Connected Pages

File Preview with FileReader API

Credits

Pages mentioning this page

No other pages mentions this page

Enter your search text in the box above

Select a result to preview

Enter to select

⇅ to navigate

ESC to close

Powered by There's a Will There's a Web.site