Creating Your Own Website

Building a website can seem difficult, but half the battle is just getting started! We wanted to put this guide together as an easy compilation of tutorials and places to learn exactly what you need to get started.

This is a really useful guide for beginners!

We hope this guide helps make everything feel more accessible to you, because it is! The internet belongs to all of us, so be sure to stake your claim in it.

#indieweb #personal #publishing #resources #learning #teaching #websites #html #hosting #options #encouragement

More on why you should have a website

A website, or anything interactive, is inherently unfinished. It’s imperfect—maybe sometimes it even has a few bugs. But that’s the beauty of it. Websites are living, temporal spaces. What happens to websites after death, anyway? What are you waiting for? …

https://lars-christian.com/notes/4d9a3ed8c3/
#indieweb #PersonalWebsites

@tantek.com A good read, thank you!

One change I’ve been making myself over the past few years in this vein is to switch, as much as possible, to serving statically built sites using JS only as progressive enhancement, and serving them over #IPFS.

IPFS means anyone else can play a part in storing and serving my sites for as long or as little as they want, and I can (and do!) offer to “pin” other #IndieWeb sites on my #homelab 😊 https://byjp.fyi/indieweb-ipfs

Maybe this helps a little!

New this week: the #IndieWeb community deployed a major modern update to the design, usability, and cross-device support of the https://indieweb.org/ home page and wiki in general! In brief:

* Updated MediaWiki install, updated themes, better mobile device support
* New default theme: Vector (2022), the same as English Wikipedia
* Lots of CSS fixes for content, sidebars, etc.
* Home page content simplification and more pleasing design update

Lots more details on the 2024 homepage and design update project page:
* https://indieweb.org/2024/homepage

This was a community effort, with many people pitching in with major & minor contributions, spending weeks, days, hours, or a few minutes here and there helping out.  From server work, to PHP coding, to HTML+CSS (re)coding, to testing variants of MediaWiki themes, browsers, and devices.

Huge thanks in particular to @PaulRobertLloyd.com (@paulrobertlloyd@mastodon.social) for both driving this design update (e.g. said project page) and doing the heavy lifting of debugging, patching, and testing the latest MediaWiki Vector theme, documenting before & after screenshots, and @AaronParecki.com (@aaronpk@aaronparecki.com @aaronpk) for all the server-side software updates, PHP/IndieAuth wrangling, and critical devops too.

Go try the new https://indieweb.org/ on any browser, on any device, and share your experience!

#IndieNews

This is post 11 of #100PostsOfIndieWeb. #100Posts

https://tantek.com/2024/046/t1/the-ephemeral-web
→ 🔮
#IndieWeb #IndieNews #100PostsOfIndieWeb #100Posts

📝 Making Websites Should Be Easy

First post in a while... This one summarises a conversation @sarajw and I had last month about the barrier to making websites if you're not a developer...

🔥 https://flamedfury.com/posts/making-websites-shoud-be-easy/

#SmallWeb #OpenWeb #IndieWeb #WebDev

2023 Blogging Project Recap

In 2023, I attempted to write 100 posts of at least 100 words, inspired by some other blogging projects I saw promoted as part of the IndieWeb revival.

Unsurprisingly, I fell a little short. It’s unsurprising because there were some summer months where I really stepped away from this blog and only got maybe one entry in per month. Then there were weeks […]

#2024 #AtLeast100 #blog #indieweb

https://novakeith.net/2024/02/16/2023-blogging-project-recap/

New this week: the #IndieWeb community deployed a major modern update to the design, usability, and cross-device support of the https://indieweb.org/ home page and wiki in general! In brief:* Updated MediaWiki install, updated themes, better mobile device support* New default theme: Vector (2022), the same... tantek.com
New this week: the #IndieWeb community deployed a major modern update to the design, usability, and cross-device support of the https://indieweb.org/ home page and wiki in general! In brief:

* Updated MediaWiki install, updated themes, better mobile device support
* New default theme: Vector (2022), the same as English Wikipedia
* Lots of CSS fixes for content, sidebars, etc.
* Home page content simplification and more pleasing design update

Lots more details on the 2024 homepage and design update project page:
* https://indieweb.org/2024/homepage

This was a community effort, with many people pitching in with major & minor contributions, spending weeks, days, hours, or a few minutes here and there helping out.  From server work, to PHP coding, to HTML+CSS (re)coding, to testing variants of MediaWiki themes, browsers, and devices.

Huge thanks in particular to @PaulRobertLloyd.com for both driving this design update (e.g. said project page) and doing the heavy lifting of debugging, patching, and testing the latest MediaWiki Vector theme, documenting before & after screenshots, and @AaronParecki.com for all the server-side software updates, PHP/IndieAuth wrangling, and critical devops too.

