{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://social.lol/@vae/113182163594057337",
    "content": {
        "html": "<p>sitting down to tinker on my <a href=\"https://social.lol/tags/blog\">#<span>blog</span></a> makes me feel guilty while my house is not yet unpacked to my liking, a mini /now update: <a href=\"https://social.lol/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://social.lol/tags/slashpages\">#<span>slashpages</span></a></p><p>going to learn:</p><p>to sample vinyl in my next music project</p><p>reupholster a set of wooden dining chairs i bought for $5/piece with some couch cushion covers</p><p>and i\u2019ve been carrying my lock pick set around in case i come across a thrift find with a lock i want to pop. </p><p>truly deep in my \u2018i have SOMANY hobbies because i have no local friends\u2019 era.</p>",
        "text": "sitting down to tinker on my #blog makes me feel guilty while my house is not yet unpacked to my liking, a mini /now update: #indieweb #slashpages\n\ngoing to learn:\n\nto sample vinyl in my next music project\n\nreupholster a set of wooden dining chairs i bought for $5/piece with some couch cushion covers\n\nand i\u2019ve been carrying my lock pick set around in case i come across a thrift find with a lock i want to pop. \n\ntruly deep in my \u2018i have SOMANY hobbies because i have no local friends\u2019 era."
    },
    "published": "2024-09-22T16:32:39+00:00",
    "photo": [
        "https://files.mastodon.social/cache/media_attachments/files/113/182/163/638/162/654/original/9922fe06e6c2c9ca.png"
    ],
    "post-type": "photo",
    "_id": "42318568",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://metapixl.com/p/xyny/743475940284086478",
    "content": {
        "html": "I have a website now! https://xyny.art/<br /><br /><br /><br /><a class=\"u-url\" href=\"https://metapixl.com/discover/tags/art?src=hash\">#art</a> <a class=\"u-url\" href=\"https://metapixl.com/discover/tags/fediart?src=hash\">#fediart</a> <a class=\"u-url\" href=\"https://metapixl.com/discover/tags/mastoart?src=hash\">#mastoart</a> <a class=\"u-url\" href=\"https://metapixl.com/discover/tags/digitalart?src=hash\">#digitalart</a> <a class=\"u-url\" href=\"https://metapixl.com/discover/tags/mediaart?src=hash\">#mediaart</a> <a class=\"u-url\" href=\"https://metapixl.com/discover/tags/contemporaryart?src=hash\">#contemporaryart</a> <a class=\"u-url\" href=\"https://metapixl.com/discover/tags/netart?src=hash\">#netart</a> <a class=\"u-url\" href=\"https://metapixl.com/discover/tags/memeart?src=hash\">#memeart</a> <a class=\"u-url\" href=\"https://metapixl.com/discover/tags/https?src=hash\">#https</a> <a class=\"u-url\" href=\"https://metapixl.com/discover/tags/newwebsite?src=hash\">#newwebsite</a> <a class=\"u-url\" href=\"https://metapixl.com/discover/tags/indieweb?src=hash\">#indieweb</a>",
        "text": "I have a website now! https://xyny.art/\n\n\n\n#art #fediart #mastoart #digitalart #mediaart #contemporaryart #netart #memeart #https #newwebsite #indieweb"
    },
    "published": "2024-09-22T14:27:57+00:00",
    "photo": [
        "https://files.mastodon.social/cache/media_attachments/files/113/181/673/328/396/989/original/296b02fcdbce18d7.png"
    ],
    "post-type": "photo",
    "_id": "42317384",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://mapstodon.space/@jorgesanz/113180573794067811",
    "content": {
        "html": "<p>Mastodon and the Fediverse \u2014 Social Media's Brighter Future by <span class=\"h-card\"><a class=\"u-url\" href=\"https://pkm.social/@ellane\">@<span>ellane</span></a></span> </p><p><a href=\"http://ellanew.com/2024/09/20/mastodon-fediverse-future\"><span>http://</span><span>ellanew.com/2024/09/20/mastodo</span><span>n-fediverse-future</span></a></p><p><a href=\"https://mapstodon.space/tags/mastodon\">#<span>mastodon</span></a> <a href=\"https://mapstodon.space/tags/Fediverse\">#<span>Fediverse</span></a> <a href=\"https://mapstodon.space/tags/posse\">#<span>posse</span></a> <a href=\"https://mapstodon.space/tags/indieWeb\">#<span>indieWeb</span></a></p>\n<a class=\"u-mention\" href=\"https://pkm.social/@ellane\"></a>",
        "text": "Mastodon and the Fediverse \u2014 Social Media's Brighter Future by @ellane \n\nhttp://ellanew.com/2024/09/20/mastodon-fediverse-future\n\n#mastodon #Fediverse #posse #indieWeb"
    },
    "published": "2024-09-22T09:48:21+00:00",
    "post-type": "note",
    "_id": "42315756",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://hachyderm.io/@Two9A/113180261035253115",
    "content": {
        "html": "<p>Happy 18th birthday to my blog!</p><p>On this day in 2006, I lifted some items from a previous page that's now lost to time, and kept writing on and off until 2014, when inspiration (and time) dried up.</p><p>Coming to <a href=\"https://hachyderm.io/tags/mastodon\">#<span>mastodon</span></a> last year and seeing all the fun people were having with <a href=\"https://hachyderm.io/tags/indieweb\">#<span>indieweb</span></a> inspired me again, and the redesigned blog is back in commission since 2023; I'm even writing again, and it's all thanks to you if you're here reading this.</p><p>(My blog is old enough to vote, how is that possible)</p>",
        "text": "Happy 18th birthday to my blog!\n\nOn this day in 2006, I lifted some items from a previous page that's now lost to time, and kept writing on and off until 2014, when inspiration (and time) dried up.\n\nComing to #mastodon last year and seeing all the fun people were having with #indieweb inspired me again, and the redesigned blog is back in commission since 2023; I'm even writing again, and it's all thanks to you if you're here reading this.\n\n(My blog is old enough to vote, how is that possible)"
    },
    "published": "2024-09-22T08:28:49+00:00",
    "post-type": "note",
    "_id": "42315333",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://xoxo.zone/@philnelson/113178449416412906",
    "content": {
        "html": "<p>RetroStrange Movie Night is live! We are streaming 3 things featuring Edward Everett Horton, no ads, no bull. Watch along <a href=\"http://live.retrostrange.com\"><span>http://</span><span>live.retrostrange.com</span><span></span></a> <a href=\"https://xoxo.zone/tags/Streaming\">#<span>Streaming</span></a> <a href=\"https://xoxo.zone/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://xoxo.zone/tags/RSTV\">#<span>RSTV</span></a> <a href=\"https://xoxo.zone/tags/MovieNight\">#<span>MovieNight</span></a></p>",
        "text": "RetroStrange Movie Night is live! We are streaming 3 things featuring Edward Everett Horton, no ads, no bull. Watch along http://live.retrostrange.com #Streaming #IndieWeb #RSTV #MovieNight"
    },
    "published": "2024-09-22T00:48:06+00:00",
    "post-type": "note",
    "_id": "42313387",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://mastodon.hejchristian.com/@christian/113177701812055710",
    "content": {
        "html": "<p>Hej Hej \ud83d\udc4b </p><p>Time for a new <a href=\"https://mastodon.hejchristian.com/tags/Intro\">#<span>Intro</span></a> as I've moved servers (again).</p><p>My name is Christian and I'm a freelance frontend dev that works with <a href=\"https://mastodon.hejchristian.com/tags/11ty\">#<span>11ty</span></a>. I love <a href=\"https://mastodon.hejchristian.com/tags/HTML\">#<span>HTML</span></a>, <a href=\"https://mastodon.hejchristian.com/tags/CSS\">#<span>CSS</span></a>, and <a href=\"https://mastodon.hejchristian.com/tags/JavaScript\">#<span>JavaScript</span></a> (not on the client side tho \ud83d\ude0e)</p><p>I'm from \ud83c\uddf8\ud83c\uddea,<br />raised in \ud83c\uddec\ud83c\udde7, <br />currently live in \ud83c\uddf5\ud83c\uddf9.</p><p>I've got a bunch of interests and hobbies that I might post about from time to time:</p><p>- <a href=\"https://mastodon.hejchristian.com/tags/BoardGames\">#<span>BoardGames</span></a><br />- <a href=\"https://mastodon.hejchristian.com/tags/WebDev\">#<span>WebDev</span></a><br />- <a href=\"https://mastodon.hejchristian.com/tags/Photography\">#<span>Photography</span></a><br />- <a href=\"https://mastodon.hejchristian.com/tags/MastoArt\">#<span>MastoArt</span></a><br />- <a href=\"https://mastodon.hejchristian.com/tags/Electronics\">#<span>Electronics</span></a> <br />- <a href=\"https://mastodon.hejchristian.com/tags/SVG\">#<span>SVG</span></a><br />- <a href=\"https://mastodon.hejchristian.com/tags/IndieWeb\">#<span>IndieWeb</span></a><br />- <a href=\"https://mastodon.hejchristian.com/tags/Vegan\">#<span>Vegan</span></a> AF \ud83c\udf31</p><p>\ud83d\udc9a</p><p><a href=\"https://mastodon.hejchristian.com/tags/Introduction\">#<span>Introduction</span></a> <a href=\"https://mastodon.hejchristian.com/tags/NewInstance\">#<span>NewInstance</span></a> <a href=\"https://mastodon.hejchristian.com/tags/MastoHost\">#<span>MastoHost</span></a></p>",
        "text": "Hej Hej \ud83d\udc4b \n\nTime for a new #Intro as I've moved servers (again).\n\nMy name is Christian and I'm a freelance frontend dev that works with #11ty. I love #HTML, #CSS, and #JavaScript (not on the client side tho \ud83d\ude0e)\n\nI'm from \ud83c\uddf8\ud83c\uddea,\nraised in \ud83c\uddec\ud83c\udde7, \ncurrently live in \ud83c\uddf5\ud83c\uddf9.\n\nI've got a bunch of interests and hobbies that I might post about from time to time:\n\n- #BoardGames\n- #WebDev\n- #Photography\n- #MastoArt\n- #Electronics \n- #SVG\n- #IndieWeb\n- #Vegan AF \ud83c\udf31\n\n\ud83d\udc9a\n\n#Introduction #NewInstance #MastoHost"
    },
    "published": "2024-09-21T21:37:58+00:00",
    "post-type": "note",
    "_id": "42312476",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://mstdn.social/@the_cheis/113175587816436305",
    "content": {
        "html": "<p>Nuevo post: </p><p>Instalar yay en Arch Linux</p><p><a href=\"https://mstdn.social/tags/Linux\">#<span>Linux</span></a> <a href=\"https://mstdn.social/tags/ArchLinux\">#<span>ArchLinux</span></a> <a href=\"https://mstdn.social/tags/SoftwareLibre\">#<span>SoftwareLibre</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/21/instalar-yay-arch-linux/\"><span>https://</span><span>thecheis.com/2024/09/21/instal</span><span>ar-yay-arch-linux/</span></a></p>",
        "text": "Nuevo post: \n\nInstalar yay en Arch Linux\n\n#Linux #ArchLinux #SoftwareLibre #indieweb #blog #enmiblog \n\nhttps://thecheis.com/2024/09/21/instalar-yay-arch-linux/"
    },
    "published": "2024-09-21T12:40:21+00:00",
    "post-type": "note",
    "_id": "42308781",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://tweesecake.social/@weirdwriter/113174196187326557",
    "content": {
        "html": "<p>Fixed a lot of things in my newsletter so follow if you want! Sightless Scribbles <a href=\"https://buttondown.com/weirdwriter\"><span>https://</span><span>buttondown.com/weirdwriter</span><span></span></a> <a href=\"https://tweesecake.social/tags/IndieWeb\">#<span>IndieWeb</span></a> <a href=\"https://tweesecake.social/tags/Disability\">#<span>Disability</span></a> <a href=\"https://tweesecake.social/tags/Blogs\">#<span>Blogs</span></a> <a href=\"https://tweesecake.social/tags/Blogging\">#<span>Blogging</span></a> <a href=\"https://tweesecake.social/tags/Blog\">#<span>Blog</span></a></p>",
        "text": "Fixed a lot of things in my newsletter so follow if you want! Sightless Scribbles https://buttondown.com/weirdwriter #IndieWeb #Disability #Blogs #Blogging #Blog"
    },
    "published": "2024-09-21T06:46:26+00:00",
    "post-type": "note",
    "_id": "42306617",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://mastodon.design/@dominik/113173919528879460",
    "content": {
        "html": "<p>Newest <a href=\"https://mastodon.design/tags/tinysparks\">#<span>tinysparks</span></a> issue is out:</p><p>Adjusting to a new lifestyle and learning a ton of new stuff.</p><p>Read it at: <a href=\"https://dominikhofer.me/newsletter/007\"><span>https://</span><span>dominikhofer.me/newsletter/007</span><span></span></a></p><p><a href=\"https://mastodon.design/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.design/tags/newsletter\">#<span>newsletter</span></a></p>",
        "text": "Newest #tinysparks issue is out:\n\nAdjusting to a new lifestyle and learning a ton of new stuff.\n\nRead it at: https://dominikhofer.me/newsletter/007\n\n#indieweb #newsletter"
    },
    "published": "2024-09-21T05:36:05+00:00",
    "post-type": "note",
    "_id": "42306330",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://blorbo.social/@scumsuck/113173301929557529",
    "content": {
        "html": "<p>updated my FAQ cuz surprisingly I do get Frequently Asked some of these Questions.  Want to update my profile picture so you can randomize it LOL</p><p><a href=\"https://scumsuck.com/about\"><span>https://</span><span>scumsuck.com/about</span><span></span></a></p><p><a href=\"https://blorbo.social/tags/personalSites\">#<span>personalSites</span></a> <a href=\"https://blorbo.social/tags/smallweb\">#<span>smallweb</span></a> <a href=\"https://blorbo.social/tags/indieweb\">#<span>indieweb</span></a></p>",
        "text": "updated my FAQ cuz surprisingly I do get Frequently Asked some of these Questions.  Want to update my profile picture so you can randomize it LOL\n\nhttps://scumsuck.com/about\n\n#personalSites #smallweb #indieweb"
    },
    "published": "2024-09-21T02:59:01+00:00",
    "photo": [
        "https://files.mastodon.social/cache/media_attachments/files/113/173/302/016/061/408/original/4bf7e461d85e454b.png"
    ],
    "post-type": "photo",
    "_id": "42305678",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://toot.garden/@enlogg/113171562580928970",
    "content": {
        "html": "<p>I'm not entirely new to the Fediverse, but I've decided to make an <a href=\"https://toot.garden/tags/introduction\">#<span>introduction</span></a> post, to uh, actually introduce myself.</p><p>\ud83d\udfea My nickname is Enlo, I am 15(almost 16) year old that's really enthusiastic about the <a href=\"https://toot.garden/tags/decentralization\">#<span>decentralization</span></a> and the <a href=\"https://toot.garden/tags/fediverse\">#<span>fediverse</span></a>. <br />I like these games:<br /><a href=\"https://toot.garden/tags/FridayNightFunkin\">#<span>FridayNightFunkin</span></a>, <a href=\"https://toot.garden/tags/Deltarune\">#<span>Deltarune</span></a>, <a href=\"https://toot.garden/tags/Undertale\">#<span>Undertale</span></a>, Dead Cells, MC Story Mode (like, really).</p><p>\ud83c\udf10 I am sure that I will make my personal website to contribute to the <a href=\"https://toot.garden/tags/indieweb\">#<span>indieweb</span></a> as a thing.<br />Right now I am learning to use <a href=\"https://toot.garden/tags/git\">#<span>git</span></a>, and my main potential interest is in <a href=\"https://toot.garden/tags/webdev\">#<span>webdev</span></a> and/or server-side stuff. I can't do either right now but I'll get there eventually <img alt=\":blobcatThumbsUp:\" height=\"16\" src=\"https://files.mastodon.social/cache/custom_emojis/images/000/478/196/original/dbf356d8c74f6080.png\" title=\":blobcatThumbsUp:\" width=\"16\" /></p><p>\ud83c\udfb6 My favorite <a href=\"https://toot.garden/tags/music\">#<span>music</span></a> - <a href=\"https://toot.garden/tags/jpop\">#<span>jpop</span></a> but particularly it's mostly <br />\ud83d\udfe5  <a href=\"https://toot.garden/tags/kasaneteto\">#<span>kasaneteto</span></a> \ud83d\udfe5 </p><p>\ud83d\udcdd I like writing stuff here on <a href=\"https://toot.garden/tags/Mastodon\">#<span>Mastodon</span></a>. Never wrote a book or anything, but I'd love to someday share the story I came up with to the world<br />Also, cats are cool <img alt=\":blobcatHappy:\" height=\"16\" src=\"https://files.mastodon.social/cache/custom_emojis/images/000/482/419/original/8002eb1cc3b16870.png\" title=\":blobcatHappy:\" width=\"16\" /></p><p><img alt=\":blobHop:\" height=\"16\" src=\"https://files.mastodon.social/cache/custom_emojis/images/000/462/404/original/3fffb922d06cf472.gif\" title=\":blobHop:\" width=\"16\" /> Fediverse is a great place, and it would be great to actually find some like-minded people.</p>",
        "text": "I'm not entirely new to the Fediverse, but I've decided to make an #introduction post, to uh, actually introduce myself.\n\n\ud83d\udfea My nickname is Enlo, I am 15(almost 16) year old that's really enthusiastic about the #decentralization and the #fediverse. \nI like these games:\n#FridayNightFunkin, #Deltarune, #Undertale, Dead Cells, MC Story Mode (like, really).\n\n\ud83c\udf10 I am sure that I will make my personal website to contribute to the #indieweb as a thing.\nRight now I am learning to use #git, and my main potential interest is in #webdev and/or server-side stuff. I can't do either right now but I'll get there eventually \n\n\ud83c\udfb6 My favorite #music - #jpop but particularly it's mostly \n\ud83d\udfe5  #kasaneteto \ud83d\udfe5 \n\n\ud83d\udcdd I like writing stuff here on #Mastodon. Never wrote a book or anything, but I'd love to someday share the story I came up with to the world\nAlso, cats are cool \n\n Fediverse is a great place, and it would be great to actually find some like-minded people."
    },
    "published": "2024-09-20T19:36:41+00:00",
    "post-type": "note",
    "_id": "42303288",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://mastodon.social/@sol2070/113171650725674429",
    "content": {
        "html": "<p>Resenha de \"The Next Revolution\", do p\u00f3s-anarquista Murray Bookchin:<br /><a href=\"https://sol2070.in/2024/09/crise-ecologica-reconstru%C3%A7%C3%A3o-sociedade-murray-bookchin-the-next-revolution/\"><span>https://</span><span>sol2070.in/2024/09/crise-ecolo</span><span>gica-reconstru%C3%A7%C3%A3o-sociedade-murray-bookchin-the-next-revolution/</span></a><br /><a href=\"https://mastodon.social/tags/anarquismo\">#<span>anarquismo</span></a> <a href=\"https://mastodon.social/tags/criseclimatica\">#<span>criseclimatica</span></a> <a href=\"https://mastodon.social/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://mastodon.social/tags/surfandoweb\">#<span>surfandoweb</span></a></p>",
        "text": "Resenha de \"The Next Revolution\", do p\u00f3s-anarquista Murray Bookchin:\nhttps://sol2070.in/2024/09/crise-ecologica-reconstru%C3%A7%C3%A3o-sociedade-murray-bookchin-the-next-revolution/\n#anarquismo #criseclimatica #indieweb #surfandoweb"
    },
    "published": "2024-09-20T19:59:06+00:00",
    "post-type": "note",
    "_id": "42303068",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://indieweb.social/@ablatedsprocket/113171117073088908",
    "content": {
        "html": "<p>Hello! Overdue introductory post.</p><p>I've migrated my account from the emacs.ch instance. I love <a href=\"https://indieweb.social/tags/emacs\">#<span>emacs</span></a> and use it for almost everything, and I'm a firm believer in the future of the <a href=\"https://indieweb.social/tags/indieweb\">#<span>indieweb</span></a>!</p><p>My other interests include <a href=\"https://indieweb.social/tags/cooking\">#<span>cooking</span></a>, <a href=\"https://indieweb.social/tags/reading\">#<span>reading</span></a>, <a href=\"https://indieweb.social/tags/writing\">#<span>writing</span></a>, <a href=\"https://indieweb.social/tags/gardening\">#<span>gardening</span></a>, <a href=\"https://indieweb.social/tags/piano\">#<span>piano</span></a>, <a href=\"https://indieweb.social/tags/camping\">#<span>camping</span></a>, <a href=\"https://indieweb.social/tags/math\">#<span>math</span></a>, all <a href=\"https://indieweb.social/tags/science\">#<span>science</span></a> but particularly <a href=\"https://indieweb.social/tags/astronomy\">#<span>astronomy</span></a> and <a href=\"https://indieweb.social/tags/chemistry\">#<span>chemistry</span></a>!</p>",
        "text": "Hello! Overdue introductory post.\n\nI've migrated my account from the emacs.ch instance. I love #emacs and use it for almost everything, and I'm a firm believer in the future of the #indieweb!\n\nMy other interests include #cooking, #reading, #writing, #gardening, #piano, #camping, #math, all #science but particularly #astronomy and #chemistry!"
    },
    "published": "2024-09-20T17:43:23+00:00",
    "post-type": "note",
    "_id": "42302067",
    "_source": "8007",
    "_is_read": false
}

