Anyone know of a fedi or at least free-ish alternative to SoundCloud? I like posting my stuff for archival and for whatever folks might enjoy listening to my brand of self indulgent improv, but I just have no desire to engage with that site anymore. What are the cool Indieweb kids using these days?

#fediverse #indieweb #music #synth

Here’s how I setup my blogroll to include all the things I follow on the web: https://distinctivequality.com/blog/following-page/ #indieweb #webdev #webdesign

Big changes as Casa De ODonnell last week.

#blog #indieweb

https://odonnellweb.com/pelican/changes.html

I'm hosting my OPML file on Github, but is there a way I could kind of embed those URLs in a nicely, hyperlinked, ordered list on my forked #Wordpress website?

I'd like to embed my #Blogroll, so when I update my OPML file on Github it just automatically changes everywhere that it's embedded, so that I get a nice list of blogs and feeds I am subscribed to, like the one below.

https://jlelse.blog/blogroll

#RSS #IndieWeb #SmallWeb

I started to create a new #HTML5 and #CSS4 boilerplate, mainly for my personal use. I'm aiming for the following:

1. #A11y / #Accessibility support / #ARIA

Often forgotten. This time, it's deeply personal, it's now a must for me.

2. Avoid #IconFonts, use #SVG instead.

Same as the first item, but deserves to be mentioned separately.

3. #Microformats support

For #IndieWeb, #Webmention, #Fediverse, and related support.

4. Use the ‘rel’ attribute where appropriate

Same as those in the previous items.

5. Styling using style classes only. Not microformats classes, as those can be reused for other purposes.

I used to, and I also noticed others doing the same, use microformats classes for styling. And then just override it if the same microformat class is reused elsewhere. Makes everything confusing; and hard to track, especially if you're using someone else's theme/template/skin.

6. Avoid using advance CSS selectors as much as possible; without resorting to multiple styling classes.

Multiple classes, as well as, advance CSS selectors, can and do slow down rendering. It's easy to fall into this trap because it makes things easier. I'm guilty of it.

7. Drop deprecated stuff; and only use future-proof ones.

Like backwards compatibility with anything IE.

Also, many CSS resets are actually no longer needed.

8. Less JavaScript as possible.

If something can be done without scripts, use that method. Everything else is optional. The site should work with or without scripts.

Remember, we're creating a boilerplate that we can reuse. We build on top of it.

9. As semantic as possible.

For example, use “article”, “main”, “nav”, “aside”, “section”, where applicable, instead of “div” with a “role” and/or “id/class”.

We requested for those when HTML5 was being developed, but only few actually use it (especially blog templates).

10. BEM methodology

---

I hope those are everything worth applying in this journey.

Some notes:
* For #SchemaOrg, I prefer #JSON than embedding it in the HTML code through classes or itemprop.
* I understand there are a few with some of the goals I listed already implemented, but I prefer to learn along the way, not “how to use” this and that.

#YourOnlyOne

#introduction #reintroduction
probably some of you already knew me under the old handle starting with M and ending with N. if not, allow yourself to give me a carte blanche and start anew.

call me whatever is on my display name. I do art (love character design, often experiment with artstyles), I maintain a personal website @ lalafell.party, also I am the creator of Neorat emoji set and the PICMO emotes.

my commissions are always open, just DM me, and don't be afraid to ask for a discount if needed. I'm flexible.

I'm queer as in "i don't owe you telling you my labels", I'm disabled as in "fuck medicalists".

at the time of writing, a NEET.

I own a Wii and 3DS, so feel free to message me if you look for some gaming.

treat this post as an AMA. will not bite unless you're rancid or concern trolling.

#Gaming #VideoGames #Wii #3DS #Art #DigitalArt #MastoArt #FediArt #ArtistsOnMastodon #CharacterDesign #Illustration #Pokemon #IndieWeb #Webmaster #CommissionsOpen #BoostMe #NoAI #Disabled #ActuallyAutistic

Here is this month's 9th #indieweb carnival submission 🥞

https://devastatia.com/the-breakfast-club-revisited

Doesn't seem like it was "back to normal on Monday" for this John Hughes fan, yo! 🥰

#smallweb #blog #writing #movies #breakfast #web #internet #psychology #happy #webdev

"Sherlock & Co." sowie "Deutschland 33/45" sind derzeit zwei meiner meist gehörten Podcasts. Gute Beispiele für die Attraktivität des Mediums. #indieweb #podcasts https://kleinheld.ch/posts/holmes-hilter-podcast-empfehlung/

#indieweb #blogging people - a question. I'm looking to move to another personal blog (really to condense all my websites into one thing), but I'd like to move AWAY from Wordpress. Are there any decent blogging services that y'all recommend? TIA!

Recent post thing was, We need less objective journalism so consider adding my feed? https://robertkingett.com #IndieWeb #SmallWeb #RSS

this post @capjamesg wrote is almost plucked right out of my brain; been having these thoughts for a while, and i'm so glad to share it. thank you for writing it, james!

"To have a personal website is, presently, an act of rebellion. It is a statement. You are saying: I want to define my experience on the web. I'll let you in on an open secret: Big tech companies aren't the only ones who get to decide how we share ideas on the web. The web is yours. You can put up a website where you share whatever it is that you want to share with others."

https://jamesg.blog/2024/01/27/the-indie-web/

#indieweb #personalweb #smallweb #internet

Redoing my #introduction again since it's now been a quarter of a year since I first joined Mastodon:

Hello! 👋 I'm an #autistic Gen Z-er born in the mid-2000s, and I go by the name "Quinn" (with he/him pronouns) on most Internet platforms. I'm a fan of #Indieweb, #SmallWeb, #RSS, #NNTP, and the #Fediverse! 😁

The only two social media platforms I currently use are Mastodon and YouTube. I haven't really dabbled with any other social medias at this point.

My website is https://quinn9282.neocities.org!

I think I might be more of a "lowercase i & w" #indieweb fella.

> The internet has always been made of people, but it has not always been people-first. The indieweb reminds us that humanity is the most important thing, and that nobody should own our ability to connect, form relationships, express ourselves, be creative, learn from each other, and embrace our differences and similarities

#IndieWeb

https://werd.io/2024/the-indieweb-is-for-everyone

"The indieweb is for everyone" - post from werd.io

Tantek Çelik has posted a lovely encapsulation of the indieweb:The #IndieWeb is for everyone, everyone who wants to be part of the world-wide-web of interconnected people. The social internet of… https://werd.io/2024/the-indieweb-is-for-everyone

The indieweb is for everyone

The internet has always been made of people, but it has not always been people-first. The indieweb reminds us that humanity is the most important thing, and that nobody should own our ability to connect, form relationships, express ourselves, be creative, learn from each other, and embrace our differences and similarities.

Ben’s ode to the indie web:

One could look at the movement as kind of a throwback to the very early web, which was a tapestry of wildly different sites and ideas, at a time when everybody’s online communications were templated through web services owned by a handful of billion dollar corporations. I’d prefer to think of it as a manifesto for diversity of communications, the freedom to share your knowledge and lived experiences on your own terms, and maintaining the independence of freedom of expression from business interests.

#indieweb #independent #personal #publishing #ownership #community

Ben Werdmuller blogs about how the IndieWeb is for everyone, inspired by a post from Tantek Çelik. Tantek:

The IndieWeb is for everyone, everyone who wants independence from organizations, independence of agency to associate, and who embraces the web of humans that want to interconnect, to communicate, to value and respect each other, whether one degree apart or thirty.

Both great posts.

The indieweb is for everyone