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

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.

:BoostOK:

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

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/

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

Modern HTML, CSS, JS, and WebAPI are huge and complicated, and writing your own browser from scratch is almost impossible. It leads to only few alternatives available, and it gives them too much power. We need more diversity. So, here's the deal:

1. We make specs for a small subset of HTML, CSS, JS, and WebAPI that is just enough.

2. You make a browser that can render just that.

3. I make all my websites work in it.

Let's build a truly #IndieWeb.

#chrome #firefox

Mozilla exits the fediverse and will shutter its Mastodon server in December

dunno but this may be the best page in the world..

needs mid-week feature:

I really like personal homepages and have quite a list of them bookmarked. I'll post one every week unless I fall behind this schedule. 😉 So here's Cool Personal Homepages #CPH Vol. 24: About - Ale https://about.manalejandro.com/

PS: @ale is on Mastodon!

#SmallWeb #indieweb #smolweb #PersonalSites #homepage #blog

Nic Chan

What an excellent personal website!

#indieweb #personal #publishing #independent #web #visual #graphic #design #personality #interface #ui #desktop

Alright, here's my first draft.

https://stefanbohacek.com/blogroll/

Very much work in progress!

#indieweb #blogs #blogroll