Here’s a big ’ol collection of resources for creating personal websites! I honestly am mostly just using this for keeping track of things I find so I can maybe use them later lol, but i hope it could maybe help someone else someday!
Resource pages
Other resource pages that could be useful!!
- The Frutiger Aero Archive > Resources
- Maphren’s resources and credits page
- Cinnamuff’s Galaxy | Resources
- plasticdino links page: whole ton of random links :P
Assets
Gifs
- Picgifs
- gifcities: Huge archive of millions of gifs from geocities. A part of the Internet Archive.
Sprites
Icons
- https://sadthemes.tumblr.com/smolpxl: cute animated icons :3
- The Frutiger Aero Archive > Icons
- Pixel Icon Library by HackerNoon
- Identity Buttons
Blinkies
- blinkies.cafe: fun little blinky gif generator!!
Stamps
Buttons
Fonts
- http://www.planet.dk/fonts/
- J. Vill’s fonts: Some really cool looking free Y2K fonts
- Velvetyne Libre Friends: List of free and open source fonts/font collections
- PixelCode (font)
Backgrounds
- https://hekate2.github.io/website-tools/index.html
- Backgrounds Archive
- Magic Pattern: CSS Background Patterns: “Beautiful pure CSS background patterns that you can actually use in your projects!”
CSS Styles
Widgets
- webneko: free to use code snippet that adds a cute little kitten that runs around on your screen and chases your cursor :3
Themes
Pre-made themes, layouts, CSS, etc.
- REPTH Themes
- Teppy’s Layouts & Tips: My site originally used this layout i think, but this one is completely different than the one i remember basing my site off of, so not completely sure.
Guides
CSS
Static Site Generators
Comments
- Various ways to include comments on your static site
- Tutorial: How to Add Self-hosted Comments to Your Static Site
Syntax Highlighting
- Markup for Syntax Highlighting: A Comparison of Different Approaches: Posted in 2011, could be outdated
- Syntax highlighting code in Eleventy posts
- Setting up syntax highlighting for Hugo
- Zola Docs > Syntax Highlighting: This site uses Zola, so this is what I use :3
Website Layout
Fonts
Software
Frameworks
- https://astro.build: Can be used as a static site generator, but also more. Advertises itself as great for content-based sites like blogs
Hosts
Static Hosting
Guestbook
Libraries
Go
JavaScript
- fslightbox.js: JS library for displaying media in a bigger viewer when you click on it
Node
Structured Data
Tools
- Google Rich Results Test
- Schema Markup Validator
- Transfonter
- Autoprefixer: Plugin for PostCSS that generates browser-specific prefixes for your CSS so you only have to use the regular non-prefixed version (no more
-moz-whatever!) - Autoprefixer online: Web version of autoprefixer