Go try the new https://indieweb.org/ on any browser, on any device, and share your experience!

#IndieNews

This is post 11 of #100PostsOfIndieWeb. #100Posts

https://tantek.com/2024/046/t1/the-ephemeral-web
→ 🔮

an #introduction for the alt account

feel free to call me fami, justin, onemuri; whatever you see fit
i use it/its pronouns (masc pronouns outside of english) and i am a lot of queer mixed with disability

this is my alt account in case my main goes down for any reasons (i'm one of the wavebird.party admins!) -- hence why the intro is also mostly copied, because i suck at intros but feel free to ask me stuff

i am one of the 3 owners of a wii and one of 10 owners of a 3ds on fedi. hit me up if you want some mario kart or smash bros tho :yeah:

i also do art and try to rewrite my website as i no longer like the way it looks. AI/techbros/fossbros DNI i hate you with every fiber of my being.

if youre looking to follow a fellow disabled transmasc-revolving fella who games and draws, or youre into similar things, feel free to follow (unless you are under 18 or post content illegal in my jurisdiction)

fun fact: i love bananas and mangos
also plushie collectors pls interact i also collect plushies, here are my plushies (and other toys) below

#gaming #VideoGames #wii #3ds #disabled #ActuallyAutistic #IndieWeb #pokemon #plushie #art #DigitalArt #ArtistsOnMastodon #furry #webmaster #queer #transmasc #transgender #salmacian #LGBTQ #BoostMe

I made a thing in php. https://social.marisabel.nl still a lot to add like automatic links, callbacks, and images. But once it is all I want, I can try to make it federated. It's fun, but HARD. At least it has rss. #indieweb

ポッドキャスト用のブログで、インディーウェブについてちょこちょこ書いてます。
https://nejimaki-radio.com/tag/indieweb/
#インディーウェブ #indieweb

I really like personal homepages and have quite a list of them bookmarked. I'll post one every week until I don't. So here's Cool Personal Homepages #CPH Vol. 5: {datagubbe} https://datagubbe.se/

#SmallWeb #indieweb #PersonalSites #homepage

Hello again, micro.blog! I dropped off here in 2020 due to technical issues apparently, but I think I’m back?

Short intro: gRegor, he/him, San Diego, try to make people laugh (or groan from puns), software developer, IndieWeb enthusiast, and COVID cautious.

A couple of days ago in an informal discussion in the #indieweb chat channel about how different people view #Mastodon, the #fediverse, or #Bluesky, and services like #Bridgy & #BridgyFed quite differently, I noted¹ that one big unspoken difference was how things on the web last over time, from the traditional persistent web, vs the newer and growing ephemeral web.

There is the publicly viewable #OpenWeb that many of us take for granted, meaning the web that is persistent, that lasts over time, and thanks to being #curlable, that the Internet Archive archives, and that a plurality of search engines see and index (robots.txt allowing). The HTML + CSS + media files declarative web.

Then there are the https APIs that return JSON "web", the thing that I’ve started calling the ephemeral web, the set of things that are here today, briefly, gone tomorrow. I’ve previously used the more provocative phrase js;dr (JavaScript required, Didn’t Read) for this #ephemeralWeb, yet like many things, it turns out there is a spectrum from ephemeral to persistent.


One popular example on that spectrum that’s closer to the ephemeral edge is anything on a Mastodon server running v4 (or later as of this writing) of the software. (I’m not bothering to discuss the examples of walled garden social media silos because I expect we will continue to see their demise² over time.)

For example, the Internet Archive version of the shutdown notice for the queer(.)af Mastodon server, is visibly blank:

https://web.archive.org/web/20240112165635/https://queer.af/@postmaster/111733741786950083

Note: only a single Internet Archive snapshot was made of that post.

However if you View Source, you can find the entirety of that #queerAF post duplicated across a couple of invisible-to-the-user meta tags inside the raw HTML:

 "**TL;DR: Queer[.]AF will close on 2024-04-12** …"  

[.] added to avoid linking to a dead domain.

Note: such meta tags in js;dr pages were part of the motivation to specify metaformats.

To be clear, the shutdown of queer(.)af was a tragedy and not the fault of the creators, administrators etc., but rather one of the unfortunate outcomes of using some ccTLDs, country-code top level domains, that risk sudden draconian rules, domain renewal price hikes, or other unpredictable risks due to the politics, turmoil, regime changes etc. of the countries that administrate such domains.


Nearly the entirety of every Mastodon server, every post, every reply, is ephemeral.

When a Mastodon server shuts down, all its posts disappear from the surface of the web, forever.

Perhaps internet archeologists of the future will discover such dead permalinks, check the Internet Archive, find apparent desolation, and a few of them will be curious enough to use View Source tools to unearth parts of those posts, unintentionally preserved inside ceremonial meta tags next to dead scripts disconnected from databases and an empty shell of a body.  

All reply-contexts of and replies to such posts and conversations lost, like threads unraveled from an ancient tapestry, scattered to the winds.


If you’re reading this post in your Mastodon reader, on either the website of your Mastodon account, or in a proprietary native client application, you should be able to click through, perhaps on the date-time stamp displayed to you, to view the original post on my website, where it is served in relatively simple declarative HTML + CSS with a bit of progressive enhancement script.

Because I serve declarative content, my posts are both findable across a variety of services & search engines, and archived by the Internet Archive. Even if my site goes down, snapshots or archives will be viewable elsewhere, with nearly the same fidelity of viewing them directly on my site.

This design for longevity is both deliberate, and the default for which the web was designed. It’s also one of the explicit principles in the IndieWeb community.

If that resonates with you, if creating, writing, & building things that last matter to you, choose web tools, services, and software that support the persistence & longevity of your work.

#persistentWeb #longWeb #LongNow

This is post 10 of #100PostsOfIndieWeb. #100Posts

https://tantek.com/2024/035/t2/indiewebcamp-brighton-tickets-available
→ 🔮


Post glossary:

API (Application Programming Interface)
  https://indieweb.org/API
Bluesky
  https://indieweb.org/Bluesky
Bridgy
  https://brid.gy/
Bridgy Fed
  https://fed.brid.gy/
ccTLD (country-code top level domain)
  https://indieweb.org/ccTLD
curlable
  https://indieweb.org/curlable
declarative web
  https://www.mozilla.org/en-US/about/webvision/full/#thedeclarativeweb
Internet Archive
  https://archive.org/
js;dr (JavaScript required; Didn’t Read)
  https://tantek.com/2015/069/t1/js-dr-javascript-required-dead
JSON
  https://indieweb.org/JSON
longevity
  https://indieweb.org/longevity
Mastodon
  https://indieweb.org/Mastodon
metaformats
  https://microformats.org/wiki/metaformats
permalink
  https://indieweb.org/permalink
principles in the IndieWeb community
  https://indieweb.org/principles
progressive enhancement
  https://indieweb.org/progressive_enhancement
reply
  https://indieweb.org/reply
reply-context
  https://indieweb.org/reply-context
robots.txt
  https://indieweb.org/robots_txt
social media
  https://indieweb.org/social_media
silo
  https://indieweb.org/silo
View Source
  https://firefox-source-docs.mozilla.org/devtools-user/view_source/index.html


¹ https://chat.indieweb.org/2024-02-13#t1707845454695700
² https://indieweb.org/site-deaths
#indieweb #Mastodon #fediverse #Bluesky #Bridgy #BridgyFed #OpenWeb #curlable #ephemeralWeb #queerAF #persistentWeb #longWeb #LongNow #100PostsOfIndieWeb #100Posts

Hello again, micro.blog! I dropped off here in 2020 due to technical issues apparently, but I think I’m back?

Short intro: gRegor, he/him, San Diego, try to make people laugh (or groan from puns), software developer, IndieWeb enthusiast, and COVID cautious.

I love #arcbrowser but hate how it broke all my chrome bookmarklets. Turns out there is an easy fix.

https://bryanmanio.com/blog/how-to-fix-bookmarklets-in-arc-browser/

#indieweb #blogging

Hello again, micro.blog! I dropped off here in 2020 due to technical issues apparently, but I think I’m back?

Short intro: gRegor, he/him, San Diego, try to make people laugh (or groan from puns), software developer, IndieWeb enthusiast, and COVID cautious.

A couple of days ago in an informal discussion in the #indieweb chat channel about how different people view #Mastodon, the #fediverse, or #Bluesky, and services like #Bridgy & #BridgyFed quite differently, I noted¹ that one big unspoken difference was how things on the web last over time, from the traditi... tantek.com
A couple of days ago in an informal discussion in the #indieweb chat channel about how different people view #Mastodon, the #fediverse, or #Bluesky, and services like #Bridgy & #BridgyFed quite differently, I noted¹ that one big unspoken difference was how things on the web last over time, from the traditional persistent web, vs the newer and growing ephemeral web.

There is the publicly viewable #OpenWeb that many of us take for granted, meaning the web that is persistent, that lasts over time, and thanks to being #curlable, that the Internet Archive archives, and that a plurality of search engines see and index (robots.txt allowing). The HTML + CSS + media files declarative web.

Then there are the https APIs that return JSON "web", the thing that I’ve started calling the ephemeral web, the set of things that are here today, briefly, gone tomorrow. I’ve previously used the more provocative phrase js;dr (JavaScript required, Didn’t Read) for this #ephemeralWeb, yet like many things, it turns out there is a spectrum from ephemeral to persistent.


One popular example on that spectrum that’s closer to the ephemeral edge is anything on a Mastodon server running v4 (or later as of this writing) of the software. (I’m not bothering to discuss the examples of walled garden social media silos because I expect we will continue to see their demise² over time.)

For example, the Internet Archive version of the shutdown notice for the queer(.)af Mastodon server, is visibly blank:

https://web.archive.org/web/20240112165635/https://queer.af/@postmaster/111733741786950083

Note: only a single Internet Archive snapshot was made of that post.

However if you View Source, you can find the entirety of that #queerAF post duplicated across a couple of invisible-to-the-user meta tags inside the raw HTML:

 "**TL;DR: Queer[.]AF will close on 2024-04-12** …"  

[.] added to avoid linking to a dead domain.

Note: such meta tags in js;dr pages were part of the motivation to specify metaformats.

To be clear, the shutdown of queer(.)af was a tragedy and not the fault of the creators, administrators etc., but rather one of the unfortunate outcomes of using some ccTLDs, country-code top level domains, that risk sudden draconian rules, domain renewal price hikes, or other unpredictable risks due to the politics, turmoil, regime changes etc. of the countries that administrate such domains.


Nearly the entirety of every Mastodon server, every post, every reply, is ephemeral.

When a Mastodon server shuts down, all its posts disappear from the surface of the web, forever.

Perhaps internet archeologists of the future will discover such dead permalinks, check the Internet Archive, find apparent desolation, and a few of them will be curious enough to use View Source tools to unearth parts of those posts, unintentionally preserved inside ceremonial meta tags next to dead scripts disconnected from databases and an empty shell of a body.  

All reply-contexts of and replies to such posts and conversations lost, like threads unraveled from an ancient tapestry, scattered to the winds.


If you’re reading this post in your Mastodon reader, on either the website of your Mastodon account, or in a proprietary native client application, you should be able to click through, perhaps on the date-time stamp displayed to you, to view the original post on my website, where it is served in relatively simple declarative HTML + CSS with a bit of progressive enhancement script.

Because I serve declarative content, my posts are both findable across a variety of services & search engines, and archived by the Internet Archive. Even if my site goes down, snapshots or archives will be viewable elsewhere, with nearly the same fidelity of viewing them directly on my site.

This design for longevity is both deliberate, and the default for which the web was designed. It’s also one of the explicit principles in the IndieWeb community.

If that resonates with you, if creating, writing, & building things that last matter to you, choose web tools, services, and software that support the persistence & longevity of your work.

#persistentWeb #longWeb #LongNow

This is post 10 of #100PostsOfIndieWeb. #100Posts

https://tantek.com/2024/035/t2/indiewebcamp-brighton-tickets-available
→ 🔮


Post glossary:

API (Application Programming Interface)
  https://indieweb.org/API
Bluesky
  https://indieweb.org/Bluesky
Bridgy
  https://brid.gy/
Bridgy Fed
  https://fed.brid.gy/
ccTLD (country-code top level domain)
  https://indieweb.org/ccTLD
curlable
  https://indieweb.org/curlable
declarative web
  https://www.mozilla.org/en-US/about/webvision/full/#thedeclarativeweb
Internet Archive
  https://archive.org/
js;dr (JavaScript required; Didn’t Read)
  https://tantek.com/2015/069/t1/js-dr-javascript-required-dead
JSON
  https://indieweb.org/JSON
longevity
  https://indieweb.org/longevity
Mastodon
  https://indieweb.org/Mastodon
metaformats
  https://microformats.org/wiki/metaformats
permalink
  https://indieweb.org/permalink
principles in the IndieWeb community
  https://indieweb.org/principles
progressive enhancement
  https://indieweb.org/progressive_enhancement
reply
  https://indieweb.org/reply
reply-context
  https://indieweb.org/reply-context
robots.txt
  https://indieweb.org/robots_txt
social media
  https://indieweb.org/social_media
silo
  https://indieweb.org/silo
View Source
  https://firefox-source-docs.mozilla.org/devtools-user/view_source/index.html


¹ https://chat.indieweb.org/2024-02-13#t1707845454695700
² https://indieweb.org/site-deaths