~hedy's blogroll - BlogFlockThe blogroll listed on my website.
https://home.hedy.dev/blogroll/2025-09-16T12:24:17.504ZBlogFlockSloum, Ploum.net, Baty.net, Protesilaos Stavrou: Master feed with all updates, erock, ~hedy, Manuel Moreale RSS Feed, James' Coffee Blog, SeirdyA 255 byte web page - James' Coffee Bloghttps://jamesg.blog/2025/09/15/a-255-byte-web-page/2025-09-15T17:20:21.000Z
<p>Tantek, <a href="https://tantek.com/2025/257/t1/happy-8bitday-255-bytes-max">in celebration of 8-Bit Day (the 265th day of the year)</a>, published a blog post with the following challenge:</p><blockquote>[…] build an entire website where each resource fits into at most 8-bits worth of bytes. 255 bytes maximum size HTML, and maximum size of any linked external stylesheet, image, or even script file.</blockquote><p>Alongside the challenge, Tantek has a demo showing <a href="https://tantek.com/8bit.html">a web page whose HTML is under 255 bytes</a>, with an external CSS stylesheet that is also under 255 bytes. This inspired me to try and see what I could make with such a small number of bytes.</p><p><a href="https://jamesg.blog/8bit" rel="noreferrer">Here is what I made:</a></p><img alt="A web page with a paragraph of text, the titles of my most recent three blog posts, my blog icon, and a search form input." class="kg-image" loading="lazy" sizes="(min-width: 720px) 720px" src="https://editor.jamesg.blog/content/images/2025/09/Screenshot-2025-09-15-at-11.55.06.png" srcset="https://editor.jamesg.blog/content/images/size/w600/2025/09/Screenshot-2025-09-15-at-11.55.06.png 600w, https://editor.jamesg.blog/content/images/size/w1000/2025/09/Screenshot-2025-09-15-at-11.55.06.png 1000w, https://editor.jamesg.blog/content/images/2025/09/Screenshot-2025-09-15-at-11.55.06.png 1406w"/><p><em>(I’m not sure if my submission is fully valid because it contains an image whose size is greater than 255 bytes, but I wanted to include my mascot anyway. The HTML source itself still falls within the rules!)</em></p><p>My page has a brief introduction to my website, a list of my three most recent blog posts, a favicon, and a search box. The page is 253 bytes. The page is <a href="https://jamesg.blog/8.css">styled by an external CSS file</a> that is 220 bytes long.</p><p>The HTML looks like this:</p><div class="highlight"><pre><span></span><span class="p"><</span><span class="nt">style</span><span class="p">>@</span><span class="k">import</span><span class="w"> </span><span class="s2">"8.css"</span><span class="p"></</span><span class="nt">style</span><span class="p">><</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">/favicon.ico</span><span class="p">></span>
<span class="p"><</span><span class="nt">p</span><span class="p">></span>Hello! I'm James (he/him/his, capjamesg). I live in Scotland. This is my blog.
Writing (search for):
Second person birds
Rain
Walking
search: <span class="p"><</span><span class="nt">form</span> <span class="na">action</span><span class="o">=</span><span class="s">/search-pages</span><span class="p">><</span><span class="nt">input</span> <span class="na">name</span><span class="o">=</span><span class="s">q</span><span class="p">></span>
</pre></div>
<p><a href="https://jamesg.blog/8.css" rel="noreferrer">My CSS is:</a></p><div class="highlight"><pre><span></span><span class="o">*</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#410d3d</span><span class="p">;</span><span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="mh">#d295d1</span><span class="p">;</span><span class="w"> </span><span class="k">font-family</span><span class="p">:</span><span class="w"> </span><span class="n">system-ui</span><span class="p">;</span><span class="w"> </span><span class="k">border-color</span><span class="p">:</span><span class="w"> </span><span class="mh">#d295d1</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
<span class="p">{</span><span class="w"> </span><span class="k">max-width</span><span class="p">:</span><span class="w"> </span><span class="mi">45</span><span class="kt">em</span><span class="p">;</span><span class="w"> </span><span class="k">white-space</span><span class="p">:</span><span class="w"> </span><span class="kc">pre-wrap</span><span class="p">;</span><span class="w"> </span><span class="k">margin</span><span class="p">:</span><span class="w"> </span><span class="mf">0.5</span><span class="kt">rem</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
<span class="nt">img</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="k">max-height</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="kt">em</span><span class="p">;</span><span class="w"> </span><span class="k">float</span><span class="p">:</span><span class="w"> </span><span class="kc">right</span><span class="p">;</span><span class="w"> </span><span class="k">margin-top</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">rem</span><span class="p">;</span><span class="w"> </span><span class="p">}</span>
</pre></div>
<p>In designing my HTML, I considered what the browser would do for me. Browsers try their best to render HTML documents even if they aren’t syntactically valid. This is a wonderful attribute of HTML. You can make a mistake or leave something out and still get a page that opens and renders.</p><p>I left out the <code>html</code>, <code>head</code>, and <code>body</code> tags. I also left out all the quotation marks for HTML attributes like the <code>src</code> of the image.</p><p>Initially, I had all of my text in paragraphs, until I realised every p tag was a character I could be using elsewhere. I really wanted to see if I could fit a form element on the page. I opted to use only one opening <code>p</code> tag and apply the <code>white-space: pre-wrap</code> rule so that the document would preserve the spacing in the source file.</p><p>My page doesn’t include links to my most recent blog posts; I thought the titles were enough. You could find the blog posts with my search page (although it looks like some of my most recent posts aren’t showing up on the search page, something I need to fix). The list of titles doesn’t update automatically, although if it did I would likely cut off each title after 3-4 words with <code>[…]</code> and make sure I had enough space on the page to accommodate that.</p><p>I skipped as many HTML attributes as I could; my <code>input</code> doesn’t have an <code>id</code> or a <code>name</code>. As a result, this page likely has some accessibility considerations. This has me thinking about another challenge: to take the same 255 byte limit but impose the requirement for a website to be fully usable and understandable with a screen reader. (See also: <a href="https://slides.sarajoy.dev/whimsica11y-sotb2025/?full#5">Whimsica11y</a>.)</p><p>This was a fun project that reminded me of how hard the browser tries to take your code and render it to a user, even if it is missing some pieces.</p><p>I encourage you to try and make a 255 byte web page! Remember, you also get 255 bytes for your stylesheet. If you make one, let me know!</p>
Second person birds - James' Coffee Bloghttps://jamesg.blog/2025/09/14/second-person-birds/2025-09-14T21:37:36.000Z
<p>I remember the feeling of the light shining around and through the curtains. Then there was music: melodies in chirp. I wanted to close my eyes and go back to sleep for just a while longer, enjoying the warmth of my bed, but I didn’t want to forget the light and the music – there was a moment so wonderful just behind the curtain.</p><p>Bird song plays the role that so many people do and have done in my life: the bird song is the music that starts my day.</p><p>I wonder if the birds know how far their songs carry, how we notice the patterns and changes in their tone, how we find both wonder and joy in figuring out from where the song calls, how their song starts and adds life to the day.</p><p><em>This is my entry for the </em><a href="https://toground.link/second-person-birds/" rel="noreferrer"><em>September 2025 IndieWeb Carnival, hosted by Sophia at toground.link</em></a><em>. The topic is "</em>second person birds<em>".</em></p>
Rain - James' Coffee Bloghttps://jamesg.blog/2025/09/14/rain/2025-09-14T18:44:03.000Z
<p><em>I don’t think it’s going to rain that much</em> I thought to myself before going out yesterday. I took my summer jacket: a light blue denim coat that brings me a lot of joy. My jacket keeps me warm.</p><p><em>However, my jacket doesn’t have a hood.</em></p><p>Later in the day, when I got to my destination, the rain started to fall. But after so little rain this year, I felt less bothered by the rain. I wanted to be outside and take in the scent that the trees and Nature make only during and after rain.</p><p>The scent has a word that has stuck in my mind from the moment I first heard it: <em>petrichor</em>. The way the letters sit by each other in the word is poetic. So, too, is the feeling that there is a word that exists to describe the scent in the air. <em>There is a word for the refreshing scent in the air after rain!</em> So many other people have experienced this scent that we – the world – gave it a word.</p><p>I took shelter under a tree in the park, holding a warm, decaf flat white coffee that I had bought earlier. I bought the coffee because I wanted something warm to cusp around my hands; the drink would keep me warm inside, too. With my hands warm and feeling good from the coffee, I watched the rain fall past the leaves on the tree. I stood under a spot where less rain fell, but the occasional drop did fall on my hand and my coffee cup. The raindrops made me feel alive.</p><p>In the distance, I saw the sun that would set in an hour or two was beaming gold onto some clouds. <em>I think the rain will let up soon.</em> A few minutes later, I took the first step out from under the tree. The rain was progressively turning from a shower to a pitter-patter. The park path was damp but there was no longer as much rain falling as there was. More people who were taking shelter started to come out.</p><p>I went to get dinner – a sandwich, among my favourite dinners on the go – and got caught in the rain once again. This time, the rain was much heavier, but I also had a plan! I could take shelter under the columns of a nearby museum. With a to-go sandwich in one hand, I walked at a brisk pace toward the museum.</p><p>There, standing in the cold outdoors – but somewhere the rain could not fall on us – I found many people who were, like me, waiting for the rain to pass by. I listened to the active conversations of people making plans about where to go next; people young and old, couples and families, tourists and people for whom this place was home. All together in one place, waiting for the rain to let up.</p><p>In this moment, a moment in which my hair was dripping wet and my hands, holding a sandwich, were cold, I smiled to myself. <em>We’re all in the same spot. We’re all here. We’re all making up this evening’s story of the city. We’re all living, while also waiting.</em> I listened and enjoyed the sounds of conversation. I moved so that a few more people could fit in and stay out of the rain. I ate my sandwich and watched the world go by.</p>
Walking - James' Coffee Bloghttps://jamesg.blog/2025/09/13/walking/2025-09-13T14:27:49.000Z
<p><em>When did I stop walking as much?</em> I realised this week after having found the motivation to go out for a few walks. I knew that I didn’t want to spend the whole day inside. <em>I want to see the world.</em> With each passing day, I felt more confidence in going out. My usual walk seemed more difficult than it used to be, but I got to the end. I even felt the spark of energy that I felt when I started running earlier this year (a routine I stopped after pushing myself too much too early).</p><p>I haven’t been out for a walk today; the sky is grey. I started to search for what to write about, then I thought back to the last week. My walks, and the realisation of a routine that fell by the wayside. Walking is not the only routine that I lost: my sleep schedule, too, could be better. Finding the right sleep schedule when you find ideas at midnight like I do is tricky, I have told myself, but those moments are really few and far between. Maybe I have been staying up late with the hope that I find more inspiration.</p><p>There is so much I don’t know right now; my world is changing. I do know one thing: I want to go out for more walks; to see and be among the changes of autumn, knowing that change is natural; to put one foot in front of the other and remember that moving forward is natural; to remember the way walking clears my mind, leaving room for ideas to sit and grow. Perhaps with walks I will find that inspiration I have been seeking in midnight: the spark that begins with <em>I have an idea</em> and is followed by <em>I want to bring this to life.</em></p>
Raindrop - James' Coffee Bloghttps://jamesg.blog/2025/09/13/raindrop/2025-09-13T14:07:11.000Z
<p>The autumn rains are here. I have been looking forward to a bit of rain. There is something delightfully cosy about sitting inside reading or writing or watching television while the rain falls outside. And, rain means the opportunity for rainbows. This week, I have seen at least two rainbows, much needed after a relatively difficult week. After seeing the first rainbow, I started to keep my eye out for more. I just went to look out the window and there is <em>another</em> rainbow! Fainter than the others, but nonetheless breathtaking.</p><p>About ten minutes ago, there was a soft rain outside. The sun and the clouds exist together in the sky. From my chair I can see both blue and grey. As the rain stopped, I noticed a droplet on a railing outside from which several colours were radiating, flickering between blue, green, and others. I have never seen a raindrop so colourful, almost as if it were a prism through which the sun was shining (was this the phenomenon that made rainbows possible?).</p><p>The raindrop was about to fall, but all that mattered in the moment was that I was there to see it.</p>
Two quick news items - Manuel Moreale RSS Feedhttps://manuelmoreale.com/@/page/i0orWSlyUhW63bIA2025-09-12T15:25:00.000Z
<p>Sometimes I post not because I have something to get out of my system, but because I have something I want to share. This is one of those occasions.</p>
<p>First, <a href="https://codyschultz.com/">Cody</a> has a new pop-up newsletter going called <a href="https://codyschultz.com/trespassing-through-montana">“Trespassing Through Montana”</a>. I’m a big fan of what he does, and I also enjoy helping people connect with each other online, so I’m not gonna pass on this opportunity to suggest you to sign up for his newsletter.</p>
<p>The second is that the <a href="https://internetphonebook.net">Internet Phone Book</a> is <a href="https://livingweb.metalabel.com/internetphonebook?variantId=1">back in stock</a>. I mentioned this lovely object in an <a href="https://manuelmoreale.com/the-web-the-web">old post of mine</a>, and I’m so glad I managed to grab my copy when it came out. I’m also happy to be in it and very pleased to have <a href="https://www.lkhrs.com/blog/internet-phone-book/">Luke</a> as my neighbour.</p>
<p>That’s it, that’s all I have to say. <a href="https://livingweb.metalabel.com/internetphonebook?variantId=1">Buy the book</a>, <a href="https://buttondown.com/trespassing-through-montana">sign up for the newsletter</a>, and enjoy the weekend.</p> <hr>
<p>Thank you for keeping RSS alive. You're awesome.</p>
<p><a href="mailto:hello@manuelmoreale.com">Email me</a> ::
<a href="https://manuelmoreale.com/guestbook">Sign my guestbook</a> ::
<a href="https://ko-fi.com/manuelmoreale">Support for 1$/month</a> ::
<a href="https://manuelmoreale.com/supporters">See my generous supporters</a> ::
<a href="https://buttondown.email/peopleandblogs">Subscribe to People and Blogs</a></p>
Creating a searchable archive page - James' Coffee Bloghttps://jamesg.blog/2025/09/12/creating-a-searchable-archive-page/2025-09-12T14:54:16.000Z
<p>One of the pages I use most on my website is the <a href="https://editor.jamesg.blog/post">page that lists the titles of all of my blog posts</a>. I made this page for two reasons: (i) for quick reference to all of my recent posts beyond those on my home page, and (ii) so that I can search the page by post title. I often do this if I already know the title of a post or a keyword that will help me find it.</p><p>Whether I am trying to find a blog post I wrote recently or a while ago, my archive page lets me find it.</p><p>I have wanted to write a blog post about this for the longest time because despite having a full-text search engine on my site I still find a lot of utility in searching posts by title with my blog post list page. That is to say: if you are looking for a way to search your site, a good way to start may be to have a page that lists yoru post titles! It's amazing how effective a single list of titles can be as a way to search through your words.</p><p>As a reader of a website, I also love skimming through archive pages to find more blog posts to read. Out in the wild, I have seen archive pages with titles is a common pattern on Bear Blog (maybe this is part of the default template?), which makes navigating many of the sites that use Bear Blog a delight.</p>
P&B: Jack Baty - Manuel Moreale RSS Feedhttps://manuelmoreale.com/@/page/QPVvhvEaa5HfFCQC2025-09-12T11:00:00.000Z
<p>This is the 107th edition of <em>People and Blogs</em>, the series where I ask interesting people to talk about themselves and their blogs. Today we have Jack Baty and his blog, <a href="https://baty.net">baty.net</a></p>
<p>To follow this series <a href="https://peopleandblogs.com">subscribe to the newsletter</a>. A new interview will land in your inbox every Friday. Not a fan of newsletters? No problem! You can read the interviews here on the blog or you can subscribe to the <a href="https://manuelmoreale.com/feed">RSS feed</a>.</p>
<p>If you're enjoying the People and Blogs series and you want to see it grow, consider supporting on <a href="https://ko-fi.com/manuelmoreale">Ko-Fi</a>.</p>
<hr />
<h2>Let's start from the basics: can you introduce yourself?</h2>
<p>Hello, I'm Jack. I was born, raised, and live in west Michigan, US. I live in a quiet (aka "boring") suburb with my lovely wife, our dog, a few tropical fish, and a sea urchin named Lurch.</p>
<p>I was a paperboy, fast food worker, and ditch digger long before I started creating software for a living. My first programming project was a Laboratory Information Management System (L.I.M.S.) for a local environmental testing lab. This was in 1992. I was learning as I went, using a Macintosh RDBMS environment called 4th Dimension. I continued as a solo software developer for a couple of years.</p>
<p>In 1995, I cofounded the web design firm "Fusionary Media" with my two partners. Fusionary grew to a team of around 15 people. We built some very nice websites, software, and mobile apps for companies like MLB, GM, Steelcase, etc. This went on for 25 years, until we sold the company in 2020. I've been "retired" since then, but I miss working on things with people, so we'll see.</p>
<p>These days I spend most of my time with photography, blogging, and reading.</p>
<p>I enjoy tinkering with tech of all kinds and exploring what different software tools can do. This often means completely upending my workflow in order to shoehorn some cool new toy into it. I call this a "hobby".</p>
<h2>What's the story behind your blog?</h2>
<p>Which one? 😂</p>
<p>In the late 1990s, when the internet was still new and exciting, I wanted to tell everyone about everything. I was learning to create websites, so starting a blog was a great opportunity to do both. I created a couple of proto-blogs in 1998 and 1999, but those have been lost to time. My current blog at <a href="https://baty.net">baty.net</a> began in August 2000, 25 years ago this month. Everything before 2021 is archived at <a href="https://archive.baty.net">archive.baty.net</a>. I don't delete old posts, although I probably should.</p>
<p>My early posts were mostly Gruber-style link posts. It's sad that so many of those original links are dead now. Eventually I started sharing more details about what I was doing and thinking about, rather than just linking to other things. This continues today.</p>
<p>I sporadically maintain several other sites/blogs. Other than <a href="https://baty.net">Baty.net</a>, there's also a "Daily Notes" blog at <a href="https://daily.baty.net">daily.baty.net</a>, but lately I've just been rolling that into baty.net. I recently started a photo blog using Ghost at <a href="https://baty.photo">baty.photo</a>. Ghost makes posting images easy, but I haven't decided if I'll continue.</p>
<p>I keep a wiki using TiddlyWiki (since 2018) (<a href="https://rudimentarylathe.org">rudimentarylathe.org</a>). I don't even know what it's for, honestly, but I keep putting stuff there when I don't know where else it should go. </p>
<p>My dream is to have only One True Blog, but that's been elusive.</p>
<h2>What does your creative process look like when it comes to blogging?</h2>
<p>Honestly, I don't really have a creative process. Nothing deliberate, anyway. My posts are mostly journal entries about whatever's on my mind. What usually happens is that I'll read someone's blog post or I'll try some new tool, and share my thoughts on it.</p>
<p>I used to write (bad) poetry and would love to compose longer, thoughtful essays, but that never happens.</p>
<p>More often than not I publish things long before they're ready. It's as if I'd never heard of proofreading. I just fix things later. If I had to make everything perfect first, I'd never post anything.</p>
<p>I write my posts in whatever text editor I'm infatuated with at the moment. 90% of the time, that means Emacs, the nerdiest possible option.</p>
<h2>Do you have an ideal creative environment? Also do you believe the physical space influences your creativity?</h2>
<p>I prefer a tidy, pleasant environment. Usually, though, I sit at my desktop computer (an M4 MacBook Air and Studio Display) in my messy basement office. I just start writing whenever I have something to say. My wife thinks I have some form of auditory processing disorder, so I rarely listen to music while writing. It only muddles my thoughts (even more than they already are).</p>
<p>I do find that things come easier for me when I'm surrounded by books. They inspire me.</p>
<p>Once in a while, I'll draft posts longhand with a nice fountain pen or on a manual typewriter, but I'm lazy, so that's pretty rare.</p>
<p>If I had my way, there'd be a giant window in my home office, maybe overlooking water. Currently I stare at a bare wall, which is probably not ideal for creative inspiration.</p>
<h2>A question for the techie readers: can you run us through your tech stack?</h2>
<p>I change platforms so often that it'll probably be different by the time anyone reads this, but I'm currently using Hugo to render a static website. </p>
<p>My static sites are hosted on a small VPS running FreeBSD with Caddy as the web server. I use Porkbun for domain registration and management.</p>
<p>For creating new posts in Hugo, I have Emacs configured to create properly formatted Markdown files in the correct location. I write the posts in Emacs. When finished, I run a little shell script that builds the site and uploads it to the server. I don't use any fancy Github deployment actions or anything. I just render the site locally and use rsync to push changes.</p>
<p>I've used nearly every blogging platform ever created. I've even written several of my own. Each platform has something I love about it, and when I start to miss whatever that thing is, I'll switch back to it. And so on. Sometimes moving to a new blogging platform gets the writing juices flowing. Sometimes it's just something to do when I'm bored and don't have anything to say.</p>
<h2>Given your experience, if you were to start a blog today, would you do anything differently?</h2>
<p>I would love to be the type of person who started a WordPress (or whatever) blog in the noughts and never changed anything. So many of my posts have bad links or missing images due to moving from platform to platform. It's frustrating for both me and my readers.</p>
<p>I suppose what I'd do differently is pick a process and stick with it. Maybe focus on writing instead of tinkering with themes and platforms and such. Blogs are simple things, really, and overthinking everything has caused me nothing but trouble.</p>
<h2>Financial question since the Web is obsessed with money: how much does it cost to run your blog? Is it just a cost, or does it generate some revenue? And what's your position on people monetising personal blogs?</h2>
<p>I'm running my static sites on a small, $5/month (plus $1 for backups) VPS at Vultr, so it costs very little. I pay another $5/month for Tinylytics to watch traffic/views. So I'm in for around $11/month.</p>
<p>The Ghost blog costs $15/month at <a href="https://magicpages.co">MagicPages</a>.</p>
<p>One other cost is domain registrations, which adds up to maybe $50/year.</p>
<p>I have no interested in trying to make money from blogging, even if it were feasible.</p>
<h2>Time for some recommendations: any blog you think is worth checking out? And also, who do you think I should be interviewing next?</h2>
<p>I hesitate to recommend specific blogs, since that means leaving out so many others. I'll just pick a few at random from my RSS reader. Most of the blogs I follow are by people writing about their lives and interests. I'm less inclined to follow Capital-B Bloggers or industry-specific blogs these days. I'm interested in people, not companies.</p>
<ul>
<li><a href="https://boffosocko.com/">boffosocko.com</a> - Typewriters!</li>
<li><a href="https://82mhz.net">82mhz.net</a> - Publishes lots of great links every week or so</li>
<li><a href="https://lmno.lol/puddingtime">lmno.lol/puddingtime</a> - Thinks like me, but is a much better writer</li>
<li><a href="http://johnpweiss.com/">johnpweiss.com</a> - Meaningful essays and short stories</li>
<li><a href="https://www.joanwestenberg.com">joanwestenberg.com</a> - Tangential to tech industry, on a tear, and nailing it</li>
<li><a href="https://winnielim.org">winnielim.org</a> - Great example of someone simply writing about life</li>
</ul>
<h2>Final question: is there anything you want to share with us?</h2>
<p>May I just suggest to anyone reading this, if you're even remotely interested in starting a blog, do it! 😁</p>
<hr />
<p>This was the 107th edition of <em>People and Blogs</em>. Hope you enjoyed this interview with Jack. Make sure to <a href="https://baty.net">follow his blog</a> (<a href="https://baty.net/index.xml">RSS</a>) and get in touch with him if you have any questions.</p>
<h2>Awesome supporters</h2>
<p>You can support this series on <a href="https://ko-fi.com/manuelmoreale">Ko-Fi</a> and all supporters will be listed here as well as on the <a href="https://peopleandblogs.com">official site</a> of the newsletter.</p>
<p><a href="https://www.thingelstad.com">Jamie Thingelstad</a> (<a href="https://www.thingelstad.com/feed.xml">RSS</a>) — <a href="https://some.studio">Piet Terheyden</a> — Eleonora — <a href="https://carlbarenbrug.com">Carl Barenbrug</a> (<a href="https://carlbarenbrug.com/feed/rss">RSS</a>) — <a href="https://tangiblelife.net">Steve Ledlow</a> (<a href="https://tangiblelife.net/feed.rss">RSS</a>) — <a href="https://www.feadin.eu">Paolo Ruggeri</a> (<a href="https://www.feadin.eu/en/posts/index.xml">RSS</a>) — <a href="https://thejollyteapot.com">Nicolas Magand</a> (<a href="https://thejollyteapot.com/feed.rss">RSS</a>) — <a href="https://robhope.com">Rob Hope</a> — <a href="https://chrishannah.me">Chris Hannah</a> (<a href="https://chrishannah.me/index.xml">RSS</a>) — <a href="https://blog.pcora.eu">Pedro Corá</a> (<a href="https://blog.pcora.eu/feed.xml">RSS</a>) — <a href="https://softlandings.world/">Sixian Lim</a> (<a href="https://www.softlandings.world/feed.rss">RSS</a>) — <a href="https://mattstein.com">Matt Stein</a> (<a href="https://mattstein.com/rss.xml">RSS</a>) — <a href="https://winnielim.org">Winnie Lim</a> (<a href="https://winnielim.org/feed/">RSS</a>) — <a href="https://flamedfury.com/">Flamed</a> (<a href="https://flamedfury.com/feed.xml/">RSS</a>) — <a href="https://skyhold.org">C Jackdaw</a> (<a href="https://jackdaw.weblog.lol/rss.xml">RSS</a>) — <a href="https://tiv.today">Kevin Humdrum</a> (<a href="https://tiv.today/feed.rss">RSS</a>) — <a href="https://www.doc.cc/">Fabricio Teixeira</a> (<a href="https://www.doc.cc/feed.xml">RSS</a>) — <a href="https://rosalindcroad.com">Rosalind Croad</a> — <a href="https://www.elmikewalsh.com">Mike Walsh</a> (<a href="https://www.elmikewalsh.com/feed.xml">RSS</a>) — <a href="https://muhh.lol">Markus Heurung</a> (<a href="https://muhh.lol/notes.xml">RSS</a>) — <a href="https://mwarrenarts.com/">Michael Warren</a> (<a href="https://mwarrenarts.com/rss">RSS</a>) — <a href="https://cagrimmett.com/">Chuck Grimmett</a> (<a href="https://cagrimmett.com/feed">RSS</a>) — <a href="https://bryanmanio.com/">Bryan Maniotakis</a> (<a href="https://bryanmanio.com/feed/">RSS</a>) — <a href="https://bjhess.com/">Barry Hess</a> (<a href="https://bjhess.com/posts_feed">RSS</a>) — <a href="https://ivanmoreale.com">Ivan Moreale</a> — <a href="https://werd.io/">Ben Werdmuller</a> (<a href="https://werd.io/feed">RSS</a>) — <a href="https://corygibbons.com">Cory Gibbons</a> — <a href="https://www.lkhrs.com/">Luke Harris</a> (<a href="https://www.lkhrs.com/blog/index.xml">RSS</a>) — <a href="https://lars-christian.com/">Lars-Christian Simonsen</a> (<a href="https://lars-christian.com/feed/">RSS</a>) — <a href="https://www.codyschultz.com">Cody Schultz</a> — <a href="https://bradbarrish.com">Brad Barrish</a> (<a href="https://bradbarrish.com/feed/">RSS</a>) — <a href="https://galaiko.rocks">Nikita Galaiko</a> — Erik Blankvoort — <a href="https://jagasantagostino.com">Jaga Santagostino</a> — <a href="https://andzuck.com/">Andrew Zuckerman</a> — <a href="https://www.mattiacompagnucci.com">Mattia Compagnucci</a> (<a href="https://mattiacompagnucci.com/feed.rss">RSS</a>) — <a href="https://tdh.se/">Thord D. Hedengren</a> (<a href="https://tdh.se/feed/feed.xml">RSS</a>) — <a href="https://fabiensauser.ch">Fabien Sauser</a> (<a href="https://fabiensauser.ch/index.xml">RSS</a>) — <a href="http://dizzard.net/">Maxwell Omdal</a> — <a href="https://numericcitizen.me">Numeric Citizen</a> (<a href="https://feedpress.me/numericcitizen-feeds.xml?ref=numericcitizen.me">RSS</a>) — <a href="https://heydingus.net">Jarrod Blundy</a> (<a href="https://heydingus.net/feeds">RSS</a>) — <a href="https://gwtf.it">Andrea Contino</a> (<a href="https://gwtf.it/feed">RSS</a>) — <a href="https://sebastiandedeyne.com/">Sebastian De Deyne</a> (<a href="https://sebastiandedeyne.com/index.xml">RSS</a>) — <a href="https://nicolalosito.it/">Nicola Losito</a> (<a href="https://nicolalosito.it/feed/">RSS</a>) — <a href="https://amerpie.lol/">Lou Plummer</a> (<a href="https://amerpie.lol/feed.xml">RSS</a>) — <a href="https://lmika.org/">Leon Mika</a> (<a href="https://lmika.org/feed.xml">RSS</a>) — <a href="https://surplusjouissance.com">Neil Gorman</a> (<a href="https://www.surplusjouissance.com/rss/">RSS</a>) — <a href="https://reaper.is/">Reaper</a> (<a href="https://reaper.is/rss.xml">RSS</a>) — <a href="https://www.mattrutherford.co.uk/">Matt Rutherford</a> (<a href="https://www.mattrutherford.co.uk/rss/">RSS</a>) — <a href="https://aleemshaun.com/">Aleem Ali</a> (<a href="https://aleemshaun.com/feed">RSS</a>) — <a href="https://nikkin.dev/">Nikkin</a> (<a href="https://nikkin.dev/feed.xml">RSS</a>) — <a href="https://hansfast.net">Hans</a> (<a href="https://hansfast.net/everything.rss">RSS</a>) — <a href="https://www.morelightmorelight.com/">Matt Katz</a> (<a href="https://www.morelightmorelight.com/feed">RSS</a>) — <a href="https://iljapanic.com/">Ilja Panić</a> — <a href="https://odongo.pl">Emmanuel Odongo</a> — <a href="https://ruk.ca/">Peter Rukavina</a> (<a href="https://ruk.ca/rss/feedburner.xml">RSS</a>) — <a href="https://jsrn.net">James</a> (<a href="https://jsrn.net/feed.xml">RSS</a>) — <a href="https://therealadam.com">Adam Keys</a> (<a href="https://therealadam.com/feed.xml">RSS</a>) — <a href="https://www.alexeystar.com/">Alexey Staroselets</a> (<a href="https://alexeystar.com/index.xml">RSS</a>) — <a href="https://saturnvalley.org">John L</a> — <a href="https://kangminsuk.com">Minsuk Kang</a> (<a href="https://kangminsuk.com/index.xml">RSS</a>) — <a href="https://nazhamid.com">Naz Hamid</a> (<a href="https://nazhamid.com/feed.xml">RSS</a>) — <a href="https://ken.fyi">Ken Zinser</a> (<a href="https://ken.fyi/feed.rss">RSS</a>) — Jan — <a href="https://verticolabs.com/">Grey Vugrin</a> (<a href="https://verticolabs.com/feed/">RSS</a>) — <a href="https://mzll.it">Luigi Mozzillo</a> (<a href="https://mzll.it/index.xml">RSS</a>) — <a href="https://www.alexhyett.com/">Alex Hyett</a> (<a href="https://www.alexhyett.com/feed/feed.atom.xml">RSS</a>) — <a href="https://andypiper.omg.lol/">Andy Piper</a> — <a href="https://shime.sh/">Hrvoje Šimić</a> (<a href="https://shime.sh/feed.xml">RSS</a>) — <a href="https://tschmeisser.com/">Travis Schmeisser</a> — <a href="https://doug.pub/">Doug Jones</a> — <a href="https://vincentritter.com/">Vincent Ritter</a> (<a href="https://vincentritter.com/feeds/all.json">RSS</a>) — <a href="https://shen.land/">Shen</a> — <a href="https://holzer.online/">Fabian Holzer</a> (<a href="https://holzer.online/feed.xml">RSS</a>) — <a href="https://netigen.com/">Courtney</a> (<a href="https://netigen.com/rss">RSS</a>) — <a href="https://danritz.com">Dan Ritz</a> (<a href="https://www.danritz.com/feed.xml">RSS</a>) — <a href="https://jeremybassetti.com">Jeremy Bassetti</a> (<a href="https://jeremybassetti.com/index.xml">RSS</a>) — <a href="https://lukedorny.com">Luke Dorny</a> (<a href="https://lukedorny.com/rss?download=true">RSS</a>) — <a href="https://tomeri.org/">Thomas Erickson</a> — <a href="https://herman.bearblog.dev">Herman Martinus</a> (<a href="https://herman.bearblog.dev/feed/">RSS</a>) — <a href="https://benny.bearblog.dev">Benny</a> (<a href="https://benny.bearblog.dev/feed/?type=rss">RSS</a>) — <a href="https://anniemueller.com/">Annie Mueller</a> (<a href="https://anniemueller.com/posts_feed">RSS</a>) — <a href="https://sekhmetdesign.thegeekcartel.com/">SekhmetDesign</a> — <a href="https://glbck.com">Gui</a> (<a href="https://www.glbck.com/feed.rss">RSS</a>) — <a href="https://longest.voyage/">Jamie</a> (<a href="https://longest.voyage/index.xml">RSS</a>) — <a href="https://www.juhaliikala.com/">Juha Liikala</a> (<a href="https://www.juhaliikala.com/rss/">RSS</a>) — <a href="https://alongtheray.com">Ray</a> (<a href="https://alongtheray.com/feed.rss">RSS</a>) — <a href="https://chadmoore.net/">Chad Moore</a> (<a href="https://chadmoore.net/posts_feed">RSS</a>) — <a href="https://ben.wf/">Benjamin Wittorf</a> (<a href="https://ben.wf/feed">RSS</a>) — <a href="https://rkoziel.com/">Radek Kozieł</a> (<a href="https://rkoziel.com/index.xml">RSS</a>) — <a href="https://www.hlplanet.com/">Marcus Richardson</a> — <a href="https://fromemily.com">Emily Moran Barwick</a> (<a href="https://fromemily.com/feed/">RSS</a>) — <a href="https://gosha.net/">Gosha</a> (<a href="https://gosha.net/feed.xml">RSS</a>) — <a href="https://www.manton.org/">Manton Reece</a> (<a href="https://www.manton.org/feed.xml">RSS</a>) — <a href="https://www.sistrall.it/">Silvano Stralla</a> (<a href="https://www.sistrall.it/en/feed.xml">RSS</a>) — <a href="https://benjaminchait.net">Benjamin Chait</a> (<a href="https://benjaminchait.net/feed.xml">RSS</a>) — <a href="https://caiwingfield.net">Cai Wingfield</a> — <a href="https://www.esgeroth.org/log/">Pete</a> (<a href="https://www.esgeroth.org/log/feeds/public">RSS</a>) — <a href="https://www.petemillspaugh.com/">Pete Millspaugh</a> (<a href="https://www.petemillspaugh.com/rss.xml">RSS</a>) — <a href="https://creativwork.org/">Martin Matanovic</a> (<a href="https://creativwork.org/feed">RSS</a>) — <a href="https://www.coincidingnarratives.net">Coinciding Narratives</a> (<a href="https://www.coincidingnarratives.net/feed/">RSS</a>) — <a href="https://arun.is/">Arun Venkatesan</a> (<a href="https://arun.is/rss.xml">RSS</a>) — <a href="https://fourohfour.net">fourohfour.net</a> (<a href="https://fourohfour.net/feed?type=rss">RSS</a>) — <a href="https://kemper.fyi">Jonathan Kemper</a> — <a href="https://www.bookofjoe.com/">Bookofjoe</a> (<a href="https://www.bookofjoe.com/index.rdf">RSS</a>) — <a href="https://marius.ink/">Marius Masalar</a> (<a href="https://marius.ink/feed.atom">RSS</a>) — <a href="https://jimmitchell.org/">Jim Mitchell</a> (<a href="https://jimmitchell.org/feed.xml">RSS</a>) — <a href="https://sjhoward.co.uk/">Simon Howard</a> (<a href="https://sjhoward.co.uk/feed">RSS</a>) — <a href="https://frederickvanbrabant.com/">Frederick Vanbrabant</a> (<a href="https://frederickvanbrabant.com/index.xml">RSS</a>) — <a href="https://thibaultmalfoy.com">Thibault Malfoy</a> (<a href="https://thibaultmalfoy.com/posts_feed">RSS</a>) — <a href="http://www.beradadisini.com/">Beradadisini</a> (<a href="https://beradadisini.com/?format=rss">RSS</a>) — <a href="https://blog.x-way.org">x-way</a> (<a href="https://blog.x-way.org/rss.xml">RSS</a>) — <a href="https://vincentgeoffray.com">Vincent Geoffray</a> — <a href="https://taonaw.com">TAONAW</a> (<a href="https://taonaw.com/feed.xml">RSS</a>) — <a href="https://site.sebasmonia.com">Sebastián Monía</a> (<a href="https://site.sebasmonia.com/feed.xml">RSS</a>) — <a href="https://grubz.net">grubz</a> (<a href="https://grubz.net/feed.xml">RSS</a>) — <a href="https://sals.place/">Sal</a> (<a href="https://sals.place/feed">RSS</a>) — <a href="https://bomburache.com">Bomburache</a> — <a href="https://ericgregorich.blog/">Eric Gregorich</a> (<a href="https://ericgregorich.blog/rss/">RSS</a>) — <a href="https://noahie.xyz">Noahie Valk</a> (<a href="https://noahie.xyz/blog/rss.xml">RSS</a>)</p>
<h2>Want to support P&B?</h2>
<p>If you like this series and want to help it grow, you can:</p>
<ol>
<li><a href="https://ko-fi.com/manuelmoreale">support on Ko-Fi</a>;</li>
<li>post about it on your own blog and let your readers know about its existence;</li>
<li><a href="mailto:hello@manuelmoreale.com">email me</a> comments and feedback on the series;</li>
<li><a href="mailto:email@peopleandblogs.com">suggest a person</a> to interview next. I'm especially interested in people and blogs outside the tech/web bubble.</li>
</ol> <hr>
<p>Thank you for keeping RSS alive. You're awesome.</p>
<p><a href="mailto:hello@manuelmoreale.com">Email me</a> ::
<a href="https://manuelmoreale.com/guestbook">Sign my guestbook</a> ::
<a href="https://ko-fi.com/manuelmoreale">Support for 1$/month</a> ::
<a href="https://manuelmoreale.com/supporters">See my generous supporters</a> ::
<a href="https://buttondown.email/peopleandblogs">Subscribe to People and Blogs</a></p>
Artemis Changelog #7 - James' Coffee Bloghttps://jamesg.blog/2025/09/11/artemis-changelog-7/2025-09-11T22:35:55.000Z
<p><a href="https://artemis.jamesg.blog">Artemis</a>, the calm web reader I maintain, has a few new features. Below is a summary of the features now available to all users.</p><p>Also, I have started a <a href="https://discord.gg/h5zANTaw2V">Discord server for the project</a> in which I can both answer questions and will potentially share some stories of the behind-the-scenes design and engineering that goes in the project. All are welcome.</p><ul><li>You can now set keyword filters that must apply in order for a post to show up in your reader. This is useful if you want to use Artemis to curate information around a particular topic. For example, if you want to follow academic papers that match a specific set of keywords, you can set up an exclusive filter to only see posts that contain one or more keywords of interest. To use this feature, go to your Account Settings, click “Keyword Filters” in the sidebar. If you want to only show posts that contain a keyword, check the new “Do posts need to include this keyword to show up in your reader?” box.</li><li>When you paste an <a href="https://arxiv.org/">Arxiv URL</a> into the Add page, the URL will be transformed into the Arxiv RSS feed URL so you can follow the feed in Artemis.</li><li>Several back-end changes have been made to make the Artemis feed polling process more robust.</li><li>The <a href="https://artemis.jamesg.blog/demo">Artemis demo video</a> now has a transcript.</li><li>Many pages on the Artemis website now have a site footer that links to several important resources, including the <a href="https://artemis.jamesg.blog/privacy">Artemis privacy policy</a>, information on <a href="https://artemis.jamesg.blog/bot">how the Artemis feed fetcher bot works</a>, and <a href="https://artemis.jamesg.blog/acknowledgements">acknowledgements of software and design resources that the project uses</a>.</li><li>A bug that caused password reset emails to not be sent has been fixed.</li></ul><p>If you have any feedback on Artemis, please do let me know! You can email me at readers [at] jamesg [dot] blog. If you would like to try the software, you can sign up with the invite code “coffee”.</p>
Dusted off the Jack Tries Linux blog - Baty.nethttps://baty.net/posts/2025/09/dusted-off-the-jack-tries-linux-blog/2025-09-11T15:25:25.000Z<p>Remember that time I was trying Linux “for real” and even created a blog to write about it? It was more an excuse to play with the clever <a href="https://bssg.dragas.net">BSSG</a> blogging engine, but still.</p>
<p>Well, I’m doing it again. This time with Omarchy, so I dusted off the BSSG blog and pushed a quick update. <a href="https://linux.baty.net/2025/09/but-omarchy/">But, but, Omarchy! | Jack Tries Linux</a>.</p>
<p>Don’t expect much. This usually lasts about 3 days before fizzling out, but it’s always a fun-but-frustrating 3 days.</p>
Designing a new button to visually show and hide alt text - James' Coffee Bloghttps://jamesg.blog/2025/09/11/alt-text-button-design/2025-09-11T13:28:05.000Z
<p>In <a href="https://jamesg.blog/2025/08/17/alt-text-button">Developing an alt text button for images on my website</a>, I wrote about how I made a button for visibly showing and hiding alt text on my website. I enjoy reading alt text. <a href="https://tech.lgbt/@dotjayne/115001457009393204">Alt text is great.</a></p><p>My implementation method used a combination of a HTML checkbox and the CSS <code>:has</code> selector. A <code>div</code> containing the alt text for an image would appear or disappear depending on whether the corresponding checkbox was checked.</p><p>My code had a few limitations. I had to think a lot about how to visually hide the checkbox. Focus styles required a lot of thought and tripped me up a few times as I wrote my code. I also wondered whether a checkbox was the right semantic. In addition, if the CSS didn't load on the page for some reason, the interactivity would be lost. Since writing the blog post, I have wondered: what can I improve?</p><p>I went back to the drawing board with the intent to use the HTML <code>details</code> and <code>summary</code> elements. These elements allow you to show and hide content on a web page natively. With a bit of tinkering, I have a new version of the project, which is <a href="https://github.com/capjamesg/alt-text-button">now in its own open source (MIT-0 licensed) GitHub repository</a>. I have also published the code on a <a href="https://capjamesg.github.io/alt-text-button/">demo web page</a> so you can try the interaction for yourself.</p><p>Here is a demo video showing the new button:</p><video autoplay="" controls="True" loop="" muted="" playsinline="" poster="https://img.spacergif.org/v1/1146x1300/0a/spacer.png" preload="metadata" src="https://editor.jamesg.blog/content/media/2025/09/487687623-670a5b19-0a72-4f80-96db-7870ec32a8c8.mp4" style="background: transparent url('https://editor.jamesg.blog/content/media/2025/09/487687623-670a5b19-0a72-4f80-96db-7870ec32a8c8_thumb.jpg') / cover no-repeat;max-height: 30rem; max-width: 100%;" width="1146"></video><p><em>The button is not yet live on my website, although I hope to move to my new button code soon!</em></p><h2 id="how-the-button-works"><strong>How the button works</strong></h2><p>Below I am going to talk about a few of the styles that make this alt text button work. For all the CSS, refer to the GitHub repository.</p><p>Before styling, I needed a good foundation of semantic HTML. This is the structure upon which my code depends:</p><div class="highlight"><pre><span></span><span class="p"><</span><span class="nt">figure</span><span class="p">></span>
<span class="p"><</span><span class="nt">picture</span><span class="p">></span>
<span class="p"><</span><span class="nt">img</span> <span class="na">alt</span><span class="o">=</span><span class="s">"A supermarket in Berlin with a sign that reads 'freshly made smiles'."</span> <span class="na">loading</span><span class="o">=</span><span class="s">"lazy"</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://jamesg.blog/assets/smiles.avif"</span><span class="p">></span>
<span class="p"></</span><span class="nt">picture</span><span class="p">></span>
<span class="p"><</span><span class="nt">details</span> <span class="na">class</span><span class="o">=</span><span class="s">"alt"</span> <span class="na">aria-label</span><span class="o">=</span><span class="s">"Show or hide the alt text for the image"</span><span class="p">></span>
<span class="p"><</span><span class="nt">summary</span><span class="p">></span>ALT<span class="p"></</span><span class="nt">summary</span><span class="p">></span>
<span class="p"><</span><span class="nt">p</span><span class="p">></span>A supermarket in Berlin with a sign that reads "freshly made smiles".<span class="p"></</span><span class="nt">p</span><span class="p">></span>
<span class="p"></</span><span class="nt">details</span><span class="p">></span>
<span class="p"></</span><span class="nt">figure</span><span class="p">></span>
</pre></div>
<p>By default, the <code>details</code> element is closed. In this state, the <code>ALT</code> button appears in the top left of the image. This is implemented using <code>absolute</code> positioning. The parent <code>figure</code> has a <code>position:relative</code> rule.</p><p>When the details element is opened, the enclosed <code>p</code> tag is displayed. By default, the <code>summary</code> element (which contains the "ALT" label) expands in width when the details element is opened. To get around this, I set the width of the <code>summary</code> to <code>max-content</code>, which ensures that the summary tag stays the same size:</p><div class="highlight"><pre><span></span><span class="nt">figure</span><span class="w"> </span><span class="nt">details</span><span class="o">[</span><span class="nt">open</span><span class="o">]</span><span class="w"> </span><span class="nt">summary</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">width</span><span class="p">:</span><span class="w"> </span><span class="n">max-content</span><span class="p">;</span>
<span class="w"> </span><span class="k">margin-bottom</span><span class="p">:</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="p">;</span>
<span class="w"> </span><span class="k">list-style</span><span class="p">:</span><span class="w"> </span><span class="kc">none</span><span class="p">;</span>
<span class="w"> </span><span class="p">}</span>
</pre></div>
<p>The CSS makes use of the <code>details[open]</code> selector. This lets me apply styles exclusively to a <code>details</code> element that has been opened by the user. I originally used <code>details:open</code>, but that selector doesn't work in Safari at the time of writing this blog post.</p><p>When the details element is opened, its background is set to <code>transparent</code> and its border is removed:</p><div class="highlight"><pre><span></span><span class="nt">figure</span><span class="w"> </span><span class="nt">details</span><span class="o">[</span><span class="nt">open</span><span class="o">]</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="kc">none</span><span class="p">;</span>
<span class="w"> </span><span class="k">background-color</span><span class="p">:</span><span class="w"> </span><span class="kc">transparent</span><span class="w"> </span><span class="cp">!important</span><span class="p">;</span>
<span class="w"> </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">;</span>
<span class="p">}</span>
</pre></div>
<p>Without setting the background colour to be transparent, the whole space that takes up the <code>details</code> element -- which includes the <code>summary</code> -- would have a white background, whereas I want the button and <code>p</code> to be in their own boxes.</p><p>I style the <code>summary</code> and <code>p</code> tags as their own boxes with this code:</p><div class="highlight"><pre><span></span><span class="nt">figure</span><span class="w"> </span><span class="nt">details</span><span class="o">[</span><span class="nt">open</span><span class="o">]</span><span class="w"> </span><span class="nt">p</span><span class="o">,</span><span class="w"> </span><span class="nt">figure</span><span class="w"> </span><span class="nt">details</span><span class="o">[</span><span class="nt">open</span><span class="o">]</span><span class="w"> </span><span class="nt">summary</span><span class="w"> </span><span class="p">{</span>
<span class="w"> </span><span class="k">border-radius</span><span class="p">:</span><span class="w"> </span><span class="nf">var</span><span class="p">(</span><span class="nv">--border-radius</span><span class="p">);</span>
<span class="w"> </span><span class="k">border</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="kt">px</span><span class="w"> </span><span class="kc">solid</span><span class="w"> </span><span class="mh">#ccc</span><span class="p">;</span>
<span class="w"> </span><span class="k">padding</span><span class="p">:</span><span class="w"> </span><span class="mf">0.25</span><span class="kt">rem</span><span class="w"> </span><span class="mf">0.5</span><span class="kt">rem</span><span class="p">;</span>
<span class="w"> </span><span class="k">color</span><span class="p">:</span><span class="w"> </span><span class="kc">black</span><span class="p">;</span>
<span class="p">}</span>
</pre></div>
<p>In designing this system, I wanted to make sure it was accessible. A big part of this was ensuring the system works well with a keyboard. The <code>details</code> element is already accessible (yay for semantic HTML!) but I wanted to add my own more visible focus styles. I like having a black background and yellow text: a colour combination that contrasts well and also stands out.</p><p>When a <code>summary</code> is focused, its parent <code>details</code> is assigned a black background and the summary text is set to yellow. This makes the keyboard focus clear as a user navigates through the page.</p><h2 id="conclusion,-and-what's-next"><strong>Conclusion, and what's next</strong></h2><p>With my new code, I am using the details and summary element, which I think is more semantically appropriate. I have also moved the code into an open source repository.</p><p>If you have ideas on how my code can be improved or made more concise, please file a contribution on GitHub, or email me at readers [at] jamesg [dot] blog.</p><p>The code is licensed under an MIT-0 license, which gives you the right to use, copy, modify, publish, and distribute the software as you want. I chose this license because I want this project to be as easy for other people to include in their websites as possible.</p><p>If you end up using the alt text button, let me know!</p>
Collaborative web weaving - James' Coffee Bloghttps://jamesg.blog/2025/09/11/collaborative-web-weaving-coding/2025-09-11T09:18:45.000Z
<p>At this week’s Homebrew Website Club, I was introduced to the <a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare">Live Share</a> extension developed by Microsoft for Visual Studio Code. The extension lets you start a collaborative editing session to which you can invite others.</p><p>Excited to learn that this extension exists, and curious to see what collaborative features were available, I installed it and started a session from a folder I had open with a few HTML files. The extension gave me a link that people could use to join my live sharing session from their Visual Studio Code interfaces. I shared the link.</p><p>Five of us started collaborating in real-time on a web page.</p><p>Using a HTML file I had already started, we made our own changes. Without direction, everyone added whatever came to mind. One person added an animation that changed the font on the page every few seconds. From that experiment, we all learned that you can use CSS keyframes to create animations to change fonts. Another collaborator wrote a story. Someone put the whole page into a <code>marquee</code> tag. Someone made a strobing “rainbow” mode that changed the background of various elements.</p><p>Here is a screenshot from part of our web page:</p><img alt="" class="kg-image" loading="lazy" sizes="(min-width: 720px) 720px" src="https://editor.jamesg.blog/content/images/2025/09/live-1.png" srcset="https://editor.jamesg.blog/content/images/size/w600/2025/09/live-1.png 600w, https://editor.jamesg.blog/content/images/size/w1000/2025/09/live-1.png 1000w, https://editor.jamesg.blog/content/images/size/w1600/2025/09/live-1.png 1600w, https://editor.jamesg.blog/content/images/2025/09/live-1.png 2356w"/><p>The resulting page was a bit chaotic, but it was <em>so fun</em> to make. We had no prompt. We, like musicians, riffed. We played. As <a href="https://ragt.ag">Angelo</a>, who actively experiments with collaboration on his website, would say: <em>we’re doing it live.</em></p><p>In our HTML document, we wrote code and stories. We asked how each other’s code worked. We debugged code. We made something that wouldn’t have existed without the collaborative session.</p><p>Joe, one of the people in the session, published the code from our web page which includes attribution and a button to toggle the “rainbow” mode (which is off by default, and should only be toggled if you are not sensitive to strobing light effects). <a href="https://smorgasborg.artlung.com/hwc-2025-09-10-eu/" rel="noreferrer">You can view the page we made on Joe's website.</a> <a href="https://jamesg.blog/hwc-demo.html" rel="noreferrer">You can also view my archive on my website.</a></p><p>With the Live Share extension, the cursor position of every author in the document was visible to everyone else. This meant we could follow along as everyone wrote in the document. There was also a feature to follow someone as they code so your view changes as they navigate the code. I couldn’t figure out how to toggle this; it was on by default for me. This feature would be especially useful for instructional discussions where someone walks through a codebase before another collaborator contributes.</p><p>There was also a chat interface that showed when people joined or left the session, and in which we could chat. This was a useful auxiliary space to communicate (read: check if everything is working, then tell jokes) while we wrote code.</p><p>One limitation with the setup is that we think it required participants to have Visual Studio Code installed on their computer. The web version didn’t seem to support the collaborative extension (although maybe it does and we didn’t figure it out). I would love to see a web-native version of this technology where I could create a space to code, share a link, and invite others to contribute. Like Etherpad, but for code. It would be even better if I could self-host this and invite people with a password.</p><p>I would love to author more HTML documents in real-time! Making HTML documents with friends feels like it is truly of the spirit of the web: fun, playful, and with an output that you can share.</p>
30 collaborative things you can do on the web - James' Coffee Bloghttps://jamesg.blog/2025/09/10/collaborative-web-activities/2025-09-10T21:33:45.000Z
<p>In <a href="https://jamesg.blog/2024/02/19/personal-website-ideas">100 things you can do on your personal website</a>, I shared ideas for what you can do with your website. Most of them were ideas that can be worked on yourself. With that said, I find myself increasingly delighted by the collaborative spirit of the web.</p><p>Indeed, one of the wonders of the web is that we can make something that we can share with others. We can author a blog post – whether a story, a poem, a tutorial – and publish it for people to read. The post may inspire someone to write. We can make websites together. We can build wikis. When we share a web page, someone might ask “how does that work?” and peek under the source code and learn a new skill.</p><p>This has me thinking: what can we do on a website that involves both our selves and someone else? With that question in mind, I have made a list of 30 activities you can do collaboratively on the web:</p><ol><li>Help a friend create their first website! There are many indie tools out there that are approachable. <a href="https://omg.lol">omg.lol</a> looks especially wonderful.</li><li>Write a blog post, a poem, a story, or something else with someone else in real-time that you can publish on the web if you want. You could create a Google Doc or an Etherpad or use another tool and write a blog post. You can use any writing prompt you like. One fun anchor for choosing a prompt is something open-ended. For example, I have written collaboratively about the topic of gardening. This is something we both knew we could find some angle to write about. If we got stuck, we could ask each other for help!</li><li>Write a blog post asynchronously with someone, with a writing prompt. For example, a friend and I each suggested paintings for each other to write about. We each wrote on our own time, then combined the results and published them on each other’s blogs.</li><li>Create a list of links that are relevant to something you and your collaborator know a lot about.</li><li>Start a blank HTML document and work on it with a friend in person.</li><li>Help a friend add a feature they want to add to their website.</li><li>Use real-time collaboration software like the <a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare" rel="noreferrer">Live Share extension in Visual Studio Code</a> to collaborate with multiple people on the same HTML document. Make a web page in real time online!</li><li>Draw a design for a web page on paper with a friend. Discuss how you might build it.</li><li>Not in the same room as a friend? Use a virtual white boarding tool to scaffold a web page.</li><li>Create cut-out versions of HTML elements and assemble a page with a friend on a table or the floor.</li><li>Create a “mashup” post where you and your collaborator both take excerpts from things you have already written and combine them together.</li><li>Make a photo gallery web page that lists photos. Maybe you can take turns to each pick a photo.</li><li>Invite a friend to contribute a post to your blog. Maybe the post could be about a theme you have explored on your website in the past.</li><li>Make a web page just for you and your friend that you don’t intend to share with others. Let the knowledge that the web page is just for you encourage you to make whatever you want!</li><li>Create a fan site for an interest you have in common with your friend.</li><li>Contribute to a community wiki!</li><li>Create a website for a community you are in, with the community. For example, if you participate in a club like a zine library, you could ask if you could all design and make a website for the club together.</li><li>Start a collaborative blog where multiple friends can contribute to the blog. <em>See also: </em><a href="https://thehistoryoftheweb.com/do-blogs-need-to-be-so-lonely/"><em>Do blogs need to be so lonely?</em></a></li><li>Participate in a <a href="https://indieweb.org/blog_carnival">blog carnival</a>, like the <a href="https://indieweb.org/IndieWeb_Carnival">IndieWeb Carnival</a> or the IndieWeb Movie Club. (Or start one for a community that you are in! Swiftie blog carnival, anyone? CSS Carnival?)</li><li>Ask a friend to review a draft of a blog post that you think they would have insights on.</li><li>When a friend says something you’d love to read more about, ask if they would want to write a blog post on the topic!</li><li>Study HTML and CSS with a friend. <a href="https://indieweb.org/Front_End_Study_Hall">Front-End Study Hall</a> is a good place to learn and ask questions about something you want to build with HTML/CSS that you don’t know how to build or want to discuss.</li><li>Choose a lesser-known HTML element. Ask a friend to try to use it in their next web page.</li><li>Choose a CSS rule or technique. Ask a friend to try to use it in their next web page. Share a link that would be helpful for them as they get started.</li><li>When they happen, <a href="https://html.energy/html-day/2025/">participate in HTML day</a>. Spend time after the event looking at what others made!</li><li>Participate in a <a href="https://32bit.cafe/updates/">32-Bit Cafe Code Jam</a>, where a prompt is chosen around which people are invited to make a web page. At the end of the code jam, everyone’s pages are grouped onto a single web page.</li><li>Start an interview series! I used to interview <a href="https://jamesg.blog/coffee-interviews">Scottish coffee professionals</a> and <a href="https://jamesg.blog/technical-writing-interviews">technical writers</a> on this blog.</li><li>Join a web weaving meetup like the <a href="https://discourse.32bit.cafe/t/web-weaving-workshop-9-july/3075">32-Bit Cafe’s Webweaving Workshops</a> (join the Discord to stay up to date) or an <a href="https://events.indieweb.org">IndieWeb</a> meetup. In both meet-ups, you can listen to cool demos, share what you’re working on, and ask questions about the web!</li><li>Submit an entry to a magazine that publishes on the web, like the <a href="https://goodinternetmagazine.com">Good Internet Magazine</a>.</li><li>Make a web page that others can contribute to. For example, you could make a web page that lists URLs on a specific topic, and have a form that lets other people submit a link for consideration. <a href="https://url.town/">url.town</a> is a great example. I would love an “indie web sticker club” site to exist where people who make stickers related to the web can share them with others, with links to purchase stickers.</li><li>Ask a friend to prepare some questions for you to answer on your website.</li><li>Tell a friend that you’re happy to review one of their blog posts if they would like feedback or a proof read.</li><li>Say thank you to someone whose blog post you enjoyed or whose website you appreciate!</li></ol><p>Wait, that’s 31 ideas? Unlike in my first <a href="https://jamesg.blog/2024/02/19/personal-website-ideas">website ideas post</a>, I have <em>exceeded</em> the number of ideas! Well, almost. I started out wanting to write 100 ideas, but I think I need more time to get to that number. I don’t have 100 ideas that fit that category yet, and I don’t want to push myself. I want my list to include either things I have done or that excite me and that I may want to do soon. I need to play more with friends on the web. I need – and want – to experiment more.</p><p>Do you have an idea that involves making web pages with friends? I encourage you to bring the idea to fruition! Reach out to your friend or community or family and make something. It doesn’t have to be perfect. It doesn’t have to be polished. It doesn't have to be complete. The most important thing is that you made it with someone. Indeed, some of the most fun things I have made on the web have started with a friend and the question “does the <code>marquee</code> tag still work?”</p><p>There are so many things you can do on the web! I hope the list above encourages you to think about things you can make with others. If you make something, let me know via email at readers [at] jamesg [dot] blog! And if you have more ideas, share them on your website!</p>
<!--kg-card-begin: html-->
<a class="u-syndication" href="https://news.indieweb.org/en">Also posted on IndieNews.</a>
<!--kg-card-end: html-->
Whimsy - James' Coffee Bloghttps://jamesg.blog/2025/09/10/whimsy/2025-09-10T17:40:50.000Z
<p>Sometimes you need to make a web page about an air fryer. At least, this was the intution underlying my musing <em>Maybe I should start an air fryer blog.</em> in a Discord of which I am a member. It all started with a discussion about dinner and then website talk ensued.</p><p>With my dinner ready, I walked through to the other room and prepared (or, should I say, cooked up) a new website: <a href="https://air-fryer.jamesg.blog">air-fryer.jamesg.blog</a>.</p><p>The website features an air fryer that I like. I don't own this air fryer, but if I'm ever looking for a two-drawer air fryer the one pictured will be the one I buy.</p><p>I am reminded of a quote from my favourite movie, listed on my <a href="https://editor.jamesg.blog/quotes">quotes page</a>, from my favourite movie, Tomorrowland:</p><blockquote>Nix: How would your jet pack make the world a better place?<br/><br/>Young Frank Walker: Can't it just be fun?</blockquote><p><em>On the topic of whimsy, but on a slight tangent, I highly recommend reading Sara Joy's slides from her presentation at State of the Browser 2025 for her talk "</em><a href="https://slides.sarajoy.dev/whimsica11y/sotb2025" rel="noreferrer"><em>Whimsica11y</em></a><em>". The slides – and talk – encourage us to consider: how do we bring the whimsy of the web to everyone? I wonder how I could do this with my air fryer website.</em></p>
On em dashes - Manuel Moreale RSS Feedhttps://manuelmoreale.com/@/page/mCYSKqLoL807QFXN2025-09-10T16:35:00.000Z
<p>Stumbled on <a href="https://tadaima.bearblog.dev/bye-bye-em-dash/">this post</a> a moment ago—on a lovely colourful blog, I might add—and I have thoughts on the subject:</p>
<blockquote>
<p>I'm low-key mad about this! So we just can't use em dashes anymore? We let the machines take them from us?? And we didn't even put up a fight or anything??? </p>
<p>Although I'm frustrated, I promise from now on to no longer use em dashes and keep my heavy italics usage to a minimum as well. I don't want anyone to think I use AI. (I mean, I do use AI to research stuff, but not to write.) It just sucks because I feel like from now on there will always be this bubbling paranoia over writing that no writer will ever be able to avoid. I'm genuinely a pro-technology, "embrace the future but let's make it better"-type of person, but I'm wary of the "new normal" this precedent sends.</p>
<p>But whatever. You win, AI. You can have your stupid em dashes.</p>
</blockquote>
<p>No you can't have them. Yes, we can still use em dashes. And no, I’m not going to stop using them because fucking chatgpt is abusing them. What if they tweak the instructions next week and tell it to use more full stops or commas? What are we gonna do then? Stop using those as well? Hell no. I’ll keep writing however I want, and if someone decides to stop reading what I write because they suspect it’s AI-generated because I use too many em dashes, or parentheses, or any other punctuation or word or whatever, well, good riddance. I’m not gonna miss you.</p> <hr>
<p>Thank you for keeping RSS alive. You're awesome.</p>
<p><a href="mailto:hello@manuelmoreale.com">Email me</a> ::
<a href="https://manuelmoreale.com/guestbook">Sign my guestbook</a> ::
<a href="https://ko-fi.com/manuelmoreale">Support for 1$/month</a> ::
<a href="https://manuelmoreale.com/supporters">See my generous supporters</a> ::
<a href="https://buttondown.email/peopleandblogs">Subscribe to People and Blogs</a></p>
Blogs don’t need to be so lonely - Manuel Moreale RSS Feedhttps://manuelmoreale.com/@/page/nhfvdL0RbbFcxImK2025-09-06T06:35:00.000Z
<p>While clicking through my RSS feeds, I found my way to Jay’s post titled “<a href="https://thehistoryoftheweb.com/do-blogs-need-to-be-so-lonely/">Do blogs need to be so lonely?</a>”. It’s an interesting post, especially interesting for me since I love blogs. Betteridge's law of headlines tells us that the answer to the question Jay is posing is “no”, but I think it’s worth expanding on why I think that’s not the case.</p>
<blockquote>
<p>Do blogs, like this one I’m writing in now, need to be so lonely? Not always, but sometimes, I feel like I’m shouting into the void. I’m picturing something relatively simple. Something like a group blog, or a blog co-op. A group of internet friends posting together, without too much oversight or coordination between them.</p>
</blockquote>
<p>So, I don’t have anything against the idea of group blogging or a blog co-op, but I don’t think that will address the initial problem Jay’s flagging, that sensation of shouting into a void. I guess shouting into a void with a few friends is better than doing it by yourself, but the end result is still the same. And unless by group blog he means <em>writing</em> posts together and not just <em>posting them</em> on the same site, then I don’t think the situation would change much.</p>
<p>The second part of that quote is the one I find the most interesting and the one I can’t stop smiling at every time I think about it.</p>
<blockquote>
<p>A group of internet friends posting together, without too much oversight or coordination between them.</p>
</blockquote>
<p>I can’t stop smiling because we already have this. It’s what people used to call the <a href="https://en.wikipedia.org/wiki/Blogosphere">blogosphere</a>. There are already potentially millions of people out there, posting together, without much oversight or coordination between them. I have interviewed one hundred and six of them for <a href="https://peopleandblogs.com">People and Blogs</a> (which, btw, is a collaborative blogging project) and there are almost a thousand collected on the <a href="https://blogroll.org">blogroll</a>.</p>
<p>A lot of them I consider internet friends. I follow what they’re up to thanks to their blogs, and I occasionally send them emails, precisely to address the “shouting into the void” nature of blogging. And it’s working wonderfully.</p>
<p>I think we have all the tools we need to address the issue Jay’s flagging in his post. Now we just need to actually do it. I think it comes down to linking more to what other people are writing, posting more replies to other people’s posts, and putting some effort into connecting directly with the author when we stumble on a piece of writing that resonates with us.</p>
<hr />
<blockquote>
<p>So why not collaborative blogging? Why not groups of people coming together to create personal blogs? Something less formal than a journalist collective, but more communal than a personal blog. Blogging collectively opens us up to a new kind of content, one in which members of the blog are in conversation with one another in a way that’s comfortable and unique.</p>
</blockquote>
<p>This is already happening; it doesn’t need to be invented. In his piece, Jay quoted <a href="https://www.thisdaysportion.com/posts/blogging-collectively/">Leon’s post</a>. I have now mentioned and linked to both of them in mine. They’ll be free to respond on their blogs if they want to keep the conversation going, and anybody else is welcome to join.</p>
<p>Your blog doesn’t have to be lonely. But at the same time, you can’t expect it not to be that way without effort. So if you care, then put some effort into this. Trust me, it’s worth it.</p> <hr>
<p>Thank you for keeping RSS alive. You're awesome.</p>
<p><a href="mailto:hello@manuelmoreale.com">Email me</a> ::
<a href="https://manuelmoreale.com/guestbook">Sign my guestbook</a> ::
<a href="https://ko-fi.com/manuelmoreale">Support for 1$/month</a> ::
<a href="https://manuelmoreale.com/supporters">See my generous supporters</a> ::
<a href="https://buttondown.email/peopleandblogs">Subscribe to People and Blogs</a></p>
Sansui AU-6900 Integrated Amplifier - Baty.nethttps://baty.net/posts/2025/09/sansui-au-6900-integrated-amplifier/2025-09-05T15:37:40.000Z<p>A few weeks ago I swapped an unused turntable and receiver for a nice Nakamichi cassette deck. I paid a little too much in the deal, but I got rid of stuff I wasn’t using and gained something I wanted, so it was fair enough.</p>
<p>Playing with the old cassette deck got me charged up about vintage audio. I was suddenly bored by the Rega Brio3 (2007), which I bought new. It paled next to some of the cool vintage stuff on display at the new vintage audio store near me, <a href="https://www.bringbackanalog.com/">Bring Back Analog</a>. Plus, the Brio didn’t have a headphone jack, which always bothered me. Besides, something from 2007 isn’t “vintage”, it’s just old. So I started shopping.</p>
<p>I traded the Rega and some cash for a shiny new (to me) Sansui AU-6900 from 1976. It’s been playing non-stop since I brought it home. I’m no audiophile, but I love it. It sounds great, and looks gorgeous. I’m a sucker for big, shiny knobs and the Sansui has big, shiny knobs.</p>
<p>Something cool about it is that the rear jacks are situated horizontally. This makes them easier to reach and presumably has other positive effects. I wonder why we don’t see more of that.</p>
<p><img alt="Sansui rear view, via Maxx Audio" loading="lazy" src="/posts/2025/09/sansui-au-6900-integrated-amplifier/sansui-rear.jpg"></p>
<p>There’s something about listening to beautiful devices made half a century ago. They may not objectively sound better, but they definitely feel like they sound better.</p>
I guess they did not, in fact, make it - Manuel Moreale RSS Feedhttps://manuelmoreale.com/@/page/s1eUw4RtZRouDkwK2025-09-05T14:50:00.000Z
<p>Back in March 2024, The Browser Company—a name I still find hilarious, all these years later—published a website called “<a href="https://wemightnotmakeit.tv">We Might Not Make It</a>”. They described it as:</p>
<blockquote>
<p>A limited series that breaks down the top 5 reasons our company might not make it to next year. (And why we think we can.)</p>
</blockquote>
<p>The plan was to release a 5-part video series. Quite ironically, considering the name, they stopped at video number two and the whole project was quickly abandoned. The three remaining videos that were planned were:</p>
<ul>
<li>We ruin the internet</li>
<li>We listen to our members</li>
<li>We can’t make money</li>
</ul>
<p>The first one is not even worth talking about. This was a company that was so small to the point of being insignificant in the context of the whole web, so there was no risk of them ruining anything. The other two points, though, those are quite funny to look at in retrospect. Many people loved Arc, but it was quickly abandoned when everyone and their moms pivoted to AI. A move that surprised literally nobody. And it was also not surprising to read the news that The Browser Company got acquired because they couldn’t, in fact, make money, and so the only two options were either shut everything down or get acquired. This is a story we’ve all seen a million times in the tech world: someone makes a nice product using VC money, a product that has zero chance of being commercially viable because it has no business model. They promise the moon, only to then turn their back on their user base and sell everything as soon as someone makes a decent offer.</p>
<p>And, like literally every other company that gets acquired, they promised that they “will operate independently”. If you believe that, I have a bridge to sell you. I honestly doubt the whole team will still exist in 12 months. I guess we’ll see.</p>
<p>I was never an Arc user, and you won’t be surprised to know I couldn’t give less of a fuck about Dia because the last thing I want is to spend time chatting with my browser. But, if you were an Arc user, maybe give <a href="https://zen-browser.app/">Zen Browser</a> a try? I heard it’s quite good.</p>
<p>And, since we’re talking browsers here, I won’t miss the chance to mention the <a href="https://ladybird.org/">Ladybird project</a> since they’re <em>actually</em> making a new browser, which is so awesome to see in 2025.</p> <hr>
<p>Thank you for keeping RSS alive. You're awesome.</p>
<p><a href="mailto:hello@manuelmoreale.com">Email me</a> ::
<a href="https://manuelmoreale.com/guestbook">Sign my guestbook</a> ::
<a href="https://ko-fi.com/manuelmoreale">Support for 1$/month</a> ::
<a href="https://manuelmoreale.com/supporters">See my generous supporters</a> ::
<a href="https://buttondown.email/peopleandblogs">Subscribe to People and Blogs</a></p>
P&B: Louie Mantia - Manuel Moreale RSS Feedhttps://manuelmoreale.com/@/page/z6tknoNGfeivDspT2025-09-05T11:00:00.000Z
<p>This is the 106th edition of <em>People and Blogs</em>, the series where I ask interesting people to talk about themselves and their blogs. Today we have Louie Mantia and his blog, <a href="https://lmnt.me">lmnt.me</a></p>
<p>To follow this series <a href="https://peopleandblogs.com">subscribe to the newsletter</a>. A new interview will land in your inbox every Friday. Not a fan of newsletters? No problem! You can read the interviews here on the blog or you can subscribe to the <a href="https://manuelmoreale.com/feed">RSS feed</a>.</p>
<p>If you're enjoying the People and Blogs series and you want to see it grow, consider supporting on <a href="https://ko-fi.com/manuelmoreale">Ko-Fi</a>.</p>
<hr />
<h2>Let's start from the basics: can you introduce yourself?</h2>
<p>My name is Louie Mantia. I grew up in St. Louis Missouri, and have lived in California, North Carolina, and Oregon, before moving to Japan a couple years ago. I started using the Internet in the late nineties (when I was about 9 or 10 years old), chatting with AOL Instant Messenger and learning about what my computer can do. Stemming from a desire to customize the appearance of my PC—and later, my Mac—I frequented forums and communities like DeviantArt, AquaSoft, and MacThemes.</p>
<p>As a result of that interest and influence, I’m an artist and designer who primarily makes icons for software. For fun, I design fonts, create playing cards, and write for my blog.</p>
<h2>What's the story behind your blog?</h2>
<p>I published my first website and blog on April 16, 2004. I was fifteen years old. I was proud to have it run “on PHP” though I barely knew what that meant. I kinda still don’t. But I could post somewhere that was entirely my own rather than just to forums.</p>
<p>At some point in 2005, I started using Wordpress (1.5). At this time, due to my age, the topics on my blog were fairly juvenile. But the more art I made, the more I shifted the focus of my website to be a more of a gallery and less of a blog.</p>
<p>However, in October 2008, I moved my website to <a href="http://mantia.me/"><strong>mantia.me</strong></a> and began “seriously” blogging about icons, Apple, and early iPhone app design conundrums.</p>
<p>With new social media like Twitter taking attention away from blogs, I moved my artwork to a new website called <strong>Louieland</strong> in 2015, and hosted one-off blog posts seldomly, without an RSS feed. For entirely novel purposes, I changed the website again to <strong>LouieWorld</strong> in 2020, though it admittedly didn’t have a blog at all, because starting in 2016 I had been posting to Medium.</p>
<p>In late 2022, I had been frustrated with what the web had become. I lamented posting so much to websites I did not control like Twitter and Medium. In November that year, I made an RSS feed with a single HTML page (no CSS!) for the only post I wrote: <a href="https://lmnt.me/blog/teenage-web.html"><em>The Teenage Web</em></a>. There was no index page. It was all hosted on a domain I had owned for a very long time, as a personal short-URL, <a href="http://lmnt.me/"><strong>lmnt.me</strong></a>. I directed people to the feed, wrote a few more posts, and started creating index pages and CSS.</p>
<p>Since November 2022, I have written over 300 new blog posts on LMNT. I have also rescued most of my old blog posts from previous iterations of my blog, from Medium, and even salvaged some text from Twitter threads, integrating all of them into my blog.</p>
<p>I have made it somewhat of a <a href="https://lmnt.me/blog/web-independence.html">personal mission</a> to ensure everything I post publicly is done on <a href="https://lmnt.me/blog/make-a-damn-website.html">my website</a> first, and moving as much as I can from third-party sites to my own.</p>
<h2>What does your creative process look like when it comes to blogging?</h2>
<p>Rather embarrassingly, most of my blog posts start when I fire up Mastodon to type out a banger. When I manage to catch myself doing it, I cut the contents of the post and paste them into note file, and continue writing. If I don’t catch myself until I’ve written a thread, I might copy out all the posts into a note file and delete the posts, the continue writing if necessary. Old habits die hard.</p>
<p>Other times, I’m walking around and text myself a one-liner about something I know I want to write about. Or I record a quick voice memo. Sometimes those end up as long, thoughtful posts. They could end up as nothing.</p>
<p>I do have a little graveyard of posts that didn’t quite make it in my notes. Perhaps if one of those themes comes up again, I’ll have something to start with.</p>
<h2>Do you have an ideal creative environment? Also do you believe the physical space influences your creativity?</h2>
<p>For blogging, the local café is my most productive environment. It doesn’t just provide the right mix of “café noise” that facilitates the writing, but it also directly inspires things I write about. It was also partially responsible in introducing a <a href="https://lmnt.me/blog/one-time.html">chat-format</a> to <a href="https://lmnt.me/blog/pastrami-pork.html">some blog posts</a>.</p>
<p>In my life, I’ve gone back and forth between being a one-computer and two-computer person. But now I’m living a <a href="https://lmnt.me/blog/photos/macbook-stickers.html">laptop</a>-only life, really embracing the portability, writing at the café. I’m doing it now!</p>
<h2>A question for the techie readers: can you run us through your tech stack?</h2>
<p>I suspect this will either be the most- or least-satisfying answer, depending on the reader. I don’t use a CMS of any kind. I create new pages manually, update indexes manually, upload files via FTP …all manually. I edit the XML for my RSS feed manually. At times, it can be rather unforgiving. The downside is that I’m the only person to blame when something goes wrong. The upside is that my website is ultra portable.</p>
<p>These were all deliberate choices, to avoid dependence on any service. I don’t have to rely on much else besides the FTP connection to a server.</p>
<p>The site is made with only HTML and CSS that I <a href="https://lmnt.me/blog/why-by-hand.html">write</a> myself, so when I need to change something like the header or footer, I find-and-replace across hundreds of files. To me, this is <a href="https://lmnt.me/blog/how-to-make-a-damn-website.html">much easier</a> than wrangling with services and dependencies I do not control, which could be deprecated at any time, or could change direction, politics, or price.</p>
<p>When a new post reaches some undefined level of merit, I duplicate a template HTML file for the category it belongs in, move the text into that file, and finish writing and formatting the post in HTML, manually wrapping paragraphs and links.</p>
<h2>Given your experience, if you were to start a blog today, would you do anything differently?</h2>
<p>The current version of my blog started in 2022, and my mindset hasn’t changed too much since then. I like the name. I like the structure. It’s proven to work beyond just LMNT too. The same structure and style is used on <a href="https://grafera.zone/"><strong>grafera.zone</strong></a> and my side-blog, <a href="http://nandakke.jp/"><strong>nandakke.jp</strong></a>.</p>
<p>I made a couple painful changes early on that would’ve been nice to avoid. I changed the blog directory from /post/ to /blog/. I also changed the UIDs in the RSS feed from URLs to proper UID strings, realizing that while URLs can change, but UIDs should not.</p>
<p>Understanding everything about the scope of my blog today, I still don’t think I would use a CMS to manage it all. It might have to be self-built to meet the expectations I have, but I doubt I’d have the patience to do it.</p>
<h2>Financial question since the Web is obsessed with money: how much does it cost to run your blog? Is it just a cost, or does it generate some revenue? And what's your position on people monetising personal blogs?</h2>
<p>It costs $30 every month to host my blog. That includes hosting for <strong>all</strong> of my websites, including <a href="https://parakeet.co/">Parakeet</a>, <a href="https://www.junior.cards/">Junior</a>, <a href="https://crowntype.com/">Crown</a>, <a href="https://kadomaru.app/">Kadomaru</a>, <a href="http://mantia.me/">Mantia.me</a>, <a href="https://nandakke.jp/">Nandakke</a>, and Luka’s site, <a href="https://grafera.zone/">GraferaZone</a>. Thirty dollars a month is such a reasonable price to pay for this kind of publishing power.</p>
<p>I don’t post to my blog for the purpose of generating income. I post because—innately—I have to. However, I do accept <a href="https://lmnt.me/gratuity/">donations</a>, which I interpret as appreciation for what I’ve posted as well as encouragement to continue posting. The donations I receive usually pay for the hosting cost. I don’t want to charge for things I’m able to provide at no cost, though I do sell <a href="https://lmnt.me/shop/">playing cards, fonts, and t-shirts</a>, due the costs to produce those things.</p>
<p>Forming a reliance on income from a blog could potentially alter the authenticity of it. At least, I fear it would for me. I’d be scared that the money would influence too much of what I post or how often I post. I can’t hold it against anyone who wants to try to make money where they can. But for me, it’s squarely a hobby.</p>
<p>Generally speaking, the blogs I follow are ones that aren’t trying to actively monetize, and might not even accept donations. They don’t have paywalls. If they make and sell something, I may buy those things. But the best blogs for me are the ones that do it for the love of it, not because it’s a way for them to make money.</p>
<h2>Time for some recommendations: any blog you think is worth checking out? And also, who do you think I should be interviewing next?</h2>
<p>Some of my favorite blogs are <a href="https://andreasdeja.blogspot.com/"><em>Deja View</em></a> from Andreas Deja, <a href="https://waxy.org/"><em>Waxy</em></a> from Andy Baio, and the <a href="https://ohnotype.co/blog"><em>Ohno Blog</em></a> from James Edmonson and friends.</p>
<p>Andreas is a former Disney animator responsible for some top-tier characters: King Triton, Jafar, Scar, and Hercules. I don’t just admire his own work, but I love that he uses his blog primarily to gush about <strong>other</strong> artists.</p>
<p>Andy has been writing his blog since 2002. He’s one of the earliest linkbloggers, which is crazy to think about. He manages to discover the very best of the web before anyone else. He’s really attuned to what’s happening across the Internet.</p>
<p>James is an independent type designer who writes in-depth process posts about each of his foundry’s fonts, hosts a podcast with other type designers, and teaches us all how to draw each letter of the alphabet.</p>
<p>What I love about all three of these people is that they use their blogs to highlight other people doing cool things. Accomplished in their own right, they use their blogging time to appreciate the world around them and bring what they love to everyone else’s attention.</p>
<h2>Final question: is there anything you want to share with us?</h2>
<p>If there’s just one thing of my own to share, it’s <a href="https://lmnt.me/blog/make-a-damn-website.html"><em>Make a Damn Website</em></a>. I believe anyone who doesn’t have a website should try making the simplest one they can. <a href="https://lmnt.me/blog/how-to-make-a-damn-website.html">It’s not that tough.</a></p>
<p>Links to my own things:</p>
<ul>
<li><a href="https://lmnt.me/">LMNT</a>, my blog</li>
<li><a href="https://nandakke.jp/">Nandakke</a>, my “Japanese” blog</li>
<li><a href="https://crowntype.com/womprat/dune-sea-special/">Womprat</a>, a 4000-character Star Wars font</li>
<li><a href="https://www.junior.cards/junior-hanafuda/">Junior Hanafuda</a>, an interpretation of Japanese flower cards</li>
<li><a href="https://parakeet.co/">Parakeet</a>, my design studio collaboration with Luka Grafera</li>
<li><a href="https://pdx.social/@louie">Me on Mastodon</a></li>
</ul>
<p>A few links to other websites and tools I love:</p>
<ul>
<li><a href="https://guidebookgallery.org/"><em>Guidebook</em></a>, an incredible resource for historical UI design</li>
<li><a href="https://tofu.tools/"><em>Tofu</em></a>, a CJK character comparison tool</li>
<li><a href="http://kenichi27.com/">kenichi27.com</a>, an extremely fun website from my friend Kenichi</li>
<li><a href="https://mjtsai.com/blog/">Michael Tsai’s blog</a>, with great industry commentary about Apple operating systems</li>
</ul>
<hr />
<p>This was the 106th edition of <em>People and Blogs</em>. Hope you enjoyed this interview with Louie. Make sure to <a href="https://lmnt.me">follow his blog</a> (<a href="https://lmnt.me/feed.xml">RSS</a>) and get in touch with him if you have any questions.</p>
<h2>Awesome supporters</h2>
<p>You can support this series on <a href="https://ko-fi.com/manuelmoreale">Ko-Fi</a> and all supporters will be listed here as well as on the <a href="https://peopleandblogs.com">official site</a> of the newsletter.</p>
<p><a href="https://www.thingelstad.com">Jamie Thingelstad</a> (<a href="https://www.thingelstad.com/feed.xml">RSS</a>) — <a href="https://some.studio">Piet Terheyden</a> — Eleonora — <a href="https://carlbarenbrug.com">Carl Barenbrug</a> (<a href="https://carlbarenbrug.com/feed/rss">RSS</a>) — <a href="https://tangiblelife.net">Steve Ledlow</a> (<a href="https://tangiblelife.net/feed.rss">RSS</a>) — <a href="https://www.feadin.eu">Paolo Ruggeri</a> (<a href="https://www.feadin.eu/en/posts/index.xml">RSS</a>) — <a href="https://thejollyteapot.com">Nicolas Magand</a> (<a href="https://thejollyteapot.com/feed.rss">RSS</a>) — <a href="https://robhope.com">Rob Hope</a> — <a href="https://chrishannah.me">Chris Hannah</a> (<a href="https://chrishannah.me/index.xml">RSS</a>) — <a href="https://blog.pcora.eu">Pedro Corá</a> (<a href="https://blog.pcora.eu/feed.xml">RSS</a>) — <a href="https://softlandings.world/">Sixian Lim</a> (<a href="https://www.softlandings.world/feed.rss">RSS</a>) — <a href="https://mattstein.com">Matt Stein</a> (<a href="https://mattstein.com/rss.xml">RSS</a>) — <a href="https://winnielim.org">Winnie Lim</a> (<a href="https://winnielim.org/feed/">RSS</a>) — <a href="https://flamedfury.com/">Flamed</a> (<a href="https://flamedfury.com/feed.xml/">RSS</a>) — <a href="https://skyhold.org">C Jackdaw</a> (<a href="https://jackdaw.weblog.lol/rss.xml">RSS</a>) — <a href="https://tiv.today">Kevin Humdrum</a> (<a href="https://tiv.today/feed.rss">RSS</a>) — <a href="https://www.doc.cc/">Fabricio Teixeira</a> (<a href="https://www.doc.cc/feed.xml">RSS</a>) — <a href="https://rosalindcroad.com">Rosalind Croad</a> — <a href="https://www.elmikewalsh.com">Mike Walsh</a> (<a href="https://www.elmikewalsh.com/feed.xml">RSS</a>) — <a href="https://muhh.lol">Markus Heurung</a> (<a href="https://muhh.lol/notes.xml">RSS</a>) — <a href="https://mwarrenarts.com/">Michael Warren</a> (<a href="https://mwarrenarts.com/rss">RSS</a>) — <a href="https://cagrimmett.com/">Chuck Grimmett</a> (<a href="https://cagrimmett.com/feed">RSS</a>) — <a href="https://bryanmanio.com/">Bryan Maniotakis</a> (<a href="https://bryanmanio.com/feed/">RSS</a>) — <a href="https://bjhess.com/">Barry Hess</a> (<a href="https://bjhess.com/posts_feed">RSS</a>) — <a href="https://ivanmoreale.com">Ivan Moreale</a> — <a href="https://werd.io/">Ben Werdmuller</a> (<a href="https://werd.io/feed">RSS</a>) — <a href="https://corygibbons.com">Cory Gibbons</a> — <a href="https://www.lkhrs.com/">Luke Harris</a> (<a href="https://www.lkhrs.com/blog/index.xml">RSS</a>) — <a href="https://lars-christian.com/">Lars-Christian Simonsen</a> (<a href="https://lars-christian.com/feed/">RSS</a>) — <a href="https://www.codyschultz.com">Cody Schultz</a> — <a href="https://bradbarrish.com">Brad Barrish</a> (<a href="https://bradbarrish.com/feed/">RSS</a>) — <a href="https://galaiko.rocks">Nikita Galaiko</a> — Erik Blankvoort — <a href="https://jagasantagostino.com">Jaga Santagostino</a> — <a href="https://andzuck.com/">Andrew Zuckerman</a> — <a href="https://www.mattiacompagnucci.com">Mattia Compagnucci</a> (<a href="https://mattiacompagnucci.com/feed.rss">RSS</a>) — <a href="https://tdh.se/">Thord D. Hedengren</a> (<a href="https://tdh.se/feed/feed.xml">RSS</a>) — <a href="https://fabiensauser.ch">Fabien Sauser</a> (<a href="https://fabiensauser.ch/index.xml">RSS</a>) — <a href="http://dizzard.net/">Maxwell Omdal</a> — <a href="https://numericcitizen.me">Numeric Citizen</a> (<a href="https://feedpress.me/numericcitizen-feeds.xml?ref=numericcitizen.me">RSS</a>) — <a href="https://heydingus.net">Jarrod Blundy</a> (<a href="https://heydingus.net/feeds">RSS</a>) — <a href="https://gwtf.it">Andrea Contino</a> (<a href="https://gwtf.it/feed">RSS</a>) — <a href="https://sebastiandedeyne.com/">Sebastian De Deyne</a> (<a href="https://sebastiandedeyne.com/index.xml">RSS</a>) — <a href="https://nicolalosito.it/">Nicola Losito</a> (<a href="https://nicolalosito.it/feed/">RSS</a>) — <a href="https://amerpie.lol/">Lou Plummer</a> (<a href="https://amerpie.lol/feed.xml">RSS</a>) — <a href="https://lmika.org/">Leon Mika</a> (<a href="https://lmika.org/feed.xml">RSS</a>) — <a href="https://surplusjouissance.com">Neil Gorman</a> (<a href="https://www.surplusjouissance.com/rss/">RSS</a>) — <a href="https://reaper.is/">Reaper</a> (<a href="https://reaper.is/rss.xml">RSS</a>) — <a href="https://www.mattrutherford.co.uk/">Matt Rutherford</a> (<a href="https://www.mattrutherford.co.uk/rss/">RSS</a>) — <a href="https://aleemshaun.com/">Aleem Ali</a> (<a href="https://aleemshaun.com/feed">RSS</a>) — <a href="https://nikkin.dev/">Nikkin</a> (<a href="https://nikkin.dev/feed.xml">RSS</a>) — <a href="https://hansfast.net">Hans</a> (<a href="https://hansfast.net/everything.rss">RSS</a>) — <a href="https://www.morelightmorelight.com/">Matt Katz</a> (<a href="https://www.morelightmorelight.com/feed">RSS</a>) — <a href="https://iljapanic.com/">Ilja Panić</a> — <a href="https://odongo.pl">Emmanuel Odongo</a> — <a href="https://ruk.ca/">Peter Rukavina</a> (<a href="https://ruk.ca/rss/feedburner.xml">RSS</a>) — <a href="https://jsrn.net">James</a> (<a href="https://jsrn.net/feed.xml">RSS</a>) — <a href="https://therealadam.com">Adam Keys</a> (<a href="https://therealadam.com/feed.xml">RSS</a>) — <a href="https://www.alexeystar.com/">Alexey Staroselets</a> (<a href="https://alexeystar.com/index.xml">RSS</a>) — <a href="https://saturnvalley.org">John L</a> — <a href="https://kangminsuk.com">Minsuk Kang</a> (<a href="https://kangminsuk.com/index.xml">RSS</a>) — <a href="https://nazhamid.com">Naz Hamid</a> (<a href="https://nazhamid.com/feed.xml">RSS</a>) — <a href="https://ken.fyi">Ken Zinser</a> (<a href="https://ken.fyi/feed.rss">RSS</a>) — Jan — <a href="https://verticolabs.com/">Grey Vugrin</a> (<a href="https://verticolabs.com/feed/">RSS</a>) — <a href="https://mzll.it">Luigi Mozzillo</a> (<a href="https://mzll.it/index.xml">RSS</a>) — <a href="https://www.alexhyett.com/">Alex Hyett</a> (<a href="https://www.alexhyett.com/feed/feed.atom.xml">RSS</a>) — <a href="https://andypiper.omg.lol/">Andy Piper</a> — <a href="https://shime.sh/">Hrvoje Šimić</a> (<a href="https://shime.sh/feed.xml">RSS</a>) — <a href="https://tschmeisser.com/">Travis Schmeisser</a> — <a href="https://doug.pub/">Doug Jones</a> — <a href="https://vincentritter.com/">Vincent Ritter</a> (<a href="https://vincentritter.com/feeds/all.json">RSS</a>) — <a href="https://shen.land/">Shen</a> — <a href="https://holzer.online/">Fabian Holzer</a> (<a href="https://holzer.online/feed.xml">RSS</a>) — <a href="https://netigen.com/">Courtney</a> (<a href="https://netigen.com/rss">RSS</a>) — <a href="https://danritz.com">Dan Ritz</a> (<a href="https://www.danritz.com/feed.xml">RSS</a>) — <a href="https://www.ismailsevik.com/">İsmail Şevik</a> (<a href="https://www.ismailsevik.com/feeds/posts/default?alt=rss">RSS</a>) — <a href="https://jeremybassetti.com">Jeremy Bassetti</a> (<a href="https://jeremybassetti.com/index.xml">RSS</a>) — <a href="https://lukedorny.com">Luke Dorny</a> (<a href="https://lukedorny.com/rss?download=true">RSS</a>) — <a href="https://tomeri.org/">Thomas Erickson</a> — <a href="https://herman.bearblog.dev">Herman Martinus</a> (<a href="https://herman.bearblog.dev/feed/">RSS</a>) — <a href="https://benny.bearblog.dev">Benny</a> (<a href="https://benny.bearblog.dev/feed/?type=rss">RSS</a>) — <a href="https://anniemueller.com/">Annie Mueller</a> (<a href="https://anniemueller.com/posts_feed">RSS</a>) — <a href="https://sekhmetdesign.thegeekcartel.com/">SekhmetDesign</a> — <a href="https://glbck.com">Gui</a> (<a href="https://www.glbck.com/feed.rss">RSS</a>) — <a href="https://longest.voyage/">Jamie</a> (<a href="https://longest.voyage/index.xml">RSS</a>) — <a href="https://www.juhaliikala.com/">Juha Liikala</a> (<a href="https://www.juhaliikala.com/rss/">RSS</a>) — <a href="https://alongtheray.com">Ray</a> (<a href="https://alongtheray.com/feed.rss">RSS</a>) — <a href="https://chadmoore.net/">Chad Moore</a> (<a href="https://chadmoore.net/posts_feed">RSS</a>) — <a href="https://ben.wf/">Benjamin Wittorf</a> (<a href="https://ben.wf/feed">RSS</a>) — <a href="https://rkoziel.com/">Radek Kozieł</a> (<a href="https://rkoziel.com/index.xml">RSS</a>) — <a href="https://www.hlplanet.com/">Marcus Richardson</a> — <a href="https://fromemily.com">Emily Moran Barwick</a> (<a href="https://fromemily.com/feed/">RSS</a>) — <a href="https://gosha.net/">Gosha</a> (<a href="https://gosha.net/feed.xml">RSS</a>) — <a href="https://www.manton.org/">Manton Reece</a> (<a href="https://www.manton.org/feed.xml">RSS</a>) — <a href="https://www.sistrall.it/">Silvano Stralla</a> (<a href="https://www.sistrall.it/en/feed.xml">RSS</a>) — <a href="https://benjaminchait.net">Benjamin Chait</a> (<a href="https://benjaminchait.net/feed.xml">RSS</a>) — <a href="https://caiwingfield.net">Cai Wingfield</a> — <a href="https://www.esgeroth.org/log/">Pete</a> (<a href="https://www.esgeroth.org/log/feeds/public">RSS</a>) — <a href="https://www.petemillspaugh.com/">Pete Millspaugh</a> (<a href="https://www.petemillspaugh.com/rss.xml">RSS</a>) — <a href="https://creativwork.org/">Martin Matanovic</a> (<a href="https://creativwork.org/feed">RSS</a>) — <a href="https://www.coincidingnarratives.net">Coinciding Narratives</a> (<a href="https://www.coincidingnarratives.net/feed/">RSS</a>) — <a href="https://arun.is/">Arun Venkatesan</a> (<a href="https://arun.is/rss.xml">RSS</a>) — <a href="https://fourohfour.net">fourohfour.net</a> (<a href="https://fourohfour.net/feed?type=rss">RSS</a>) — <a href="https://kemper.fyi">Jonathan Kemper</a> — <a href="https://www.bookofjoe.com/">Bookofjoe</a> (<a href="https://www.bookofjoe.com/index.rdf">RSS</a>) — <a href="https://marius.ink/">Marius Masalar</a> (<a href="https://marius.ink/feed.atom">RSS</a>) — <a href="https://jimmitchell.org/">Jim Mitchell</a> (<a href="https://jimmitchell.org/feed.xml">RSS</a>) — <a href="https://sjhoward.co.uk/">Simon Howard</a> (<a href="https://sjhoward.co.uk/feed">RSS</a>) — <a href="https://frederickvanbrabant.com/">Frederick Vanbrabant</a> (<a href="https://frederickvanbrabant.com/index.xml">RSS</a>) — <a href="https://thibaultmalfoy.com">Thibault Malfoy</a> (<a href="https://thibaultmalfoy.com/posts_feed">RSS</a>) — <a href="http://www.beradadisini.com/">Beradadisini</a> (<a href="https://beradadisini.com/?format=rss">RSS</a>) — <a href="https://blog.x-way.org">x-way</a> (<a href="https://blog.x-way.org/rss.xml">RSS</a>) — <a href="https://vincentgeoffray.com">Vincent Geoffray</a> — <a href="https://taonaw.com">TAONAW</a> (<a href="https://taonaw.com/feed.xml">RSS</a>) — <a href="https://site.sebasmonia.com">Sebastián Monía</a> (<a href="https://site.sebasmonia.com/feed.xml">RSS</a>) — <a href="https://grubz.net">grubz</a> (<a href="https://grubz.net/feed.xml">RSS</a>) — <a href="https://sals.place/">Sal</a> (<a href="https://sals.place/feed">RSS</a>) — <a href="https://bomburache.com">Bomburache</a> — <a href="https://ericgregorich.blog/">Eric Gregorich</a> (<a href="https://ericgregorich.blog/rss/">RSS</a>)</p>
<h2>Want to support P&B?</h2>
<p>If you like this series and want to help it grow, you can:</p>
<ol>
<li><a href="https://ko-fi.com/manuelmoreale">support on Ko-Fi</a>;</li>
<li>post about it on your own blog and let your readers know about its existence;</li>
<li><a href="mailto:hello@manuelmoreale.com">email me</a> comments and feedback on the series;</li>
<li><a href="mailto:email@peopleandblogs.com">suggest a person</a> to interview next. I'm especially interested in people and blogs outside the tech/web bubble.</li>
</ol> <hr>
<p>Thank you for keeping RSS alive. You're awesome.</p>
<p><a href="mailto:hello@manuelmoreale.com">Email me</a> ::
<a href="https://manuelmoreale.com/guestbook">Sign my guestbook</a> ::
<a href="https://ko-fi.com/manuelmoreale">Support for 1$/month</a> ::
<a href="https://manuelmoreale.com/supporters">See my generous supporters</a> ::
<a href="https://buttondown.email/peopleandblogs">Subscribe to People and Blogs</a></p>
On my August challenge - Manuel Moreale RSS Feedhttps://manuelmoreale.com/@/page/iVcPmBBtZyWm8kai2025-09-02T14:30:00.000Z
<p>Contrary to what I had planned, I didn’t post weekly updates <a href="https://manuelmoreale.com/august-s-challenge">on my challenge throughout August</a>. No particular reason why, I was just busy doing various other things and posting updates on the hikes was low on my list of priorities. But, I am happy to report that I have successfully ended the month at <strong>5033 meters</strong> of elevation gained, which is easily over my target goal of 4810!</p>
<figure class="m-o" data-template="with"><div class="m-m"><img class="img" loading="lazy" src="https://manuelmoreale.com/media/pages/thoughts/on-my-august-challenge/91810bfe1a-1756823445/elevation.jpg" style="aspect-ratio:1000 / 1082"></div></figure>
<p>Congratulations to me, I guess. This was a fun challenge that went way differently than what I had envisioned back in July. As you’ll notice from the screenshot above, I managed to record some activity on most days. The stretch from the 11th to the 17th is mostly empty because it was way too hot to do anything remotely challenging outdoors. I think we peaked at 39°C. So that was pretty much a wasted week for my challenge. We also had a few rainy days here and there, which slowed me down even further.</p>
<p>The distribution across the month of those 5000+ meters is also far from even. You’ll notice that there are a couple of big spikes, and that’s because I knew I had to do at least a couple of decent hikes if I wanted to get to my target goal. Those five spikes are:</p>
<ul>
<li><a href="https://maps.suunto.com/move/manu71081/6897404fd91e506a3541ff1e">619 meters hiked on the 9th</a></li>
<li><a href="https://maps.suunto.com/move/manu71081/689817d5e23c925ae5ce5393">322 meters on the 10th</a> (at 3 in the morning)</li>
<li><a href="https://maps.suunto.com/move/manu71081/68a33bc6ed3d1a483f065b8c">327 meters on the 18th</a> (and two other minor walks with the dog the same day for some extra 190 meters)</li>
<li><a href="https://maps.suunto.com/move/manu71081/68a45a54932db12831583115">480 meters on the 19th</a> (and again, two other walks with the dog, 240 meters)</li>
<li><a href="https://maps.suunto.com/move/manu71081/68ab0c5ffbdf455742424334">1095 meters on the 24th</a></li>
</ul>
<p>There was another 1000+ meters hike I wanted to do, but August’s weather had other plans, and so I only managed to do one. I’ll take it.</p>
<p>I think I’ll attempt this challenge again next year, but I might do it either in May or in June. August is definitely not the right month for something like this. But it was fun, and that’s all that matters.</p>
<hr />
<p>Now that August is behind us, you might be wondering what’s on the menu for September. I thought about participating in the <a href="https://discourse.32bit.cafe/t/suck-at-something-september/1384">Suck At Something September</a>, which is such a great idea, but to be honest with you, I think I’ll take a few months off from doing challenges and just go day by day without having to think about some self-imposed challenge. There are a lot of other things going on anyway, and so no risk of getting bored anytime soon.</p> <hr>
<p>Thank you for keeping RSS alive. You're awesome.</p>
<p><a href="mailto:hello@manuelmoreale.com">Email me</a> ::
<a href="https://manuelmoreale.com/guestbook">Sign my guestbook</a> ::
<a href="https://ko-fi.com/manuelmoreale">Support for 1$/month</a> ::
<a href="https://manuelmoreale.com/supporters">See my generous supporters</a> ::
<a href="https://buttondown.email/peopleandblogs">Subscribe to People and Blogs</a></p>