20 years and two weeks ago, I came up with undohtml.css and unknowingly invented the mechanism of CSS Resets (AKA reboot or reset style sheets¹) which spawned numerous variants, many still in broad use on the web today.
https://tantek.com/log/2004/09.html#d06t2354
A one sentence problem description, and a short paragraph describing my problem-solving, actions, license, link to less than 300 bytes of code (not counting comments), and a few future thoughts.
The rest of that blog post was about “debug scaffolding”, the part I thought was more interesting at the time.
Eric Meyer (@meyerweb.com @meyerweb@mastodon.social) followed up ~10 days afterwards with his thinking and improvements:
* https://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/
where he mentioned “resetting” in passing, but not actually calling it a "reset".
~2.5 years later Eric published “Reset Styles” with further reasoning and improvements:
* http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/
describing them as: “reset” or “baseline” set of styles.
Subsequently he iterated in several more blog posts:
* http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
* http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/ — this is Eric’s first post where he explicitly calls them “reset styles”, which I believe is the origin of the eventual phrase “CSS Reset” and “reset style sheets”
* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ (yes a Matrix: Reloaded reference)
~6 months later Eric published his evergreen resource “CSS Tools: Reset CSS”
* https://meyerweb.com/eric/tools/css/reset/
which, as you see within the URL: “css/reset”, is perhaps where the phrase “CSS Reset” comes from, and it’s also the label (link text) he gives that page in his UI about-page² and the first content link in his 404 page³.
My technology invention takeaways from all this:
1. if you find yourself repeatedly solving the same (especially annoying) problem, create a re-usable solution that works for you
2. write up your problem statement / use-case in only one sentence
3. publish your solution (on your personal site⁴), name it something short, with only a short paragraph description, and re-use/remix friendly license (like Creative Commons)
And things not to worry about (that may get in your way to publishing):
1. perfecting or making your solution “big enough” or “the right size”. does it solve your problem? then it’s already the right size.
2. coming up with the perfect name. instead, name it what it does. someone might come up with a better name weeks, months, or years later. let them run with it!
3. waiting to blog multiple things. I could have blogged undohtml.css by itself, probably should have, and instead lumped it into a blog post with another CSS thing I came up with.
Further reading and resources for CSS Resets:
* More history: https://css-tricks.com/reboot-resets-reasoning/
* Large collection: https://perishablepress.com/a-killer-collection-of-global-css-reset-styles/
References:
¹ https://en.wikipedia.org/wiki/Reset_style_sheet
² https://meyerweb.com/ui/about.html
³ https://meyerweb.com/404
⁴ https://indieweb.org/
#undoHTML #undoHTMLCSS #reset #CSSreset #resetstyles #webdesign #technology #invention #indieweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://fed.brid.gy/r/https://tantek.com/2024/263/t1/20-years-undohtml-css-resets",
"content": {
"html": "<p>20 years and two weeks ago, I came up with undohtml.css and unknowingly invented the mechanism of CSS Resets (AKA reboot or reset style sheets<a href=\"https://tantek.com/2024/263/t1/20-years-undohtml-css-resets#t5Z51_note-1\">\u00b9</a>) which spawned numerous variants, many still in broad use on the web today.<br /><br /><a href=\"https://tantek.com/log/2004/09.html#d06t2354\">https://tantek.com/log/2004/09.html#d06t2354</a><br /><br />A one sentence problem description, and a short paragraph describing my problem-solving, actions, license, link to less than 300 bytes of code (not counting comments), and a few future thoughts.<br /><br />The rest of that blog post was about \u201cdebug scaffolding\u201d, the part I thought was more interesting at the time.<br /><br />Eric Meyer (<a href=\"https://meyerweb.com\">@meyerweb.com</a> <a href=\"https://mastodon.social/@meyerweb\">@meyerweb@mastodon.social</a>) followed up ~10 days afterwards with his thinking and improvements:<br />* <a href=\"https://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/\">https://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/</a><br />where he mentioned \u201cresetting\u201d in passing, but not actually calling it a \"reset\".<br /><br />~2.5 years later Eric published \u201cReset Styles\u201d with further reasoning and improvements:<br />* <a href=\"http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/\">http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/</a><br />describing them as: \u201creset\u201d or \u201cbaseline\u201d set of styles.<br /><br />Subsequently he iterated in several more blog posts:<br />* <a href=\"http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/\">http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/</a><br />* <a href=\"http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/\">http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/</a> \u2014 this is Eric\u2019s first post where he explicitly calls them \u201creset styles\u201d, which I believe is the origin of the eventual phrase \u201cCSS Reset\u201d and \u201creset style sheets\u201d<br />* <a href=\"http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/\">http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/</a> (yes a Matrix: Reloaded reference)<br /><br />~6 months later Eric published his evergreen resource \u201cCSS Tools: Reset CSS\u201d<br />* <a href=\"https://meyerweb.com/eric/tools/css/reset/\">https://meyerweb.com/eric/tools/css/reset/</a><br />which, as you see within the URL: \u201ccss/reset\u201d, is perhaps where the phrase \u201cCSS Reset\u201d comes from, and it\u2019s also the label (link text) he gives that page in his UI about-page<a href=\"https://tantek.com/2024/263/t1/20-years-undohtml-css-resets#t5Z51_note-2\">\u00b2</a> and the first content link in his 404 page<a href=\"https://tantek.com/2024/263/t1/20-years-undohtml-css-resets#t5Z51_note-3\">\u00b3</a>.<br /><br />My technology invention takeaways from all this:<br /><br />1. if you find yourself repeatedly solving the same (especially annoying) problem, create a re-usable solution that works for you<br />2. write up your problem statement / use-case in only one sentence<br />3. publish your solution (on your personal site<a href=\"https://tantek.com/2024/263/t1/20-years-undohtml-css-resets#t5Z51_note-4\">\u2074</a>), name it something short, with only a short paragraph description, and re-use/remix friendly license (like Creative Commons)<br /><br />And things not to worry about (that may get in your way to publishing):<br /><br />1. perfecting or making your solution \u201cbig enough\u201d or \u201cthe right size\u201d. does it solve your problem? then it\u2019s already the right size.<br />2. coming up with the perfect name. instead, name it what it does. someone might come up with a better name weeks, months, or years later. let them run with it!<br />3. waiting to blog multiple things. I could have blogged undohtml.css by itself, probably should have, and instead lumped it into a blog post with another CSS thing I came up with.<br /><br />Further reading and resources for CSS Resets:<br /><br />* More history: <a href=\"https://css-tricks.com/reboot-resets-reasoning/\">https://css-tricks.com/reboot-resets-reasoning/</a><br />* Large collection: <a href=\"https://perishablepress.com/a-killer-collection-of-global-css-reset-styles/\">https://perishablepress.com/a-killer-collection-of-global-css-reset-styles/</a><br /><br />References:<br /><br /><a href=\"https://tantek.com/2024/263/t1/20-years-undohtml-css-resets#t5Z51_ref-1\">\u00b9</a> <a href=\"https://en.wikipedia.org/wiki/Reset_style_sheet\">https://en.wikipedia.org/wiki/Reset_style_sheet</a><br /><a href=\"https://tantek.com/2024/263/t1/20-years-undohtml-css-resets#t5Z51_ref-2\">\u00b2</a> <a href=\"https://meyerweb.com/ui/about.html\">https://meyerweb.com/ui/about.html</a><br /><a href=\"https://tantek.com/2024/263/t1/20-years-undohtml-css-resets#t5Z51_ref-3\">\u00b3</a> <a href=\"https://meyerweb.com/404\">https://meyerweb.com/404</a><br /><a href=\"https://tantek.com/2024/263/t1/20-years-undohtml-css-resets#t5Z51_ref-4\">\u2074</a> <a href=\"https://indieweb.org/\">https://indieweb.org/</a><br /><br /><a href=\"https://indieweb.social/tags/undoHTML\">#<span class=\"p-category\">undoHTML</span></a> <a href=\"https://indieweb.social/tags/undoHTMLCSS\">#<span class=\"p-category\">undoHTMLCSS</span></a> <a href=\"https://indieweb.social/tags/reset\">#<span class=\"p-category\">reset</span></a> <a href=\"https://indieweb.social/tags/CSSreset\">#<span class=\"p-category\">CSSreset</span></a> <a href=\"https://indieweb.social/tags/resetstyles\">#<span class=\"p-category\">resetstyles</span></a> <a href=\"https://indieweb.social/tags/webdesign\">#<span class=\"p-category\">webdesign</span></a> <a href=\"https://indieweb.social/tags/technology\">#<span class=\"p-category\">technology</span></a> <a href=\"https://indieweb.social/tags/invention\">#<span class=\"p-category\">invention</span></a> <a href=\"https://indieweb.social/tags/indieweb\">#<span class=\"p-category\">indieweb</span></a></p>\n<a class=\"u-mention\" href=\"https://mastodon.social/@meyerweb\"></a>\n<a class=\"u-mention\" href=\"https://meyerweb.com\"></a>",
"text": "20 years and two weeks ago, I came up with undohtml.css and unknowingly invented the mechanism of CSS Resets (AKA reboot or reset style sheets\u00b9) which spawned numerous variants, many still in broad use on the web today.\n\nhttps://tantek.com/log/2004/09.html#d06t2354\n\nA one sentence problem description, and a short paragraph describing my problem-solving, actions, license, link to less than 300 bytes of code (not counting comments), and a few future thoughts.\n\nThe rest of that blog post was about \u201cdebug scaffolding\u201d, the part I thought was more interesting at the time.\n\nEric Meyer (@meyerweb.com @meyerweb@mastodon.social) followed up ~10 days afterwards with his thinking and improvements:\n* https://meyerweb.com/eric/thoughts/2004/09/15/emreallyem-undoing-htmlcss/\nwhere he mentioned \u201cresetting\u201d in passing, but not actually calling it a \"reset\".\n\n~2.5 years later Eric published \u201cReset Styles\u201d with further reasoning and improvements:\n* http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/\ndescribing them as: \u201creset\u201d or \u201cbaseline\u201d set of styles.\n\nSubsequently he iterated in several more blog posts:\n* http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/\n* http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/ \u2014 this is Eric\u2019s first post where he explicitly calls them \u201creset styles\u201d, which I believe is the origin of the eventual phrase \u201cCSS Reset\u201d and \u201creset style sheets\u201d\n* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ (yes a Matrix: Reloaded reference)\n\n~6 months later Eric published his evergreen resource \u201cCSS Tools: Reset CSS\u201d\n* https://meyerweb.com/eric/tools/css/reset/\nwhich, as you see within the URL: \u201ccss/reset\u201d, is perhaps where the phrase \u201cCSS Reset\u201d comes from, and it\u2019s also the label (link text) he gives that page in his UI about-page\u00b2 and the first content link in his 404 page\u00b3.\n\nMy technology invention takeaways from all this:\n\n1. if you find yourself repeatedly solving the same (especially annoying) problem, create a re-usable solution that works for you\n2. write up your problem statement / use-case in only one sentence\n3. publish your solution (on your personal site\u2074), name it something short, with only a short paragraph description, and re-use/remix friendly license (like Creative Commons)\n\nAnd things not to worry about (that may get in your way to publishing):\n\n1. perfecting or making your solution \u201cbig enough\u201d or \u201cthe right size\u201d. does it solve your problem? then it\u2019s already the right size.\n2. coming up with the perfect name. instead, name it what it does. someone might come up with a better name weeks, months, or years later. let them run with it!\n3. waiting to blog multiple things. I could have blogged undohtml.css by itself, probably should have, and instead lumped it into a blog post with another CSS thing I came up with.\n\nFurther reading and resources for CSS Resets:\n\n* More history: https://css-tricks.com/reboot-resets-reasoning/\n* Large collection: https://perishablepress.com/a-killer-collection-of-global-css-reset-styles/\n\nReferences:\n\n\u00b9 https://en.wikipedia.org/wiki/Reset_style_sheet\n\u00b2 https://meyerweb.com/ui/about.html\n\u00b3 https://meyerweb.com/404\n\u2074 https://indieweb.org/\n\n#undoHTML #undoHTMLCSS #reset #CSSreset #resetstyles #webdesign #technology #invention #indieweb"
},
"published": "2024-09-20T00:35:00+00:00",
"post-type": "note",
"_id": "42295145",
"_source": "8007",
"_is_read": false
}
I've been puzzling over how to make a blogroll appear on my blog, and have automatically include what I'm reading and enjoying, without my having to constantly update it.
#indieweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mathstodon.xyz/@j2kun/113166878050833196",
"content": {
"html": "<p>I've been puzzling over how to make a blogroll appear on my blog, and have automatically include what I'm reading and enjoying, without my having to constantly update it.</p><p><a href=\"https://mathstodon.xyz/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "I've been puzzling over how to make a blogroll appear on my blog, and have automatically include what I'm reading and enjoying, without my having to constantly update it.\n\n#indieweb"
},
"published": "2024-09-19T23:45:21+00:00",
"post-type": "note",
"_id": "42294471",
"_source": "8007",
"_is_read": false
}
New post:
My favorite live performances by great artists that always give me goosebumps.
What are yours?
https://dominikhofer.me/favorite-live-performances
#indieweb #inspiration #music
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.design/@dominik/113165456303600645",
"content": {
"html": "<p>New post:</p><p>My favorite live performances by great artists that always give me goosebumps.</p><p>What are yours?</p><p><a href=\"https://dominikhofer.me/favorite-live-performances\"><span>https://</span><span>dominikhofer.me/favorite-live-</span><span>performances</span></a></p><p><a href=\"https://mastodon.design/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.design/tags/inspiration\">#<span>inspiration</span></a> <a href=\"https://mastodon.design/tags/music\">#<span>music</span></a></p>",
"text": "New post:\n\nMy favorite live performances by great artists that always give me goosebumps.\n\nWhat are yours?\n\nhttps://dominikhofer.me/favorite-live-performances\n\n#indieweb #inspiration #music"
},
"published": "2024-09-19T17:43:46+00:00",
"post-type": "note",
"_id": "42291548",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "Kh\u00fcrt Williams",
"url": "https://islandinthenet.com/",
"photo": null
},
"url": "https://islandinthenet.com/its-my-fediverse-too/",
"published": "2024-09-19T08:19:30-04:00",
"content": {
"html": "<p>Recently I grappled with a request from another Mastodon user for content warnings, specifically regarding a live Formula 1 sports event I was watching on F1 TV. I was asked to add spoiler warnings to my toots, which I found frustrating. While I understand the intent behind such requests\u2014being considerate of those who haven\u2019t watched the event yet\u2014I felt the request was excessive.</p>\n<p>Mastodon\u2019s community values often include respect and consideration for others, and many users implement content warnings to avoid spoiling events. However, Formula 1\u2019s official accounts don\u2019t follow these practices, so requesting that I modify my posts felt even more burdensome. It seemed less about community norms and more about someone else\u2019s individual preferences being imposed on me.</p>\n<p>Some people expect others to adjust their platform use, even when alternative actions are available. Why can\u2019t the person making the request simply step away from the internet or put their smartphone down during the live event? Are they perhaps too caught up in social media? It raises the question: why try to control someone else's actions when you can modify your behaviour instead?</p>\n<p>The idea that I should alter how I use Mastodon because of another\u2019s preferences seems misguided. I\u2019m open to being considerate, but there\u2019s a limit to how much I should be expected to adjust my platform use. Instead of asking others to change their approach, why not manage your social media habits to avoid spoilers?</p>\n<p>It\u2019s my Fediverse too.</p>",
"text": "Recently I grappled with a request from another Mastodon user for content warnings, specifically regarding a live Formula 1 sports event I was watching on F1 TV. I was asked to add spoiler warnings to my toots, which I found frustrating. While I understand the intent behind such requests\u2014being considerate of those who haven\u2019t watched the event yet\u2014I felt the request was excessive.\nMastodon\u2019s community values often include respect and consideration for others, and many users implement content warnings to avoid spoiling events. However, Formula 1\u2019s official accounts don\u2019t follow these practices, so requesting that I modify my posts felt even more burdensome. It seemed less about community norms and more about someone else\u2019s individual preferences being imposed on me.\nSome people expect others to adjust their platform use, even when alternative actions are available. Why can\u2019t the person making the request simply step away from the internet or put their smartphone down during the live event? Are they perhaps too caught up in social media? It raises the question: why try to control someone else's actions when you can modify your behaviour instead?\nThe idea that I should alter how I use Mastodon because of another\u2019s preferences seems misguided. I\u2019m open to being considerate, but there\u2019s a limit to how much I should be expected to adjust my platform use. Instead of asking others to change their approach, why not manage your social media habits to avoid spoilers?\nIt\u2019s my Fediverse too."
},
"name": "Personal Freedom",
"post-type": "article",
"_id": "42287978",
"_source": "242",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://indieweb.social/tags/indieweb",
"photo": null
},
"url": "https://indieweb.social/@gamma63/113163389516292000",
"content": {
"html": "<p>xd<br /><a href=\"https://indieweb.social/tags/GammaWorld\">#<span>GammaWorld</span></a> <a href=\"https://indieweb.social/tags/IndieWeb\">#<span>IndieWeb</span></a></p>",
"text": "xd\n#GammaWorld #IndieWeb"
},
"published": "2024-09-19T08:58:10+00:00",
"photo": [
"https://cdn.masto.host/indiewebsocial/media_attachments/files/113/163/388/568/122/049/original/09f81d196937bb5a.png"
],
"post-type": "photo",
"_id": "42286430",
"_source": "8007",
"_is_read": false
}
I'm going to put up a section on my website with links to other cool indie websites. Drop your website (or a website you like) as a reply to this post and I'll add it.
#indieweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://fiera.social/@riley/113162806658013253",
"content": {
"html": "<p>I'm going to put up a section on my website with links to other cool indie websites. Drop your website (or a website you like) as a reply to this post and I'll add it. </p><p><a href=\"https://fiera.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "I'm going to put up a section on my website with links to other cool indie websites. Drop your website (or a website you like) as a reply to this post and I'll add it. \n\n#indieweb"
},
"published": "2024-09-19T06:29:56+00:00",
"post-type": "note",
"_id": "42285501",
"_source": "8007",
"_is_read": false
}
Now all articles on jeremykun.com have DOIs (thanks to @rogue_scholar) and the DOI url is rendered in the endnotes. #indieweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mathstodon.xyz/@j2kun/113161289795418098",
"content": {
"html": "<p>Now all articles on jeremykun.com have DOIs (thanks to <span class=\"h-card\"><a class=\"u-url\" href=\"https://wisskomm.social/@rogue_scholar\">@<span>rogue_scholar</span></a></span>) and the DOI url is rendered in the endnotes. <a href=\"https://mathstodon.xyz/tags/indieweb\">#<span>indieweb</span></a></p>\n<a class=\"u-mention\" href=\"https://wisskomm.social/@rogue_scholar\"></a>",
"text": "Now all articles on jeremykun.com have DOIs (thanks to @rogue_scholar) and the DOI url is rendered in the endnotes. #indieweb"
},
"published": "2024-09-19T00:04:11+00:00",
"post-type": "note",
"_id": "42283325",
"_source": "8007",
"_is_read": false
}
I wonder what are fun aesthetics for #indieweb/ #smolweb / etc mobile-friendly sites?
I know what gives me pleasant nostalgia on desktop, and there's lots of room for creativity that is still pretty usable and easy to read. It's connected to default HTML styles, too.
Much of what I like is hard to read on mobile (tiny text and navigation). Clear mobile sites tend to look like everything else, just a long column of text or cards. Works, but nothing special.
Does anyone have examples they like?
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://better.boston/@epw/113160992710172695",
"content": {
"html": "<p>I wonder what are fun aesthetics for <a href=\"https://better.boston/tags/indieweb\">#<span>indieweb</span></a>/ <a href=\"https://better.boston/tags/smolweb\">#<span>smolweb</span></a> / etc mobile-friendly sites?</p><p>I know what gives me pleasant nostalgia on desktop, and there's lots of room for creativity that is still pretty usable and easy to read. It's connected to default HTML styles, too.</p><p>Much of what I like is hard to read on mobile (tiny text and navigation). Clear mobile sites tend to look like everything else, just a long column of text or cards. Works, but nothing special.</p><p>Does anyone have examples they like?</p>",
"text": "I wonder what are fun aesthetics for #indieweb/ #smolweb / etc mobile-friendly sites?\n\nI know what gives me pleasant nostalgia on desktop, and there's lots of room for creativity that is still pretty usable and easy to read. It's connected to default HTML styles, too.\n\nMuch of what I like is hard to read on mobile (tiny text and navigation). Clear mobile sites tend to look like everything else, just a long column of text or cards. Works, but nothing special.\n\nDoes anyone have examples they like?"
},
"published": "2024-09-18T22:48:37+00:00",
"post-type": "note",
"_id": "42282938",
"_source": "8007",
"_is_read": false
}
When using images on personal #blogging web spaces, aligning to #SmolWeb and #SmallWeb principles, what are some ways you go about it (sizing, quality, thumbnails etc)? I have started using thumbnails as GIFs (200px h) linking to a downsized version of the original (800px x 600px), but am wondering if I forego the thumbnail for a single photo post. Would love to hear folks thought processes around their methods.
#IndieWeb #personalweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mountains.social/@zakb/113160822802481661",
"content": {
"html": "<p>When using images on personal <a href=\"https://mountains.social/tags/blogging\">#<span>blogging</span></a> web spaces, aligning to <a href=\"https://mountains.social/tags/SmolWeb\">#<span>SmolWeb</span></a> and <a href=\"https://mountains.social/tags/SmallWeb\">#<span>SmallWeb</span></a> principles, what are some ways you go about it (sizing, quality, thumbnails etc)? I have started using thumbnails as GIFs (200px h) linking to a downsized version of the original (800px x 600px), but am wondering if I forego the thumbnail for a single photo post. Would love to hear folks thought processes around their methods.<br /><a href=\"https://mountains.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://mountains.social/tags/personalweb\">#<span>personalweb</span></a></p>",
"text": "When using images on personal #blogging web spaces, aligning to #SmolWeb and #SmallWeb principles, what are some ways you go about it (sizing, quality, thumbnails etc)? I have started using thumbnails as GIFs (200px h) linking to a downsized version of the original (800px x 600px), but am wondering if I forego the thumbnail for a single photo post. Would love to hear folks thought processes around their methods.\n#IndieWeb #personalweb"
},
"published": "2024-09-18T22:05:25+00:00",
"post-type": "note",
"_id": "42282664",
"_source": "8007",
"_is_read": false
}
hi!
i'm struggling to understand how #Webmentions work, as i'm trying to get my website blog posts to be posts automatically on #Mastodon and #Bluesky (using #Bridgy - https://brid.gy)
here's my current implementation - https://github.com/ewanc26/website/commit/e9ebfb07b9a5cc87f68ed1f4b8526287415addfb
{
"type": "entry",
"author": {
"name": "#webmentions",
"url": "https://mastodon.social/tags/webmentions",
"photo": null
},
"url": "https://mastodon.social/@ewanc26/113160391296512993",
"content": {
"html": "<p>hi!</p><p>i'm struggling to understand how <a href=\"https://mastodon.social/tags/Webmentions\">#<span>Webmentions</span></a> work, as i'm trying to get my website blog posts to be posts automatically on <a href=\"https://mastodon.social/tags/Mastodon\">#<span>Mastodon</span></a> and <a href=\"https://mastodon.social/tags/Bluesky\">#<span>Bluesky</span></a> (using <a href=\"https://mastodon.social/tags/Bridgy\">#<span>Bridgy</span></a> - <a href=\"https://brid.gy\"><span>https://</span><span>brid.gy</span><span></span></a>)</p><p>here's my current implementation - <a href=\"https://github.com/ewanc26/website/commit/e9ebfb07b9a5cc87f68ed1f4b8526287415addfb\"><span>https://</span><span>github.com/ewanc26/website/com</span><span>mit/e9ebfb07b9a5cc87f68ed1f4b8526287415addfb</span></a></p>",
"text": "hi!\n\ni'm struggling to understand how #Webmentions work, as i'm trying to get my website blog posts to be posts automatically on #Mastodon and #Bluesky (using #Bridgy - https://brid.gy)\n\nhere's my current implementation - https://github.com/ewanc26/website/commit/e9ebfb07b9a5cc87f68ed1f4b8526287415addfb"
},
"published": "2024-09-18T20:15:41+00:00",
"post-type": "note",
"_id": "42281471",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.social/@johnpeart/113159957393181118",
"content": {
"html": "<p>\ud83d\udcdd Sharing games I've played on my blog</p><p>Rocking the retro vibe.</p><p><a href=\"https://www.johnpe.art/2024/09/18/games-collection/\"><span>https://www.</span><span>johnpe.art/2024/09/18/games-co</span><span>llection/</span></a></p><p><a href=\"https://mastodon.social/tags/gaming\">#<span>gaming</span></a> <a href=\"https://mastodon.social/tags/retro\">#<span>retro</span></a> <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.social/tags/playstation\">#<span>playstation</span></a> <a href=\"https://mastodon.social/tags/nintendo\">#<span>nintendo</span></a> <a href=\"https://mastodon.social/tags/blogging\">#<span>blogging</span></a></p>",
"text": "\ud83d\udcdd Sharing games I've played on my blog\n\nRocking the retro vibe.\n\nhttps://www.johnpe.art/2024/09/18/games-collection/\n\n#gaming #retro #indieweb #playstation #nintendo #blogging"
},
"published": "2024-09-18T18:25:20+00:00",
"post-type": "note",
"_id": "42280905",
"_source": "8007",
"_is_read": false
}
Post explicando de forma mais detida o NeoDB e sua instância ocidental, a eggplant.place.
Nele, há um contexto histórico e um tutorial de como adicionar mídia (livros, filmes, séries, games, jogos de tabuleiro e podcasts).
O texto é longo, mas deixei um Sumário para ir direto a parte desejada.
PS: Não sei como fazer aquele código HTML ou Markdown para clicar e ampliar a imagem. Por enquanto, se o print estiver muito pequeno, basta dar zoom com Control + Scroll do Mouse :-) Depois tento editar e melhorar isso.
https://curadoria.bearblog.dev/neodb/
#NeoDB #EggplantPlace #Fediverso #Fediverse #Letterboxd #Goodreads #HowLongToBeat #Filmow #Skoob #Steam #IMDB #Bandcamp #Spotify #AppleMusic #BoardGameGeek #Podcast #Podcasts #Filme #Filmes #Series #Serie #Game #Games #Livros #Musica #Movies #Movie #Music #IndieWeb #SmallWeb #SurfandoWeb #CuradoriaDaInternet #ActivityPub #AP #fediversando #Resenha #Review #Tutorial #Guia #BoardGame #BoardGames
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://bolha.us/@diegopds/113159656601330883",
"content": {
"html": "<p>Post explicando de forma mais detida o NeoDB e sua inst\u00e2ncia ocidental, a eggplant.place.</p><p>Nele, h\u00e1 um contexto hist\u00f3rico e um tutorial de como adicionar m\u00eddia (livros, filmes, s\u00e9ries, games, jogos de tabuleiro e podcasts).</p><p>O texto \u00e9 longo, mas deixei um Sum\u00e1rio para ir direto a parte desejada.</p><p>PS: N\u00e3o sei como fazer aquele c\u00f3digo HTML ou Markdown para clicar e ampliar a imagem. Por enquanto, se o print estiver muito pequeno, basta dar zoom com Control + Scroll do Mouse :-) Depois tento editar e melhorar isso.</p><p><img alt=\":BoostOK:\" height=\"16\" src=\"https://files.mastodon.social/cache/custom_emojis/images/000/480/244/original/dc67698c06e73f3e.png\" title=\":BoostOK:\" width=\"16\" /></p><p><a href=\"https://curadoria.bearblog.dev/neodb/\"><span>https://</span><span>curadoria.bearblog.dev/neodb/</span><span></span></a></p><p><a href=\"https://bolha.us/tags/NeoDB\">#<span>NeoDB</span></a> <a href=\"https://bolha.us/tags/EggplantPlace\">#<span>EggplantPlace</span></a> <a href=\"https://bolha.us/tags/Fediverso\">#<span>Fediverso</span></a> <a href=\"https://bolha.us/tags/Fediverse\">#<span>Fediverse</span></a> <a href=\"https://bolha.us/tags/Letterboxd\">#<span>Letterboxd</span></a> <a href=\"https://bolha.us/tags/Goodreads\">#<span>Goodreads</span></a> <a href=\"https://bolha.us/tags/HowLongToBeat\">#<span>HowLongToBeat</span></a> <a href=\"https://bolha.us/tags/Filmow\">#<span>Filmow</span></a> <a href=\"https://bolha.us/tags/Skoob\">#<span>Skoob</span></a> <a href=\"https://bolha.us/tags/Steam\">#<span>Steam</span></a> <a href=\"https://bolha.us/tags/IMDB\">#<span>IMDB</span></a> <a href=\"https://bolha.us/tags/Bandcamp\">#<span>Bandcamp</span></a> <a href=\"https://bolha.us/tags/Spotify\">#<span>Spotify</span></a> <a href=\"https://bolha.us/tags/AppleMusic\">#<span>AppleMusic</span></a> <a href=\"https://bolha.us/tags/BoardGameGeek\">#<span>BoardGameGeek</span></a> <a href=\"https://bolha.us/tags/Podcast\">#<span>Podcast</span></a> <a href=\"https://bolha.us/tags/Podcasts\">#<span>Podcasts</span></a> <a href=\"https://bolha.us/tags/Filme\">#<span>Filme</span></a> <a href=\"https://bolha.us/tags/Filmes\">#<span>Filmes</span></a> <a href=\"https://bolha.us/tags/Series\">#<span>Series</span></a> <a href=\"https://bolha.us/tags/Serie\">#<span>Serie</span></a> <a href=\"https://bolha.us/tags/Game\">#<span>Game</span></a> <a href=\"https://bolha.us/tags/Games\">#<span>Games</span></a> <a href=\"https://bolha.us/tags/Livros\">#<span>Livros</span></a> <a href=\"https://bolha.us/tags/Musica\">#<span>Musica</span></a> <a href=\"https://bolha.us/tags/Movies\">#<span>Movies</span></a> <a href=\"https://bolha.us/tags/Movie\">#<span>Movie</span></a> <a href=\"https://bolha.us/tags/Music\">#<span>Music</span></a> <a href=\"https://bolha.us/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://bolha.us/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://bolha.us/tags/SurfandoWeb\">#<span>SurfandoWeb</span></a> <a href=\"https://bolha.us/tags/CuradoriaDaInternet\">#<span>CuradoriaDaInternet</span></a> <a href=\"https://bolha.us/tags/ActivityPub\">#<span>ActivityPub</span></a> <a href=\"https://bolha.us/tags/AP\">#<span>AP</span></a> <a href=\"https://bolha.us/tags/fediversando\">#<span>fediversando</span></a> <a href=\"https://bolha.us/tags/Resenha\">#<span>Resenha</span></a> <a href=\"https://bolha.us/tags/Review\">#<span>Review</span></a> <a href=\"https://bolha.us/tags/Tutorial\">#<span>Tutorial</span></a> <a href=\"https://bolha.us/tags/Guia\">#<span>Guia</span></a> <a href=\"https://bolha.us/tags/BoardGame\">#<span>BoardGame</span></a> <a href=\"https://bolha.us/tags/BoardGames\">#<span>BoardGames</span></a></p>",
"text": "Post explicando de forma mais detida o NeoDB e sua inst\u00e2ncia ocidental, a eggplant.place.\n\nNele, h\u00e1 um contexto hist\u00f3rico e um tutorial de como adicionar m\u00eddia (livros, filmes, s\u00e9ries, games, jogos de tabuleiro e podcasts).\n\nO texto \u00e9 longo, mas deixei um Sum\u00e1rio para ir direto a parte desejada.\n\nPS: N\u00e3o sei como fazer aquele c\u00f3digo HTML ou Markdown para clicar e ampliar a imagem. Por enquanto, se o print estiver muito pequeno, basta dar zoom com Control + Scroll do Mouse :-) Depois tento editar e melhorar isso.\n\n\n\nhttps://curadoria.bearblog.dev/neodb/\n\n#NeoDB #EggplantPlace #Fediverso #Fediverse #Letterboxd #Goodreads #HowLongToBeat #Filmow #Skoob #Steam #IMDB #Bandcamp #Spotify #AppleMusic #BoardGameGeek #Podcast #Podcasts #Filme #Filmes #Series #Serie #Game #Games #Livros #Musica #Movies #Movie #Music #IndieWeb #SmallWeb #SurfandoWeb #CuradoriaDaInternet #ActivityPub #AP #fediversando #Resenha #Review #Tutorial #Guia #BoardGame #BoardGames"
},
"published": "2024-09-18T17:08:50+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/113/159/656/819/169/420/original/122339642ce0eeef.png"
],
"post-type": "photo",
"_id": "42279723",
"_source": "8007",
"_is_read": false
}
Sinto que a gente normalizou o estado atual da Internet Social e não percebemos que o Bluesky e o Fediverso (que é o futuro do Bluesky) mudam tudo!
Nesse sentido recomendo MUITO fortemente esse episódio do tecnocracia de 2019 que continua atualíssimo!
E sigam @manualdousuario
#IndieWeb #RedesSociais
https://manualdousuario.net/podcast/tecnocracia-6/
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://bolha.us/@Roneyb/113159518683700367",
"content": {
"html": "<p>Sinto que a gente normalizou o estado atual da Internet Social e n\u00e3o percebemos que o Bluesky e o Fediverso (que \u00e9 o futuro do Bluesky) mudam tudo!</p><p>Nesse sentido recomendo MUITO fortemente esse epis\u00f3dio do tecnocracia de 2019 que continua atual\u00edssimo!</p><p>E sigam <span class=\"h-card\"><a class=\"u-url\" href=\"https://mastodon.social/@manualdousuario\">@<span>manualdousuario</span></a></span> </p><p><a href=\"https://bolha.us/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://bolha.us/tags/RedesSociais\">#<span>RedesSociais</span></a> </p><p><a href=\"https://manualdousuario.net/podcast/tecnocracia-6/\"><span>https://</span><span>manualdousuario.net/podcast/te</span><span>cnocracia-6/</span></a></p>\n<a class=\"u-mention\" href=\"https://mastodon.social/@manualdousuario\"></a>",
"text": "Sinto que a gente normalizou o estado atual da Internet Social e n\u00e3o percebemos que o Bluesky e o Fediverso (que \u00e9 o futuro do Bluesky) mudam tudo!\n\nNesse sentido recomendo MUITO fortemente esse epis\u00f3dio do tecnocracia de 2019 que continua atual\u00edssimo!\n\nE sigam @manualdousuario \n\n#IndieWeb #RedesSociais \n\nhttps://manualdousuario.net/podcast/tecnocracia-6/"
},
"published": "2024-09-18T16:33:46+00:00",
"post-type": "note",
"_id": "42279724",
"_source": "8007",
"_is_read": false
}
Kommentarfunktion ersetzen?
Neulich diesen Artikel gefunden → ActivityPub und Webmention als Alternative für die Kommentarfunktion in WordPress.
Nun denke ich darüber nach es dem Stefan gleich zu tun. Denn ganz nüchtern betrachtet, es hält sich mit den Kommentaren […]
https://rausgerufen.de/kommentarfunktion-ersetzen/
#ActivityPub #Fediverse #Webmention #WordPress
{
"type": "entry",
"author": {
"name": "#webmention",
"url": "https://mastodon.social/tags/webmention",
"photo": null
},
"url": "https://rausgerufen.de/kommentarfunktion-ersetzen/",
"content": {
"html": "<p><strong>Kommentarfunktion ersetzen?</strong></p><p>Neulich diesen Artikel gefunden \u2192 ActivityPub und Webmention als Alternative f\u00fcr die Kommentarfunktion in WordPress.</p><p>Nun denke ich dar\u00fcber nach es dem Stefan gleich zu tun. Denn ganz n\u00fcchtern betrachtet, es h\u00e4lt sich mit den Kommentaren [\u2026]</p><p><a href=\"https://rausgerufen.de/kommentarfunktion-ersetzen/\">https://rausgerufen.de/kommentarfunktion-ersetzen/</a></p><p><a class=\"u-tag u-category\" href=\"https://rausgerufen.de/tag/activitypub/\">#ActivityPub</a> <a class=\"u-tag u-category\" href=\"https://rausgerufen.de/tag/fediverse/\">#Fediverse</a> <a class=\"u-tag u-category\" href=\"https://rausgerufen.de/tag/webmention/\">#Webmention</a> <a class=\"u-tag u-category\" href=\"https://rausgerufen.de/tag/wordpress/\">#WordPress</a></p>",
"text": "Kommentarfunktion ersetzen?\n\nNeulich diesen Artikel gefunden \u2192 ActivityPub und Webmention als Alternative f\u00fcr die Kommentarfunktion in WordPress.\n\nNun denke ich dar\u00fcber nach es dem Stefan gleich zu tun. Denn ganz n\u00fcchtern betrachtet, es h\u00e4lt sich mit den Kommentaren [\u2026]\n\nhttps://rausgerufen.de/kommentarfunktion-ersetzen/\n\n#ActivityPub #Fediverse #Webmention #WordPress"
},
"published": "2024-09-18T15:07:16+00:00",
"post-type": "note",
"_id": "42278303",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mstdn.social/@the_cheis/113158441864942165",
"content": {
"html": "<p>Nuevo post:</p><p>Tumblr, 70 gr. y el estilo personal</p><p><a href=\"https://mstdn.social/tags/tumblr\">#<span>tumblr</span></a> <a href=\"https://mstdn.social/tags/internet\">#<span>internet</span></a> <a href=\"https://mstdn.social/tags/dise%C3%B1o\">#<span>dise\u00f1o</span></a> <a href=\"https://mstdn.social/tags/aesthetics\">#<span>aesthetics</span></a> <a href=\"https://mstdn.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mstdn.social/tags/blog\">#<span>blog</span></a> <a href=\"https://mstdn.social/tags/enmiblog\">#<span>enmiblog</span></a></p><p><a href=\"https://thecheis.com/2024/09/18/tumblr-70-grams-y-el-estilo-personal/\"><span>https://</span><span>thecheis.com/2024/09/18/tumblr</span><span>-70-grams-y-el-estilo-personal/</span></a></p>",
"text": "Nuevo post:\n\nTumblr, 70 gr. y el estilo personal\n\n#tumblr #internet #dise\u00f1o #aesthetics #indieweb #blog #enmiblog\n\nhttps://thecheis.com/2024/09/18/tumblr-70-grams-y-el-estilo-personal/"
},
"published": "2024-09-18T11:59:55+00:00",
"post-type": "note",
"_id": "42276260",
"_source": "8007",
"_is_read": false
}
Modern HTML, CSS, JS, and WebAPI are huge and complicated, and writing your own browser from scratch is almost impossible. It leads to only few alternatives available, and it gives them too much power. We need more diversity. So, here's the deal:
1. We make specs for a small subset of HTML, CSS, JS, and WebAPI that is just enough.
2. You make a browser that can render just that.
3. I make all my websites work in it.
Let's build a truly #IndieWeb.
#chrome #firefox
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://fosstodon.org/@orsinium/113157007570383379",
"content": {
"html": "<p>Modern HTML, CSS, JS, and WebAPI are huge and complicated, and writing your own browser from scratch is almost impossible. It leads to only few alternatives available, and it gives them too much power. We need more diversity. So, here's the deal:</p><p>1. We make specs for a small subset of HTML, CSS, JS, and WebAPI that is just enough.</p><p>2. You make a browser that can render just that.</p><p>3. I make all my websites work in it.</p><p>Let's build a truly <a href=\"https://fosstodon.org/tags/IndieWeb\">#<span>IndieWeb</span></a>.</p><p><a href=\"https://fosstodon.org/tags/chrome\">#<span>chrome</span></a> <a href=\"https://fosstodon.org/tags/firefox\">#<span>firefox</span></a></p>",
"text": "Modern HTML, CSS, JS, and WebAPI are huge and complicated, and writing your own browser from scratch is almost impossible. It leads to only few alternatives available, and it gives them too much power. We need more diversity. So, here's the deal:\n\n1. We make specs for a small subset of HTML, CSS, JS, and WebAPI that is just enough.\n\n2. You make a browser that can render just that.\n\n3. I make all my websites work in it.\n\nLet's build a truly #IndieWeb.\n\n#chrome #firefox"
},
"published": "2024-09-18T05:55:09+00:00",
"post-type": "note",
"_id": "42273552",
"_source": "8007",
"_is_read": false
}
{
"type": "entry",
"published": "2024-09-17T23:10:56+00:00",
"url": "https://werd.io/2024/mozilla-exits-the-fediverse-and-will-shutter-its-mastodon-server",
"category": [
"Fediverse"
],
"bookmark-of": [
"https://techcrunch.com/2024/09/17/mozilla-exits-the-fediverse-and-will-shutter-its-mastodon-server-in-december/"
],
"name": "Mozilla exits the fediverse and will shutter its Mastodon server in December",
"content": {
"text": "[Sarah Perez at TechCrunch]\"Mozilla is exiting the fediverse. Though the concept of the open social web, also known as the fediverse, has been picking up momentum ever since Meta last year introduced its first-ever federated app, Instagram Threads, Firefox maker Mozilla on Tuesday announced it would be ending its experiment in running a server on the fediverse. The server, Mozilla.social, today connects users with the Mastodon social network, an open source rival to Twitter/X. It will be shut down on December 17.\"I wish Mozilla had taken a more ambitious approach to the fediverse, rather than running a Mastodon instance for a handful of people. An organization of its size could have prototyped different kinds of social media on the fediverse, or incubated disparate projects running on the protocol. It could even have experimented with adding social functionality directly to Firefox. Instead, precisely none of that happened, and its instance was apparently used by 270 people or so.\n\nSarah Perez points out that this isn't the only initiative that's been shuttered recently:\"Among those products affected by the pullback were its VPN, Relay, and Online Footprint Scrubber, in addition to its Mastodon instance, the company said at the time. Meanwhile, its virtual world Hubs was shut down.\"Mozilla itself has a lot of potential but never seems to quite realize it: it doesn't seem to be very good at building a joined-up product strategy, which has led its existence to become increasingly at risk. The vast majority of its funding (nearly 90%) has come from Google's payments to the organization in exchange for being the default search engine pick - and now that's under threat.\n\nThere's a need for a mission-driven organization with Mozilla's values that executes more fearlessly, where product voices hold more weight vs open source engineering discussions. But, right now, I don't think it exists.\n#Fediverse\n[Link]",
"html": "<p>[<a href=\"https://techcrunch.com/2024/09/17/mozilla-exits-the-fediverse-and-will-shutter-its-mastodon-server-in-december/\">Sarah Perez at TechCrunch</a>]</p><blockquote><p>\"Mozilla is exiting the fediverse. Though the concept of the open social web, also known as the fediverse, has been picking up momentum ever since Meta last year introduced its first-ever federated app, Instagram Threads, Firefox maker Mozilla on Tuesday announced it would be ending its experiment in running a server on the fediverse. The server, Mozilla.social, today connects users with the Mastodon social network, an open source rival to Twitter/X. It will be shut down on December 17.\"</p></blockquote><p>I wish Mozilla had taken a more ambitious approach to the fediverse, rather than running a Mastodon instance for a handful of people. An organization of its size <em>could</em> have prototyped different kinds of social media on the fediverse, or incubated disparate projects running on the protocol. It could even have experimented with adding social functionality directly to Firefox. Instead, precisely none of that happened, and its instance was apparently used by 270 people or so.</p><p>Sarah Perez points out that this isn't the only initiative that's been shuttered recently:</p><blockquote><p>\"Among those products affected by the pullback were its VPN, Relay, and Online Footprint Scrubber, in addition to its Mastodon instance, the company said at the time. Meanwhile, its virtual world Hubs was shut down.\"</p></blockquote><p>Mozilla itself has a lot of potential but never seems to quite realize it: it doesn't seem to be very good at building a joined-up product strategy, which has led its existence to become increasingly at risk. The vast majority of its funding (nearly 90%) has come from Google's payments to the organization in exchange for being the default search engine pick - and now <a href=\"https://news.itsfoss.com/google-mozilla-firefox-threat/\">that's under threat</a>.</p><p>There's a need for a mission-driven organization with Mozilla's values that executes more fearlessly, where product voices hold more weight vs open source engineering discussions. But, right now, I don't think it exists.</p>\n<p><a href=\"https://werd.io/tag/Fediverse\" class=\"p-category\">#Fediverse</a></p>\n<p>[<a href=\"https://techcrunch.com/2024/09/17/mozilla-exits-the-fediverse-and-will-shutter-its-mastodon-server-in-december/\">Link</a>]</p>"
},
"author": {
"type": "card",
"name": "Ben Werdmuller",
"url": "https://werd.io/profile/benwerd",
"photo": "https://werd.io/file/5d388c5fb16ea14aac640912/thumb.jpg"
},
"post-type": "bookmark",
"_id": "42272825",
"_source": "191",
"_is_read": false
}
dunno but this may be the best page in the world..
needs mid-week feature:
I really like personal homepages and have quite a list of them bookmarked. I'll post one every week unless I fall behind this schedule. 😉 So here's Cool Personal Homepages #CPH Vol. 24: About - Ale https://about.manalejandro.com/
PS: @ale is on Mastodon!
#SmallWeb #indieweb #smolweb #PersonalSites #homepage #blog
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.online/@jlsksr/113155181554328918",
"content": {
"html": "<p>dunno but this may be the best page in the world..</p><p>needs mid-week feature:</p><p>I really like personal homepages and have quite a list of them bookmarked. I'll post one every week unless I fall behind this schedule. \ud83d\ude09 So here's Cool Personal Homepages <a href=\"https://mastodon.online/tags/CPH\">#<span>CPH</span></a> Vol. 24: About - Ale <a href=\"https://about.manalejandro.com/\"><span>https://</span><span>about.manalejandro.com/</span><span></span></a></p><p>PS: <span class=\"h-card\"><a class=\"u-url\" href=\"https://mastodon.manalejandro.com/@ale\">@<span>ale</span></a></span> is on Mastodon!</p><p><a href=\"https://mastodon.online/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://mastodon.online/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.online/tags/smolweb\">#<span>smolweb</span></a> <a href=\"https://mastodon.online/tags/PersonalSites\">#<span>PersonalSites</span></a> <a href=\"https://mastodon.online/tags/homepage\">#<span>homepage</span></a> <a href=\"https://mastodon.online/tags/blog\">#<span>blog</span></a></p>\n<a class=\"u-mention\" href=\"https://mastodon.manalejandro.com/@ale\"></a>",
"text": "dunno but this may be the best page in the world..\n\nneeds mid-week feature:\n\nI really like personal homepages and have quite a list of them bookmarked. I'll post one every week unless I fall behind this schedule. \ud83d\ude09 So here's Cool Personal Homepages #CPH Vol. 24: About - Ale https://about.manalejandro.com/\n\nPS: @ale is on Mastodon!\n\n#SmallWeb #indieweb #smolweb #PersonalSites #homepage #blog"
},
"published": "2024-09-17T22:10:46+00:00",
"photo": [
"https://files.mastodon.social/cache/media_attachments/files/113/155/181/723/033/968/original/43c3547021230f9c.png"
],
"post-type": "photo",
"_id": "42271283",
"_source": "8007",
"_is_read": false
}
What an excellent personal website!
{
"type": "entry",
"published": "2024-09-17T19:24:24Z",
"url": "https://adactio.com/links/21422",
"category": [
"indieweb",
"personal",
"publishing",
"independent",
"web",
"visual",
"graphic",
"design",
"personality",
"interface",
"ui",
"desktop"
],
"bookmark-of": [
"https://www.nicchan.me/"
],
"content": {
"text": "Nic Chan\n\n\n\nWhat an excellent personal website!",
"html": "<h3>\n<a class=\"p-name u-bookmark-of\" href=\"https://www.nicchan.me/\">\nNic Chan\n</a>\n</h3>\n\n<p>What an excellent personal website!</p>"
},
"author": {
"type": "card",
"name": "Jeremy Keith",
"url": "https://adactio.com/",
"photo": "https://adactio.com/images/photo-150.jpg"
},
"post-type": "bookmark",
"_id": "42269290",
"_source": "2",
"_is_read": false
}
Alright, here's my first draft.
https://stefanbohacek.com/blogroll/
Very much work in progress!
#indieweb #blogs #blogroll
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://stefanbohacek.online/@stefan/113153444418555851",
"content": {
"html": "<p>Alright, here's my first draft.</p><p><a href=\"https://stefanbohacek.com/blogroll/\"><span>https://</span><span>stefanbohacek.com/blogroll/</span><span></span></a></p><p>Very much work in progress!</p><p><a href=\"https://stefanbohacek.online/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://stefanbohacek.online/tags/blogs\">#<span>blogs</span></a> <a href=\"https://stefanbohacek.online/tags/blogroll\">#<span>blogroll</span></a></p>",
"text": "Alright, here's my first draft.\n\nhttps://stefanbohacek.com/blogroll/\n\nVery much work in progress!\n\n#indieweb #blogs #blogroll"
},
"published": "2024-09-17T14:49:00+00:00",
"post-type": "note",
"_id": "42266897",
"_source": "8007",
"_is_read": false
}