Big changes as Casa De ODonnell last week.
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.
New blog post: My favourite articles of 2023
https://blog.rubenwardy.com/2024/01/28/interesting-reads-2023/
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.
#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/
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
"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.
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.
"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."
Great blog from @ben on the how the #indieweb is for everyone: “it’s about building a social internet of people: a human network of gloriously diverse lived experiences, creative modes of expression, community affinities, and personalities.”
https://werd.io/2024/the-indieweb-is-for-everyone