I'm not entirely new to the Fediverse, but I've decided to make an #introduction post, to uh, actually introduce myself.

šŸŸŖ My nickname is Enlo, I am 15(almost 16) year old that's really enthusiastic about the #decentralization and the #fediverse.
I like these games:
#FridayNightFunkin, #Deltarune, #Undertale, Dead Cells, MC Story Mode (like, really).

šŸŒ I am sure that I will make my personal website to contribute to the #indieweb as a thing.
Right 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 :blobcatThumbsUp:

šŸŽ¶ My favorite #music - #jpop but particularly it's mostly
šŸŸ„ #kasaneteto šŸŸ„

šŸ“ 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
Also, cats are cool :blobcatHappy:

:blobHop: Fediverse is a great place, and it would be great to actually find some like-minded people.

Hello! Overdue introductory post.

I'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!

My other interests include #cooking, #reading, #writing, #gardening, #piano, #camping, #math, all #science but particularly #astronomy and #chemistry!

New blogpost: "Webmentions on Hugo, Fediverse, and the magic of the IndieWeb"

Read it here: https://xaselgio.net/posts/20.webmentions/

#webmentions #indieweb #gohugo

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. :LeVarDislike:

Last Summer, I accidentally learned some Python for a research project. :python: 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. :LeVarLike:

Full story here: https://www.sylviawenmackers.be/blog/about.php
#indieweb

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

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

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

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
#undoHTML #undoHTMLCSS #reset #CSSreset #resetstyles #webdesign #technology #invention #indieweb

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

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

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

Personal Freedom

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

Now all articles on jeremykun.com have DOIs (thanks to @rogue_scholar) and the DOI url is rendered in the endnotes. #indieweb

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?

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

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

šŸ“ Sharing games I've played on my blog

Rocking the retro vibe.

https://www.johnpe.art/2024/09/18/games-collection/

#gaming #retro #indieweb #playstation #nintendo #blogging