Making a website can seem complicated- but it isn't! There's also ways you can make it even easier! I've compiled some resources here that you can use. I'll also add to them as I find things.
Learn HTML & CSS
I promise HTML and CSS aren't hard to learn and if you've been online for a while, you probably already know more than you realize! These are loosely ordered from least technical to most techincal, but any of the 3 are good starting points! W3Schools is an awesome resource and you can learn something at any knowledge level.
Advanced Tutorials
Once you can put together an HTML/CSS site, try some of these!
- Information on Web Hosting
- Make an RSS Feed for your site
- Use GitHub Actions to deploy changes (I use this!)
HTML Templates
If coding from scratch is intimidating, you can use these templates to get started!
- F*ck It, Let's Make A Website! (this is not EXACTLY a template, but it's a very straightforward tutorial)
- A BIG list of layouts
- neothemes
- Teppy's layouts
- Sample Title layout (tabbed!)
- eggramen
- sadgrl (this is a tool where you create your own layout!)
- Kale Chip's Layouts
Specific Website Templates
Assets
These are things you can use on your websites. They're all either free or free when you attribute the creator.
- Library of Congress digital collection
- vecteezy
- 88x13 Collection (very gif heavy website)
- Another BIG 88x13 Collection
Useful Tools
- Doodad.dev (make a gradient, make a pattern, or dither an image)
- CSS-pattern.com gives you the CSS code to generate a bunch of different patterns and div borders.
- Website Color Generator
- Make a color palette from an image
- Google Fonts
- Check color contrast for visibility
Interesting Websites
