I've been vaguely unhappy about my website for some years. đť I started a WordPress blog in 2011, which I tried to replace by static pages with Jekyll in 2018, but I didn't see it through.
Last Summer, I accidentally learned some Python for a research project. This finally gave me the courage to script my way to a fully static website. And it's done now! đş I deactivated WP & deleted MySQL database yesterday.
Full story here: https://www.sylviawenmackers.be/blog/about.php
#indieweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://scholar.social/@SylviaFysica/113170487700579641",
"content": {
"html": "<p>I've been vaguely unhappy about my website for some years. \ud83d\udc7b I started a WordPress blog in 2011, which I tried to replace by static pages with Jekyll in 2018, but I didn't see it through. <img alt=\":LeVarDislike:\" height=\"16\" src=\"https://files.mastodon.social/cache/custom_emojis/images/000/165/459/original/6c08e3bd80d055eb.png\" title=\":LeVarDislike:\" width=\"16\" /></p><p>Last Summer, I accidentally learned some Python for a research project. <img alt=\":python:\" height=\"16\" src=\"https://files.mastodon.social/cache/custom_emojis/images/000/042/242/original/d8b595015295584a.png\" title=\":python:\" width=\"16\" /> This finally gave me the courage to script my way to a fully static website. And it's done now! \ud83d\ude3a I deactivated WP & deleted MySQL database yesterday. <img alt=\":LeVarLike:\" height=\"16\" src=\"https://files.mastodon.social/cache/custom_emojis/images/000/165/460/original/43d42be56a1f6597.png\" title=\":LeVarLike:\" width=\"16\" /></p><p>Full story here: <a href=\"https://www.sylviawenmackers.be/blog/about.php\"><span>https://www.</span><span>sylviawenmackers.be/blog/about</span><span>.php</span></a><br /><a href=\"https://scholar.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "I've been vaguely unhappy about my website for some years. \ud83d\udc7b I started a WordPress blog in 2011, which I tried to replace by static pages with Jekyll in 2018, but I didn't see it through. \n\nLast Summer, I accidentally learned some Python for a research project. This finally gave me the courage to script my way to a fully static website. And it's done now! \ud83d\ude3a I deactivated WP & deleted MySQL database yesterday. \n\nFull story here: https://www.sylviawenmackers.be/blog/about.php\n#indieweb"
},
"published": "2024-09-20T15:03:19+00:00",
"post-type": "note",
"_id": "42300415",
"_source": "8007",
"_is_read": false
}
New Post: Love and Transactionality
This post was inspired by something one of my partners asked me a month or so ago; is love transactional?
https://www.vzqk50.com/blog/love-and-transactionality/
#IndieWeb #SmallWeb #philosophy
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://ioc.exchange/@ApisNecros/113170394140973858",
"content": {
"html": "<p>New Post: Love and Transactionality</p><p>This post was inspired by something one of my partners asked me a month or so ago; is love transactional?</p><p><a href=\"https://www.vzqk50.com/blog/love-and-transactionality/\"><span>https://www.</span><span>vzqk50.com/blog/love-and-trans</span><span>actionality/</span></a></p><p><a href=\"https://ioc.exchange/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://ioc.exchange/tags/SmallWeb\">#<span>SmallWeb</span></a> <a href=\"https://ioc.exchange/tags/philosophy\">#<span>philosophy</span></a></p>",
"text": "New Post: Love and Transactionality\n\nThis post was inspired by something one of my partners asked me a month or so ago; is love transactional?\n\nhttps://www.vzqk50.com/blog/love-and-transactionality/\n\n#IndieWeb #SmallWeb #philosophy"
},
"published": "2024-09-20T14:39:32+00:00",
"post-type": "note",
"_id": "42300090",
"_source": "8007",
"_is_read": false
}
Independent, POSSE-style blogging is more than a retro-trend. Itâs a beautiful statement on the importance of the humanness of the internet, and a peaceful, positive rebellion against the commodification of where we place our attention.
Iâm so pleased to announce that ellanew.com is my new home base! Iâm still on Medium, but will finish wrapping up operations on Substack very soon. If I write it, it will appear on my blog first, and âŚ
Read more https://ellanew.com/micro/ellanew-is-live
#blogging #indieweb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://pkm.social/@ellane/113170387944750105",
"content": {
"html": "<p>Independent, POSSE-style blogging is more than a retro-trend. It\u2019s a beautiful statement on the importance of the humanness of the internet, and a peaceful, positive rebellion against the commodification of where we place our attention.<br />I\u2019m so pleased to announce that ellanew.com is my new home base! I\u2019m still on Medium, but will finish wrapping up operations on Substack very soon. If I write it, it will appear on my blog first, and \u2026<br />Read more <a href=\"https://ellanew.com/micro/ellanew-is-live\"><span>https://</span><span>ellanew.com/micro/ellanew-is-l</span><span>ive</span></a> </p><p><a href=\"https://pkm.social/tags/blogging\">#<span>blogging</span></a> <a href=\"https://pkm.social/tags/indieweb\">#<span>indieweb</span></a></p>",
"text": "Independent, POSSE-style blogging is more than a retro-trend. It\u2019s a beautiful statement on the importance of the humanness of the internet, and a peaceful, positive rebellion against the commodification of where we place our attention.\nI\u2019m so pleased to announce that ellanew.com is my new home base! I\u2019m still on Medium, but will finish wrapping up operations on Substack very soon. If I write it, it will appear on my blog first, and \u2026\nRead more https://ellanew.com/micro/ellanew-is-live \n\n#blogging #indieweb"
},
"published": "2024-09-20T14:37:57+00:00",
"post-type": "note",
"_id": "42300091",
"_source": "8007",
"_is_read": false
}
I figured out in JavaScript how to deal with a collection of HTML objects as if it was a normal array, which makes a lot of tasks a lot simpler. Then I figured I ought to blog about it: https://bigraccoon.ca/articles/webdev/20240920-treating-an-htmlcollection-like-an-array
(tl;dr: you use Array.from() on your HTMLCollection, then .map() on the resulting array to pull a specific property from each element)
#WebDev #PersonalSites #IndieWeb
{
"type": "entry",
"author": {
"name": "#indieweb",
"url": "https://mastodon.social/tags/indieweb",
"photo": null
},
"url": "https://mastodon.art/@jsstaedtler/113170300991916133",
"content": {
"html": "<p>I figured out in JavaScript how to deal with a collection of HTML objects as if it was a normal array, which makes a lot of tasks a lot simpler. Then I figured I ought to blog about it: <a href=\"https://bigraccoon.ca/articles/webdev/20240920-treating-an-htmlcollection-like-an-array\"><span>https://</span><span>bigraccoon.ca/articles/webdev/</span><span>20240920-treating-an-htmlcollection-like-an-array</span></a></p><p>(tl;dr: you use Array.from() on your HTMLCollection, then .map() on the resulting array to pull a specific property from each element)</p><p><a href=\"https://mastodon.art/tags/WebDev\">#<span>WebDev</span></a> <a href=\"https://mastodon.art/tags/PersonalSites\">#<span>PersonalSites</span></a> <a href=\"https://mastodon.art/tags/IndieWeb\">#<span>IndieWeb</span></a></p>",
"text": "I figured out in JavaScript how to deal with a collection of HTML objects as if it was a normal array, which makes a lot of tasks a lot simpler. Then I figured I ought to blog about it: https://bigraccoon.ca/articles/webdev/20240920-treating-an-htmlcollection-like-an-array\n\n(tl;dr: you use Array.from() on your HTMLCollection, then .map() on the resulting array to pull a specific property from each element)\n\n#WebDev #PersonalSites #IndieWeb"
},
"published": "2024-09-20T14:15:50+00:00",
"post-type": "note",
"_id": "42300092",
"_source": "8007",
"_is_read": false
}
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",
"published": "2024-09-19 17:35-0700",
"url": "http://tantek.com/2024/263/t1/20-years-undohtml-css-resets",
"category": [
"undoHTML",
"undoHTMLCSS",
"reset",
"CSSreset",
"resetstyles",
"webdesign",
"technology",
"invention",
"indieweb"
],
"content": {
"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",
"html": "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=\"http://tantek.com/#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=\"http://tantek.com/#t5Z51_note-2\">\u00b2</a> and the first content link in his 404 page<a href=\"http://tantek.com/#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=\"http://tantek.com/#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=\"http://tantek.com/#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=\"http://tantek.com/#t5Z51_ref-2\">\u00b2</a> <a href=\"https://meyerweb.com/ui/about.html\">https://meyerweb.com/ui/about.html</a><br /><a href=\"http://tantek.com/#t5Z51_ref-3\">\u00b3</a> <a href=\"https://meyerweb.com/404\">https://meyerweb.com/404</a><br /><a href=\"http://tantek.com/#t5Z51_ref-4\">\u2074</a> <a href=\"https://indieweb.org/\">https://indieweb.org/</a><br /><br />#<span class=\"p-category\">undoHTML</span> #<span class=\"p-category\">undoHTMLCSS</span> #<span class=\"p-category\">reset</span> #<span class=\"p-category\">CSSreset</span> #<span class=\"p-category\">resetstyles</span> #<span class=\"p-category\">webdesign</span> #<span class=\"p-category\">technology</span> #<span class=\"p-category\">invention</span> #<span class=\"p-category\">indieweb</span>"
},
"author": {
"type": "card",
"name": "Tantek \u00c7elik",
"url": "https://tantek.com/",
"photo": "https://aperture-media.p3k.io/tantek.com/acfddd7d8b2c8cf8aa163651432cc1ec7eb8ec2f881942dca963d305eeaaa6b8.jpg"
},
"post-type": "note",
"_id": "42295645",
"_source": "1",
"_is_read": false
}
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
}