Resources Page

tools & tips i use for creating my sites

website tools & workflow

• servers & techy stuff
  • Github pages (tutorial)
  • Namecheap
  • Cloudflare - honestly still not sure what this does but here’s a tutorial i used to set it up: https://youtu.be/N7n_HtvwNVA?si=BpBAhaNFN6eITSIm
• creating assets
  • Adobe photoshop
  • Medibang paint
• Image compression
• remove.bg
• TinyPNG
• image resizer
• text emoji combos: ⋆.˚𖦹⋆✮⋆.˚

How to's:

• Configure neocities with github & vscode by bcorp
• MDN Web Docs - read documentation! i know a lot of people also use W3Schools tutorials
• videos and random tutorials i have saved on yt: click to open playlist

Terminal tools

• yt-dlp - i use this for yt-splitter to get audios from youtube and it is the goattt
1. cd /path/to/directory/where/you/want/files/extracted/to
2. youtube-dl --extract-audio --split-chapters --audio-format mp3 [URL escape & with “&”]
• image conversion to webP:
• command line tutorial on web.dev
• one-line scripts that i use (in Git Bash):
1. convert 1 file: `for file in /c/path/to/file/*; do cwebp -q 100 "$file" -o "${file%.*}.webp"; done`
2. convert all files in a directory: find /c/path/to/file/ -type f \( -iname "*.jpg" -o -iname "*.jpeg" -o -iname "*.png" \) -exec bash -c 'cwebp -q 100 "$1" -o "${1%.*}.webp"' _ {} \;