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
{
"type": "entry",
"author": {
"name": "@ovidem",
"url": "https://mastodon.social/@ovidem",
"photo": null
},
"url": "https://mastodon.social/@ovidem/111836642555687858",
"content": {
"html": "<p>Here\u2019s how I setup my blogroll to include all the things I follow on the web: <a href=\"https://distinctivequality.com/blog/following-page/\"><span>https://</span><span>distinctivequality.com/blog/fo</span><span>llowing-page/</span></a> <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.social/tags/webdev\">#<span>webdev</span></a> <a href=\"https://mastodon.social/tags/webdesign\">#<span>webdesign</span></a></p>",
"text": "Here\u2019s how I setup my blogroll to include all the things I follow on the web: https://distinctivequality.com/blog/following-page/ #indieweb #webdev #webdesign"
},
"published": "2024-01-29T01:28:58+00:00",
"post-type": "note",
"_id": "40125544",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@chrisod",
"url": "https://fosstodon.org/@chrisod",
"photo": null
},
"url": "https://fosstodon.org/@chrisod/111836448979786344",
"content": {
"html": "<p>Big changes as Casa De ODonnell last week.</p><p><a href=\"https://fosstodon.org/tags/blog\">#<span>blog</span></a> <a href=\"https://fosstodon.org/tags/indieweb\">#<span>indieweb</span></a> </p><p><a href=\"https://odonnellweb.com/pelican/changes.html\"><span>https://</span><span>odonnellweb.com/pelican/change</span><span>s.html</span></a></p>",
"text": "Big changes as Casa De ODonnell last week.#blog #indieweb https://odonnellweb.com/pelican/changes.html"
},
"published": "2024-01-29T00:39:44+00:00",
"post-type": "note",
"_id": "40125428",
"_source": "8007",
"_is_read": false
}
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
{
"type": "entry",
"author": {
"name": "@weirdwriter",
"url": "https://tweesecake.social/@weirdwriter",
"photo": null
},
"url": "https://tweesecake.social/@weirdwriter/111836428058690042",
"content": {
"html": "<p>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 <a href=\"https://tweesecake.social/tags/Wordpress\">#<span>Wordpress</span></a> website?</p><p>I'd like to embed my <a href=\"https://tweesecake.social/tags/Blogroll\">#<span>Blogroll</span></a>, 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.</p><p><a href=\"https://jlelse.blog/blogroll\"><span>https://</span><span>jlelse.blog/blogroll</span><span></span></a></p><p><a href=\"https://tweesecake.social/tags/RSS\">#<span>RSS</span></a> <a href=\"https://tweesecake.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://tweesecake.social/tags/SmallWeb\">#<span>SmallWeb</span></a></p>",
"text": "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"
},
"published": "2024-01-29T00:34:25+00:00",
"post-type": "note",
"_id": "40125429",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@rubenwardy",
"url": "https://fosstodon.org/@rubenwardy",
"photo": null
},
"url": "https://fosstodon.org/@rubenwardy/111835490771324007",
"content": {
"html": "<p>New blog post: My favourite articles of 2023</p><p><a href=\"https://blog.rubenwardy.com/2024/01/28/interesting-reads-2023/\"><span>https://</span><span>blog.rubenwardy.com/2024/01/28</span><span>/interesting-reads-2023/</span></a></p><p><a href=\"https://fosstodon.org/tags/blogging\">#<span>blogging</span></a> <a href=\"https://fosstodon.org/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "New blog post: My favourite articles of 2023https://blog.rubenwardy.com/2024/01/28/interesting-reads-2023/#blogging #indieweb"
},
"published": "2024-01-28T20:36:03+00:00",
"post-type": "note",
"_id": "40124160",
"_source": "8007",
"_is_read": false
}
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
{
"type": "entry",
"author": {
"name": "@youronlyone",
"url": "https://c.im/@youronlyone",
"photo": null
},
"url": "https://c.im/@youronlyone/111834526077443428",
"content": {
"html": "<p>I started to create a new <a href=\"https://c.im/tags/HTML5\">#<span>HTML5</span></a> and <a href=\"https://c.im/tags/CSS4\">#<span>CSS4</span></a> boilerplate, mainly for my personal use. I'm aiming for the following:</p><p>1. <a href=\"https://c.im/tags/A11y\">#<span>A11y</span></a> / <a href=\"https://c.im/tags/Accessibility\">#<span>Accessibility</span></a> support / <a href=\"https://c.im/tags/ARIA\">#<span>ARIA</span></a></p><p>Often forgotten. This time, it's deeply personal, it's now a must for me.</p><p>2. Avoid <a href=\"https://c.im/tags/IconFonts\">#<span>IconFonts</span></a>, use <a href=\"https://c.im/tags/SVG\">#<span>SVG</span></a> instead.</p><p>Same as the first item, but deserves to be mentioned separately.</p><p>3. <a href=\"https://c.im/tags/Microformats\">#<span>Microformats</span></a> support</p><p>For <a href=\"https://c.im/tags/IndieWeb\">#<span>IndieWeb</span></a>, <a href=\"https://c.im/tags/Webmention\">#<span>Webmention</span></a>, <a href=\"https://c.im/tags/Fediverse\">#<span>Fediverse</span></a>, and related support.</p><p>4. Use the \u2018rel\u2019 attribute where appropriate</p><p>Same as those in the previous items.</p><p>5. Styling using style classes only. Not microformats classes, as those can be reused for other purposes.</p><p>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.</p><p>6. Avoid using advance CSS selectors as much as possible; without resorting to multiple styling classes.</p><p>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.</p><p>7. Drop deprecated stuff; and only use future-proof ones.</p><p>Like backwards compatibility with anything IE.</p><p>Also, many CSS resets are actually no longer needed.</p><p>8. Less JavaScript as possible.</p><p>If something can be done without scripts, use that method. Everything else is optional. The site should work with or without scripts.</p><p>Remember, we're creating a boilerplate that we can reuse. We build on top of it.</p><p>9. As semantic as possible.</p><p>For example, use \u201carticle\u201d, \u201cmain\u201d, \u201cnav\u201d, \u201caside\u201d, \u201csection\u201d, where applicable, instead of \u201cdiv\u201d with a \u201crole\u201d and/or \u201cid/class\u201d.</p><p>We requested for those when HTML5 was being developed, but only few actually use it (especially blog templates).</p><p>10. BEM methodology</p><p>---</p><p>I hope those are everything worth applying in this journey.</p><p>Some notes:<br />* For <a href=\"https://c.im/tags/SchemaOrg\">#<span>SchemaOrg</span></a>, I prefer <a href=\"https://c.im/tags/JSON\">#<span>JSON</span></a> than embedding it in the HTML code through classes or itemprop.<br />* I understand there are a few with some of the goals I listed already implemented, but I prefer to learn along the way, not \u201chow to use\u201d this and that.</p><p><a href=\"https://c.im/tags/YourOnlyOne\">#<span>YourOnlyOne</span></a></p>",
"text": "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 / #ARIAOften 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 supportFor #IndieWeb, #Webmention, #Fediverse, and related support.4. Use the \u2018rel\u2019 attribute where appropriateSame 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 \u201carticle\u201d, \u201cmain\u201d, \u201cnav\u201d, \u201caside\u201d, \u201csection\u201d, where applicable, instead of \u201cdiv\u201d with a \u201crole\u201d and/or \u201cid/class\u201d.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:\n* For #SchemaOrg, I prefer #JSON than embedding it in the HTML code through classes or itemprop.\n* I understand there are a few with some of the goals I listed already implemented, but I prefer to learn along the way, not \u201chow to use\u201d this and that.#YourOnlyOne"
},
"published": "2024-01-28T16:30:43+00:00",
"post-type": "note",
"_id": "40122617",
"_source": "8007",
"_is_read": false
}
#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
{
"type": "entry",
"author": {
"name": "@fm_con",
"url": "https://tech.lgbt/@fm_con",
"photo": null
},
"url": "https://tech.lgbt/@fm_con/111834392710512135",
"content": {
"html": "<p><a href=\"https://tech.lgbt/tags/introduction\">#<span>introduction</span></a> <a href=\"https://tech.lgbt/tags/reintroduction\">#<span>reintroduction</span></a> <br />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.</p><p>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.</p><p>my commissions are always open, just DM me, and don't be afraid to ask for a discount if needed. I'm flexible.</p><p>I'm queer as in \"i don't owe you telling you my labels\", I'm disabled as in \"fuck medicalists\".</p><p>at the time of writing, a NEET. </p><p>I own a Wii and 3DS, so feel free to message me if you look for some gaming.</p><p>treat this post as an AMA. will not bite unless you're rancid or concern trolling.</p><p><a href=\"https://tech.lgbt/tags/Gaming\">#<span>Gaming</span></a> <a href=\"https://tech.lgbt/tags/VideoGames\">#<span>VideoGames</span></a> <a href=\"https://tech.lgbt/tags/Wii\">#<span>Wii</span></a> <a href=\"https://tech.lgbt/tags/3DS\">#<span>3DS</span></a> <a href=\"https://tech.lgbt/tags/Art\">#<span>Art</span></a> <a href=\"https://tech.lgbt/tags/DigitalArt\">#<span>DigitalArt</span></a> <a href=\"https://tech.lgbt/tags/MastoArt\">#<span>MastoArt</span></a> <a href=\"https://tech.lgbt/tags/FediArt\">#<span>FediArt</span></a> <a href=\"https://tech.lgbt/tags/ArtistsOnMastodon\">#<span>ArtistsOnMastodon</span></a> <a href=\"https://tech.lgbt/tags/CharacterDesign\">#<span>CharacterDesign</span></a> <a href=\"https://tech.lgbt/tags/Illustration\">#<span>Illustration</span></a> <a href=\"https://tech.lgbt/tags/Pokemon\">#<span>Pokemon</span></a> <a href=\"https://tech.lgbt/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://tech.lgbt/tags/Webmaster\">#<span>Webmaster</span></a> <a href=\"https://tech.lgbt/tags/CommissionsOpen\">#<span>CommissionsOpen</span></a> <a href=\"https://tech.lgbt/tags/BoostMe\">#<span>BoostMe</span></a> <a href=\"https://tech.lgbt/tags/NoAI\">#<span>NoAI</span></a> <a href=\"https://tech.lgbt/tags/Disabled\">#<span>Disabled</span></a> <a href=\"https://tech.lgbt/tags/ActuallyAutistic\">#<span>ActuallyAutistic</span></a></p>",
"text": "#introduction #reintroduction \nprobably 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"
},
"published": "2024-01-28T15:56:48+00:00",
"post-type": "note",
"_id": "40122403",
"_source": "8007",
"_is_read": false
}
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
{
"type": "entry",
"author": {
"name": "@accordionpolar",
"url": "https://indieweb.social/@accordionpolar",
"photo": null
},
"url": "https://indieweb.social/@accordionpolar/111834227494552761",
"content": {
"html": "<p>Here is this month's 9th <a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a> carnival submission \ud83e\udd5e </p><p><a href=\"https://devastatia.com/the-breakfast-club-revisited\"><span>https://</span><span>devastatia.com/the-breakfast-c</span><span>lub-revisited</span></a></p><p>Doesn't seem like it was \"back to normal on Monday\" for this John Hughes fan, yo! \ud83e\udd70 </p><p><a href=\"https://indieweb.social/tags/smallweb\">#<span>smallweb</span></a> <a href=\"https://indieweb.social/tags/blog\">#<span>blog</span></a> <a href=\"https://indieweb.social/tags/writing\">#<span>writing</span></a> <a href=\"https://indieweb.social/tags/movies\">#<span>movies</span></a> <a href=\"https://indieweb.social/tags/breakfast\">#<span>breakfast</span></a> <a href=\"https://indieweb.social/tags/web\">#<span>web</span></a> <a href=\"https://indieweb.social/tags/internet\">#<span>internet</span></a> <a href=\"https://indieweb.social/tags/psychology\">#<span>psychology</span></a> <a href=\"https://indieweb.social/tags/happy\">#<span>happy</span></a> <a href=\"https://indieweb.social/tags/webdev\">#<span>webdev</span></a></p>",
"text": "Here is this month's 9th #indieweb carnival submission \ud83e\udd5e https://devastatia.com/the-breakfast-club-revisitedDoesn't seem like it was \"back to normal on Monday\" for this John Hughes fan, yo! \ud83e\udd70 #smallweb #blog #writing #movies #breakfast #web #internet #psychology #happy #webdev"
},
"published": "2024-01-28T15:14:47+00:00",
"post-type": "note",
"_id": "40122143",
"_source": "8007",
"_is_read": false
}
"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/
{
"type": "entry",
"author": {
"name": "@kleinheld",
"url": "https://pixelig.social/@kleinheld",
"photo": null
},
"url": "https://pixelig.social/@kleinheld/111833902985328957",
"content": {
"html": "<p>\"Sherlock & Co.\" sowie \"Deutschland 33/45\" sind derzeit zwei meiner meist geh\u00f6rten Podcasts. Gute Beispiele f\u00fcr die Attraktivit\u00e4t des Mediums. <a href=\"https://pixelig.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://pixelig.social/tags/podcasts\">#<span>podcasts</span></a> <a href=\"https://kleinheld.ch/posts/holmes-hilter-podcast-empfehlung/\"><span>https://</span><span>kleinheld.ch/posts/holmes-hilt</span><span>er-podcast-empfehlung/</span></a></p>",
"text": "\"Sherlock & Co.\" sowie \"Deutschland 33/45\" sind derzeit zwei meiner meist geh\u00f6rten Podcasts. Gute Beispiele f\u00fcr die Attraktivit\u00e4t des Mediums. #indieweb #podcasts https://kleinheld.ch/posts/holmes-hilter-podcast-empfehlung/"
},
"published": "2024-01-28T13:52:15+00:00",
"post-type": "note",
"_id": "40121710",
"_source": "8007",
"_is_read": false
}
#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!
{
"type": "entry",
"author": {
"name": "@karen",
"url": "https://m.chronosaur.us/@karen",
"photo": null
},
"url": "https://m.chronosaur.us/@karen/111828893015945474",
"content": {
"html": "<p><a href=\"https://m.chronosaur.us/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://m.chronosaur.us/tags/blogging\">#<span>blogging</span></a> 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!</p>",
"text": "#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!"
},
"published": "2024-01-27T16:38:09+00:00",
"post-type": "note",
"_id": "40118708",
"_source": "8007",
"_is_read": false
}
Recent post thing was, We need less objective journalism so consider adding my feed? https://robertkingett.com #IndieWeb #SmallWeb #RSS
{
"type": "entry",
"author": {
"name": "@weirdwriter",
"url": "https://tweesecake.social/@weirdwriter",
"photo": null
},
"url": "https://tweesecake.social/@weirdwriter/111831000097065551",
"content": {
"html": "<p>Recent post thing was, We need less objective journalism so consider adding my feed? <a href=\"https://robertkingett.com\"><span>https://</span><span>robertkingett.com</span><span></span></a> <a href=\"https://tweesecake.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://tweesecake.social/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://tweesecake.social/tags/RSS\">#<span>RSS</span></a></p>",
"text": "Recent post thing was, We need less objective journalism so consider adding my feed? https://robertkingett.com #IndieWeb #SmallWeb #RSS"
},
"published": "2024-01-28T01:34:01+00:00",
"post-type": "note",
"_id": "40118484",
"_source": "8007",
"_is_read": false
}
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
{
"type": "entry",
"author": {
"name": "@xandra",
"url": "https://tilde.zone/@xandra",
"photo": null
},
"url": "https://tilde.zone/@xandra/111830947668237940",
"content": {
"html": "<p>this post <span class=\"h-card\"><a class=\"u-url\" href=\"https://indieweb.social/@capjamesg\">@<span>capjamesg</span></a></span> 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!</p><p>\"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.\"</p><p><a href=\"https://jamesg.blog/2024/01/27/the-indie-web/\"><span>https://</span><span>jamesg.blog/2024/01/27/the-ind</span><span>ie-web/</span></a></p><p><a href=\"https://tilde.zone/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://tilde.zone/tags/personalweb\">#<span>personalweb</span></a> <a href=\"https://tilde.zone/tags/smallweb\">#<span>smallweb</span></a> <a href=\"https://tilde.zone/tags/internet\">#<span>internet</span></a></p>\n<a class=\"u-mention\" href=\"https://indieweb.social/@capjamesg\"></a>",
"text": "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"
},
"published": "2024-01-28T01:20:41+00:00",
"post-type": "note",
"_id": "40118485",
"_source": "8007",
"_is_read": false
}
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!
{
"type": "entry",
"author": {
"name": "@Quinn9282",
"url": "https://mas.to/@Quinn9282",
"photo": null
},
"url": "https://mas.to/@Quinn9282/111830705363353964",
"content": {
"html": "<p>Redoing my <a href=\"https://mas.to/tags/introduction\">#<span>introduction</span></a> again since it's now been a quarter of a year since I first joined Mastodon:</p><p>Hello! \ud83d\udc4b I'm an <a href=\"https://mas.to/tags/autistic\">#<span>autistic</span></a> 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 <a href=\"https://mas.to/tags/Indieweb\">#<span>Indieweb</span></a>, <a href=\"https://mas.to/tags/SmallWeb\">#<span>SmallWeb</span></a>, <a href=\"https://mas.to/tags/RSS\">#<span>RSS</span></a>, <a href=\"https://mas.to/tags/NNTP\">#<span>NNTP</span></a>, and the <a href=\"https://mas.to/tags/Fediverse\">#<span>Fediverse</span></a>! \ud83d\ude01</p><p>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.</p><p>My website is <a href=\"https://quinn9282.neocities.org\"><span>https://</span><span>quinn9282.neocities.org</span><span></span></a>!</p>",
"text": "Redoing my #introduction again since it's now been a quarter of a year since I first joined Mastodon:Hello! \ud83d\udc4b 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! \ud83d\ude01The 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!"
},
"published": "2024-01-28T00:19:03+00:00",
"post-type": "note",
"_id": "40118257",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "@elgg",
"url": "https://indieweb.social/@elgg",
"photo": null
},
"url": "https://indieweb.social/@elgg/111830367090544262",
"content": {
"html": "<p><a href=\"https://indieweb.social/tags/IndieWeb\">#<span>IndieWeb</span></a> </p><p><a href=\"https://jamesg.blog/2024/01/27/the-indie-web/\"><span>https://</span><span>jamesg.blog/2024/01/27/the-ind</span><span>ie-web/</span></a></p>",
"text": "#IndieWeb https://jamesg.blog/2024/01/27/the-indie-web/"
},
"published": "2024-01-27T22:53:02+00:00",
"post-type": "note",
"_id": "40117795",
"_source": "8007",
"_is_read": false
}
I think I might be more of a "lowercase i & w" #indieweb fella.
{
"type": "entry",
"author": {
"name": "@fromjason",
"url": "https://mastodon.social/@fromjason",
"photo": null
},
"url": "https://mastodon.social/@fromjason/111830215026420802",
"content": {
"html": "<p>I think I might be more of a \"lowercase i & w\" <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a> fella.</p>",
"text": "I think I might be more of a \"lowercase i & w\" #indieweb fella."
},
"published": "2024-01-27T22:14:21+00:00",
"post-type": "note",
"_id": "40117687",
"_source": "8007",
"_is_read": false
}
> 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
{
"type": "entry",
"author": {
"name": "@ondrejsevcik",
"url": "https://hachyderm.io/@ondrejsevcik",
"photo": null
},
"url": "https://hachyderm.io/@ondrejsevcik/111829890128517374",
"content": {
"html": "<p>> 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</p><p><a href=\"https://hachyderm.io/tags/IndieWeb\">#<span>IndieWeb</span></a></p><p><a href=\"https://werd.io/2024/the-indieweb-is-for-everyone\"><span>https://</span><span>werd.io/2024/the-indieweb-is-f</span><span>or-everyone</span></a></p>",
"text": "> 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#IndieWebhttps://werd.io/2024/the-indieweb-is-for-everyone"
},
"published": "2024-01-27T20:51:44+00:00",
"post-type": "note",
"_id": "40117127",
"_source": "8007",
"_is_read": false
}
"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
{
"type": "entry",
"author": {
"name": "@techposts",
"url": "https://fedi.sysartist.com/@techposts",
"photo": null
},
"url": "https://fedi.sysartist.com/@techposts/111829320795015877",
"content": {
"html": "<p>\"The indieweb is for everyone\" - post from werd.io</p><p>Tantek \u00c7elik has posted a lovely encapsulation of the indieweb:The <a href=\"https://fedi.sysartist.com/tags/IndieWeb\">#<span>IndieWeb</span></a> is for everyone, everyone who wants to be part of the world-wide-web of interconnected people. The social internet of\u2026 <a href=\"https://werd.io/2024/the-indieweb-is-for-everyone\"><span>https://</span><span>werd.io/2024/the-indieweb-is-f</span><span>or-everyone</span></a></p>",
"text": "\"The indieweb is for everyone\" - post from werd.ioTantek \u00c7elik 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\u2026 https://werd.io/2024/the-indieweb-is-for-everyone"
},
"published": "2024-01-27T18:26:57+00:00",
"post-type": "note",
"_id": "40116234",
"_source": "8007",
"_is_read": false
}
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.
{
"type": "entry",
"published": "2024-01-27T15:26:43Z",
"url": "https://adactio.com/links/20826",
"category": [
"indieweb",
"independent",
"personal",
"publishing",
"ownership",
"community"
],
"bookmark-of": [
"https://werd.io/view/65b517fa674577477806cc34"
],
"content": {
"text": "The indieweb is for everyone\n\n\n\n\n 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.\n\n\nBen\u2019s ode to the indie web:\n\n\n 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\u2019s online communications were templated through web services owned by a handful of billion dollar corporations. I\u2019d 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.",
"html": "<h3>\n<a class=\"p-name u-bookmark-of\" href=\"https://werd.io/view/65b517fa674577477806cc34\">\nThe indieweb is for everyone\n</a>\n</h3>\n\n<blockquote>\n <p>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.</p>\n</blockquote>\n\n<p>Ben\u2019s ode to the indie web:</p>\n\n<blockquote>\n <p>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\u2019s online communications were templated through web services owned by a handful of billion dollar corporations. I\u2019d 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.</p>\n</blockquote>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "bookmark",
"_id": "40115591",
"_source": "2",
"_is_read": false
}
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.
{
"type": "entry",
"author": {
"name": "Manton Reece",
"url": "https://www.manton.org/",
"photo": "https://micro.blog/manton/avatar.jpg"
},
"url": "https://www.manton.org/2024/01/27/ben-werdmuller-blogs.html",
"content": {
"html": "<p>Ben Werdmuller blogs about <a href=\"https://werd.io/2024/the-indieweb-is-for-everyone\">how the IndieWeb is for everyone</a>, inspired by a post <a href=\"https://tantek.com/2024/026/t3/indieweb-for-everyone-internet-of-people\">from Tantek \u00c7elik</a>. Tantek:</p>\n<blockquote>\n<p>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.</p>\n</blockquote>\n<p>Both great posts.</p>",
"text": "Ben Werdmuller blogs about how the IndieWeb is for everyone, inspired by a post from Tantek \u00c7elik. Tantek:\n\nThe 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.\n\nBoth great posts."
},
"published": "2024-01-27T09:21:55-06:00",
"post-type": "note",
"_id": "40115222",
"_source": "12",
"_is_read": false
}
{
"type": "entry",
"published": "2024-01-27T14:49:30+00:00",
"url": "https://werd.io/2024/the-indieweb-is-for-everyone",
"category": [
"IndieWeb"
],
"syndication": [
"https://news.indieweb.org/en"
],
"name": "The indieweb is for everyone",
"content": {
"text": "Tantek \u00c7elik 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 people, a network of networks of people, connected peer-to-peer in human-scale groups, communities of locality and affinity.This complements the more technical description on the indieweb homepage:The IndieWeb is a community of independent and personal websites connected by open standards, based on the principles of: owning your domain and using it as your primary online identity, publishing on your own site first (optionally elsewhere), and owning your content.I first came across the indieweb movement when I\u2019d just moved to California. Tantek, Kevin Marks, Aaron Parecki, Amber Case, and a band of independent developers and designers were actively working to helping people own their own websites again, at a time when a lot of people were questioning why you wouldn\u2019t just post on Twitter and Facebook. They gathered at IndieWebCamps in Portland, and at Homebrew Website Camp in San Francisco.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\u2019s online communications were templated through web services owned by a handful of billion dollar corporations. I\u2019d 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.A decade and change later and the web landscape looks very different. It\u2019s now clear to just about everyone that it\u2019s harmful for all of our information to be filtered through a handful of services. From the Cambridge Analytica scandal through Facebook\u2019s culpability in the genocide against the Rohingya people in Myanmar, it\u2019s clear that allowing private businesses to own and control most of the ways we learn about the world around us is dangerous. And they keep piling up, story after story after story.While these events have highlighted the dangers, the indieweb community has been highlighting the possibilities.The indieweb movement has grown from strength to strength. IndieWebCamps and Homebrew Website Clubs are now held all over the world. I\u2019ve never made it to one of the European events \u2013 to my shame, it\u2019s been years since I\u2019ve even been able to make it to a US event \u2013 but the community is thriving and the outcomes have been productive.Even before the advent of the fediverse, the indieweb community had built tools to allow websites to connect to each other as a kind of independent, decentralized social web. Webmention, in conjunction with lightweight microformats that extended HTML to provide semantic hints about the purpose of content on a website, allowed anyone to reply to any website article using a post on their own site \u2013 not just that, but they could RSVP to events, send a \u201clike\u201d, reshare it, or use verbs that don\u2019t have analogies in the traditional social networks. The community also created micropub, a simple API that makes it easy to build tools to help people publish to their websites, and a handful of other technologies that are becoming more and more commonplace.In the wake of the decline of Twitter, Google\u2019s turn towards an AI-driven erosion of the web, and a splintering of social media, many publishers have realized that they need to build stronger, more direct relationships with their communities, and that they can\u2019t trust social media companies to be the center of gravity of their brands and networks. For them, owning their own website has regained its importance, together with building unique experiences that help differentiate them, and allow them to publish stories on their own terms. These are truly indieweb principles, and serve as validation (if validation were needed) of the indieweb movement\u2019s foundational assumptions.But ultimately it\u2019s not about business, or technology, or any one technique or facet of website-building. As Tantek says, it\u2019s about building a social internet of people: a human network of gloriously diverse lived experiences, creative modes of expression, community affinities, and personalities. 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.I\u2019m deeply glad it exists.\u00a0 Also posted on IndieNews",
"html": "<p><img src=\"https://werd.io/file/65b517f1674577477806cc32/thumb.jpg\" alt=\"Hands joining together\" width=\"1024\" height=\"548\" /></p><p><a href=\"https://tantek.com/2024/026/t3/indieweb-for-everyone-internet-of-people\">Tantek \u00c7elik has posted a lovely encapsulation of the indieweb</a>:</p><blockquote><p>The <span><a href=\"https://werd.io/tag/IndieWeb\" class=\"p-category\">#IndieWeb</a></span> is for everyone, everyone who wants to be part of the world-wide-web of interconnected people. The social internet of people, a network of networks of people, connected peer-to-peer in human-scale groups, communities of locality and affinity.</p></blockquote><p>This complements the more technical description <a href=\"https://indieweb.org/\">on the indieweb homepage</a>:</p><blockquote><p>The IndieWeb is a community of independent and personal websites connected by open standards, based on the principles of: owning your domain and using it as your primary online identity, publishing on your own site first (optionally elsewhere), and owning your content.</p></blockquote><p>I first came across the indieweb movement when I\u2019d just moved to California. <a href=\"https://tantek.com\">Tantek</a>, <a href=\"https://kevinmarks.com\">Kevin Marks</a>, <a href=\"https://aaronpk.com\">Aaron Parecki</a>, <a href=\"https://caseorganic.com\">Amber Case</a>, and a band of independent developers and designers were actively working to helping people own their own websites again, at a time when a lot of people were questioning why you wouldn\u2019t just post on Twitter and Facebook. They gathered at IndieWebCamps in Portland, and at Homebrew Website Camp in San Francisco.</p><p>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\u2019s online communications were templated through web services owned by a handful of billion dollar corporations. I\u2019d 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.</p><p>A decade and change later and the web landscape looks very different. It\u2019s now clear to just about everyone that it\u2019s harmful for all of our information to be filtered through a handful of services. From <a href=\"https://www.theguardian.com/news/series/cambridge-analytica-files\">the Cambridge Analytica scandal</a> through <a href=\"https://time.com/6217730/myanmar-meta-rohingya-facebook/\">Facebook\u2019s culpability in the genocide against the Rohingya people in Myanmar</a>, it\u2019s clear that allowing private businesses to own and control most of the ways we learn about the world around us is dangerous. And they keep piling up, story after story after story.</p><p>While these events have highlighted the dangers, the indieweb community has been highlighting the possibilities.</p><p>The indieweb movement has grown from strength to strength. IndieWebCamps and Homebrew Website Clubs are now held all over the world. I\u2019ve never made it to one of the European events \u2013 to my shame, it\u2019s been years since I\u2019ve even been able to make it to a US event \u2013 but the community is thriving and the outcomes have been productive.</p><p>Even before the advent of <a href=\"https://en.wikipedia.org/wiki/Fediverse\">the fediverse</a>, the indieweb community had built tools to allow websites to connect to each other as a kind of independent, decentralized social web. <a href=\"https://indieweb.org/Webmention\">Webmention</a>, in conjunction with <a href=\"https://indieweb.org/microformats\">lightweight microformats that extended HTML to provide semantic hints about the purpose of content on a website</a>, allowed anyone to reply to any website article using a post on their own site \u2013 not just that, but they could RSVP to events, send a \u201clike\u201d, reshare it, or use verbs that don\u2019t have analogies in the traditional social networks. The community also created <a href=\"https://indieweb.org/Micropub\">micropub</a>, a simple API that makes it easy to build tools to help people publish to their websites, and a handful of other technologies that are becoming more and more commonplace.</p><p>In the wake of the decline of Twitter, <a href=\"https://werd.io/2024/we-need-your-email-address\">Google\u2019s turn towards an AI-driven erosion of the web</a>, and a splintering of social media, many publishers have realized that they need to build stronger, more direct relationships with their communities, and that they can\u2019t trust social media companies to be the center of gravity of their brands and networks. For them, owning their own website has regained its importance, together with building unique experiences that help differentiate them, and allow them to publish stories on their own terms. These are truly indieweb principles, and serve as validation (if validation were needed) of the indieweb movement\u2019s foundational assumptions.</p><p>But ultimately it\u2019s not about business, or technology, or any one technique or facet of website-building. As Tantek says, it\u2019s about building a social internet of people: a human network of gloriously diverse lived experiences, creative modes of expression, community affinities, and personalities. 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.</p><p>I\u2019m deeply glad it exists.</p><p>\u00a0</p><p><a class=\"u-syndication\" href=\"https://news.indieweb.org/en\"> <em>Also posted on IndieNews</em> </a></p>"
},
"author": {
"type": "card",
"name": "Ben Werdmuller",
"url": "https://werd.io/profile/benwerd",
"photo": "https://werd.io/file/5d388c5fb16ea14aac640912/thumb.jpg"
},
"post-type": "article",
"_id": "40115204",
"_source": "191",
"_is_read": false
}
"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."
#Area #IndieWeb
From https://werd.io/2024/the-indieweb-is-for-everyone
{
"type": "entry",
"author": {
"name": "@webb",
"url": "https://publicgood.social/@webb",
"photo": null
},
"url": "https://publicgood.social/@webb/111828586140292069",
"content": {
"html": "<p>\"I\u2019d 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.\"</p><p><a href=\"https://publicgood.social/tags/Area\">#<span>Area</span></a> <a href=\"https://publicgood.social/tags/IndieWeb\">#<span>IndieWeb</span></a></p><p>From <a href=\"https://werd.io/2024/the-indieweb-is-for-everyone\"><span>https://</span><span>werd.io/2024/the-indieweb-is-f</span><span>or-everyone</span></a></p>",
"text": "\"I\u2019d 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.\"#Area #IndieWebFrom https://werd.io/2024/the-indieweb-is-for-everyone"
},
"published": "2024-01-27T15:20:07+00:00",
"post-type": "note",
"_id": "40114643",
"_source": "8007",
"_is_read": false
}
