Development Resources

Jump to

Front-End WebLinux

Front-End Web

Individual Elements/Components

• CSS Loaders
• UI Verse

Image Tools

• Aspect Ratio Calculator (find dynamic ratio via base ratio)
• SpriteCow (loose spritesheet generator)
• PNG Pixel (transparent base64 pixel generator)
• Subtle Patterns
• TinyPNG Image Optimizer
• svgomg SVG optimizer

Colors

• Color Hunt (palettes)
• Coolors (palettes)
• UI Gradients
• CSS HD Gradients

Fonts/Type

• Modern Font Stacks (system font stacks)
• DaFont
• FontSource (npm package for fonts)
• Google Fonts
• CSS Clamp Generator

Icons

• Iconmonstr
• Game Icons
• Iconify (lots of icon sets)
• css.gg Icons
• microns
• typicons

Meta

• Opengraph.xyz (preview/generate og meta tags)

Javascript Games

Engines

• LittleJS by Frank Force
• Kaplay (Kaboom community successor)

Sprite Tools

• Piskel online sprite creator

---

AI

General Use

• ChatGPT
• Cursor

Researching

• Perplexity

UI Design

• bolt.new

---

Linux

Ubuntu Server Setup

• Initial Server Setup (DO)
• SSH Check /etc/ssh/sshd_config.d/ for pre-installed/ host configs and remove as necessary
• SSH Config Change Port (Ubuntu v22+)
• NGINX Setup (DO)
• NGINX LetsEncrypt Certs (DO)
• NGINX/general grant access to user’s directory
• NGINX HTTP2 Setup (DO)
• NGINX Custom Error Pages (DO)
• NGINX Block Direct IP Access
• NGINX Basic Password Authentication (DO)
• NGINX Reverse Proxy (DO)
• Node PM2 Setup (DO)

Git Hooks

• Git Hooks (DO)

Game Servers

• Linux GSM