This is how I started learning HTML & CSS. The course might seem long, but in fact each little sub-lesson is easily done in a few minutes. Good for incorporating the basics, building a small beginner portfolio and getting a free (!) and reputable certification.
A Beginner's Guide to HTML and CSSIf you're eager to start your website now and you don't want to sit through freeCodeCamp's course before doing so, this is a good starting tutorial for the absolute basics.
W3SchoolsA beginner-friendly collection of tutorials and references for HTML, CSS, JavaScript and more.
MDN Web DocsOfficial references, guides and resources. I believe W3Schools is a better fit if you're just starting out, but you'll end up here sooner or later. Extremely recommended!
Absolute beginner's guide to NeocitiesGet started with using Neocities as your hosting service.
Sadgrl's Layout BuilderDead easy layout builder.
Chia Amisola's Sheet Sites WorkshopLearn how to build a site using Google Sheets (this is how I made my media log!)
Status CafeNice and simple status widget service.
ZoneletsCool blogging engine for your site.
If you aren't really interested in hand-making your site (you should still give it a shot though!!! you won't regret it) or you don't want to dedicate much time to it, here are some free, no-code options that you should check out:
Pictures and Videos
Graphics
- flaticon
- Slidesgo
- Your Free Templates
- Highlights - a hand-drawn illustration library
- unDraw
- lukaszadam
- illustAC
- Scale
- IRA Design
Sounds
Typefaces
- DaFont
- 1001 Fonts
- Google Fonts
- Velvetyne
- The League of Movable Type
- Lost Type
- The Old School PC Font Resource
- Lusse's Free Font Library
- Open Foundry
- Tunera
- SUVA
- Font Squirrel
- Fonts Arena
Tools
- Photopea - Free online photoshop clone. Literal lifesaver
- ezGIF - GIF editor and maker
- Dither Me This - Image ditherer (is that even a word?)
- Squoosh - Reduce the file size of your images
- Randoma11y - Accesible color combinations for your site. Be a good webmaster, make your site readable
- Good Brief - Design brief generator
- Favicon Generator - Make your favicon look good everywhere
- ray.so - Create sleek graphics of code snippets
- Templatemaker - Custom templates for papercraft
Miscellaneous
- Anna's Archive
- AV Reference Libre Archive
- Lockdown Gaming List
- Fuzzimo
- OnlyGFX
- Craftwork's Freebies
- LOONA's (almost?) entire discography, ripped from original CDs
- Animation Screencaps
- The Kong Files (Gorillaz archive)
- Every Poster from Across the Spider-Verse in 4K
- Web Telescope Image Gallery
- @martive_'s Recursos Gráficos
- Stardew Valley Character Creator
- Archivo de Ilustración Argentina
- Savvi's Loona Scans
On the logistics of telling humans 10,000 years from now "hey pls dont come near the nuclear waste nuclear waste bad"
a girl is an open question"thoughts on the girlhood aesthetic from a veteran of the girlhood aesthetic"
a scrolling lecture on the computer mouse"The history of the mouse makes it possible to put forth a complex history of computing."
Are You There God? It's Me, The Algorithm"As the user, I’m prompted to believe that the algorithm is all-knowing, all-seeing, and smart. Awe-inspiringly smart. Effortlessly omniscient. It captures me, it knows me."
A Tweet Before Dying"But the seeking is important, too; people should explore, not simply feed. Whatever will move society forward is not hidden inside the deflating giants."
"Al Otro Lado Del Río" Wins Original Song: 2005 OscarsJust Jorge Drexler.
Birthday (Bad Kid Stuff)"So, wanna hang out next weekend?"
botsbotsbots"you're the only human in a sea of bots"
Cameron's WorldAn explosion of cyber-glitter, GIFs and nostalgia.
cleaning diary"If I do my dishes while waiting for my tea to steep, maybe E will text me back, will tell me why her last message was three hours ago, why it ended in a period, cold and hard and distant."
Cloudwatching / Stargazing"Even from our screens, we are all under the same sky..."
Collaboration Cookbook"A living resource that includes recipes for real creative projects."
Collective Mental Time Travel Can Influence the Future"The way people imagine the past and future of society can sway attitudes and behaviors. How might this be wielded for good?"
corru.observer"A contractor meets with an old friend for some research work. What starts as a routine analysis of ██████████ spirals down a deep rabbit hole as they uncover a decades-old mystery."
Damon Albarn Piano CompilationCompilation of 30 piano renditions and covers sung by Damon Albarn. Also available for download.
Days of HIRAYAMAFrom Perfect Days (2023). "353 days in Hirayama's life not portrayed in the film."
Ejercicio plástico"Ejercicio Plástico es una obra pictórica, monumental, interior."
Extreme PamplonaThe first game I ever played on friv.com. Good times.
faerie generatorAnd thus a faerie was born.
File over app"In the fullness of time, the files you create are more important than the tools you use to create them. Apps are ephemeral, but your files have a chance to last."
Ghosts"I didn’t know how to write about my sister’s death—so I had AI do it for me."
Good Shepherds"Science was supposed to have banished God, but he keeps turning up in our latest technologies. He is the ghost lurking in our data sets, the cockroach hiding beneath the particle accelerator."
How Does The Internet Work?A lot of things happen when your grandma sends you a video of a cute cat.
How Open-Hearted Can You Be and Still Survive?I go back to this one so often I might as well link it here.
i had another dream about you last night"A short pixel adventure about dreams, crushes, and moving on."
I'm a fucking webmaster"The world still needs some fucking webmasters."
Investigation: How Roblox Is Exploiting Young Game Developers"These kids aren't just hobbyists, they're doing real work that is driving the value of one of the biggest video game publishers in history."
Jack Stauber's OPAL"A curious girl investigates the cries she hears coming from a forbidden house across the street."
Jorge Suspenso¡Vive sembrando la intriga!
JUST JOKING! Deepfakes, Satire, and the Politics of Synthetic Media"This report focuses on the fast-growing intersections between deepfakes and satire. Who decides what’s funny, what’s fair, and who is accountable?"
La Anticábala"A la hora del partido Argentina-Croacia, un hombre salió a caminar con sus perras, a pleno sol, porque sus hijos todavía creen que él puede cambiar el mundo."
last seen online"You've bought a computer at a garage sale and being the nosy person you are, you decide to dig. But there are dark secrets lying within..."
Los justos"Esas personas, que se ignoran, están salvando el mundo."
Meme"A meme is an idea, behavior, or style that spreads by means of imitation from person to person within a culture and often carries symbolic meaning representing a particular phenomenon or theme."
My website is a shifting house next to a river of knowledge. What could yours be?Classic read for people who are discovering the world of being a webmaster and having a personal website.
New Normal - Jack StauberIt's time, it's time.
Notes on K-pop"Being a K-pop stan is not about enjoying the music."
Old Sideling HillPatrick McHale's personal website!!! He's literally the coolest... The old version of the site is worth exploring on the Wayback Machine. Check The King of Everything, Interactive Cat, Sleep Adventure.
Sex in Space: The Final Frontier for Mars Colonization?I've been staring at my computer screen for ten minutes now trying to come up with a pun about this.
Simulation of a Nuclear Blast in a Major City"Using data from leading researchers and highlighting present day technology developments, the film illustrates the very real danger nuclear weapons still pose to humanity and life on Earth."
Size of WikipediaIf I won the lottery, I wouldn't tell anyone, but there would be signs...
Timeline of Computer HistoryHighly interactive and complete. By the Computer History Museum.
The internet didn’t kill counterculture—you just won’t find it on Instagram"To be truly countercultural in a time of tech hegemony, one has to, above all, betray the platform which may come in the form of betraying or divesting from your public online self."
The Lost Cities of Geo"Because David ran an internet company, his business depended on users having some grasp of what the internet was. So it was his challenge to get people comfortable on the web. And one day in 1994, it just came to him."
this is not a websiteDefinitely not a website.
thisisnotawebsitedotcom.comA second, completely unrelated non-website.
Twins in ParadiseThe end is nigh.
Grammar and punctuation tips in, you guessed it, cozy settings.
GrammaristLots of post about idioms, colloquialisms and more.
LudwigSearch examples from reputable sources.
Word Family FrameworkEnter a word and find more vocabulary related to it! (Don't ask why the link is a huge keyboard smash, I have no idea either)
Learning English with CambridgeQuick activities to practice various skills, filtered by type, level and time.
English ClubAn insane collection of resources for all areas of English. I've only used the vocabulary section in the past, but I still think the other parts are worth checking!
ELTbaseWorksheets and other resources.
Speaking test videos (for Cambridge exams)Speaking test demonstrations by the official Cambridge English channel for all levels.
Exam EnglishFree online practice tests for various English international exams with answer checking.
C2 Proficiency PreparationOfficial Cambridge preparation for the C2 Proficiency exam (if you look around, there's also preparation for other exams!)
Sample C2 Proficiency writing answers26 sample student answers to the C2 Proficiency writing tasks. In my opinion the feedback given isn't too useful, but they all include their respective tasks, so that means 26 fresh writing tasks!
Merriam Webster Word GamesGames and quizzes related to vocabulary.
Grammar GirlArticles and podcasts on all things related to English.