I've slapped together approximately 173 pages of material that aims to teach programming a personal website with HTML and CSS to artists, animators, writers, music producers, etc.

F*ck It, Let's Make a Website Part 1 is now live ✨

Go here to read: https://bit.ly/filmawPartOne

More info below 👇

----

173 pages is just this one chapter that teaches HTML and CSS, otherwise there's 2 more (relatively short) chapters included. There's plenty of example code and diagrams that attempt to explain the concepts visually and practically

(a screenshot from the document featuring example code and the code working in a compiler)

(a screenshot from the document featuring a diagram of how tables work. It looks horrific because HTML tables are horrific.)

(a screenshot from the document featuring example code that justifies using video format over gifs for displaying looping animations.)

But because I know looking at text and example code can be boring and not engaging at all, I slapped all my example code into CodePen so yall can play around with it too. Try building on the code with what you've learned!

(a video of CodePen's compiler showing how the example code works)

Also, I hate talking outta my ass without being an example of what I'm trying to teach, sooo I slapped together not just 1, but 2 example websites for this guide.

https://arf.nolnir.com/

https://nolnir.neocities.org/

Arf² Studio's source code is on GitHub, both are hosted on CodePen as well (links in guide)

And because I really want yall to make personal websites so badly, I made 7 free-to-use website templates for yall. You can grab them on ko-fi and gumroad

https://ko-fi.com/s/c98491a937

https://nolnir.gumroad.com/l/monoSeries

Three examples below👇

If you find the guide to be helpful, I'd really appreciate you consider doing any of these:

1. your feedback! what can I improve? incorrect info? got a question for me?

2. anticipate the next part!

----

I've reposted and acknowledged several free resource contributions that people have introduced me to and some helpful feedback for people just coming across this guide. Check the Bsky thread here: https://bsky.app/profile/nolnir.com/post/3lrzhr5g6d22z

On ko-fi, I archive all updates and Q&A here: https://ko-fi.com/album/Fi-LMaW-Updates-Q5Q71GQJ92