{
    "type": "entry",
    "author": {
        "name": "#indieweb",
        "url": "https://mastodon.social/tags/indieweb",
        "photo": null
    },
    "url": "https://eldritch.cafe/@Soblow/113171044572207523",
    "content": {
        "html": "<p>New blogpost: \"Webmentions on Hugo, Fediverse, and the magic of the IndieWeb\"</p><p>Read it here: <a href=\"https://xaselgio.net/posts/20.webmentions/\"><span>https://</span><span>xaselgio.net/posts/20.webmenti</span><span>ons/</span></a></p><p><a href=\"https://eldritch.cafe/tags/webmentions\">#<span>webmentions</span></a> <a href=\"https://eldritch.cafe/tags/indieweb\">#<span>indieweb</span></a> <a href=\"https://eldritch.cafe/tags/gohugo\">#<span>gohugo</span></a></p>",
        "text": "New blogpost: \"Webmentions on Hugo, Fediverse, and the magic of the IndieWeb\"\n\nRead it here: https://xaselgio.net/posts/20.webmentions/\n\n#webmentions #indieweb #gohugo"
    },
    "published": "2024-09-20T17:24:57+00:00",
    "post-type": "note",
    "_id": "42301962",
    "_source": "8007",
    "_is_read": false
}

{
    "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 &amp; 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
}

{
    "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
}

{
    "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
}

{
    "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
}

Tantek Çelik tantek.com

{
    "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
}

{
    "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
}