I took another stab at creating an 11ty site, and this time succeeded. Not only that, but I’ve decided to grow the Neocities blog I made into a work of fiction complete with story and character arc.
There are many 11ty tutorials, but the one that caught my eye was this one from Flamed Fury:
Along with some help from Claude and a few other tutorials, I got the site up and running on Neocities. It’s pretty close to the way I want it, but there will likely be more tinkering. The design, for example, is still not far off from the one in the tutorial.
Would I recommend 11ty? If you’re into coding and don’t mind a challenge, I would say it’s worth a look. I think WordPress gave databases a bad reputation in terms of security, so the flat file system in static site generators has been gaining popularity. On the other hand, PHP/MySQL alternatives to WordPress do exist. I’ve been using Textpattern for 20 years without any problems.
Anyway, the fun part is the site I created — Misfit Gentleman. It started as a way to put in some filler content, but the more I did it, the more I became attached to the character I had created. I wanted to give him a background.
Soon I realized that he had a problem. And a character with a problem creates tension that needs to be resolved through the telling of a story.
His problem is that he has travelled 200 years into his future and our present. And he would like to go back, but doesn’t know how.
This will be chronicled through blog posts, but there will also be updates to other pages — home, about, links and contact — as he learns more.
My goal is to wrap this up by the end of the year. After that, Misfit Gentleman can stand alone as a story, sort of like a book on a shelf.
When I’m travelling in another country and meet a fellow Canadian, there is a feeling like we can relax and relate. With anyone else, there is a bit of barrier, even if we’re trying hard to be friendly.
Now that I’ve had a chance to spend a few days on Gander, a Canadian social media app just out of private testing, I have that same feeling of being with my peeps.
We can all just sort of chill with each other.
Gander isn’t restricted to Canadians, but it would be tricky for a non-Canadian to join. For one thing you have to prove you’re human before you can post. I did that by downloading Canada Post’s Identity+ app and, among other things, scanning in my passport.
This process was more complicated that I expected, but if it keeps the bots out, I’m all for it.
You have the option of going international by federating your account with Bluesky using the AT protocol. I won’t be doing that. Bluesky has a good reputation, but I fear there are way too many posts about U.S. politics, which I can do without.
So, Cauê Napier has created this nifty little thing you can add to your site called Town Square. Of course, I signed up for it right away and implemented it on Newsonaut.
It's a joy to use. A stickman version of you hangs out with other stick people, tossing out messages that disappear after a few seconds, never to be seen again. You can move around, jump, watch the birds, and Cauê has more planned.
I wasn’t sure about adding it to the bottom of every post, so I gave it its own page. For one thing, over on Cauê’s site, there was lots of activity and conversation, but I didn’t see anything like a discussion of the post it was attached to.
Then I thought, well, maybe it could just be a town square in general. So that’s what I have on Newsonaut. I’m still thinking about how I can feature it.
I’m also thinking Cauê might want to create something like townsquare.com. It would be a version of his Town Square with a bunch more features. I’m not sure what those might be, but one thing that comes to mind is the Club Penguin my kids used to play.
On the other hand, having a central location like that might go against the spirit of the indie web.
In any case, the idea as it stands is genius, and I look forward to the new features coming up.
Also, thanks Cauê for linking to my site. That was not expected. Now he’s looking at creating a map to join up all the town squares. When I read that, I figured I’d better get this post up so visitors can actually find it.
In my newfound zeal for the indie web, I joined the IndieWeb Webring. You can see my version of it at the bottom of the page.
You get some code to copy and paste into your site, but as I soon discovered, the presentation can be whatever you imagine it to be. I wanted to make mine obvious but also fit in with the Newsonaut style.
Going from site to site on the ring, I found all manner of implementation. Some were big and bold, others were tiny or hidden in an accordion. Some were part of a site interface that was almost entirely inscrutable. And then there were some that I swear were missing entirely.
Are you allowed to do break the ring? Shouldn’t you get kicked off for doing that?
Also, it seems a bit like cheating if you make the next site in the ring open in a new tab. Is it because they're hoping visitors will stay on their site longer?
I’m assuming that people who choose to be part of the IndieWeb Webring must be at least a bit tech savvy, given the requirement that you must use IndieAuth on your site.
I read this article and was no wiser as to what that meant. After some digging around, I found a service that makes it much easier.
Being part of the web ring means you can be included in a directory, but only if you include something called an h-card on your site. This was new to me, but I eventually figured it out.
So where, you might ask, is my h-card? Well, I hid it with display: none, because I couldn’t think of a way to make it work with my layout. Ideally, it would be on the About page, but IndieWeb Webring wasn’t able to find it there.
I’m of two minds about this whole experience. On the one hand, it seems unnecessarily difficult to join. Luckily for me, I’m used to working with code so it didn’t scare me off. On the other hand, it might be a good way of making sure the web ring doesn’t get overrun with bots and opportunists.
I have never monetized Newsonaut and never will, but that’s mainly because of lessons learned from Thriftmac, my other site that specializes in free Mac apps.
Back in the day, I was all in with Google Ads and anything else that might make a dollar. In my best ever month, I got a cheque for about $200 from Google. Buy Me a Coffee didn’t exist back then, but I would have used it if it did.
At first it was fun, even exhilarating, but after awhile I got burned out. I realized that as a wage, $200 came to maybe a couple of dollars an hour.
I had to keep the engagement going — constantly thinking up new ideas, constantly finding interesting links. When I finally crashed, the blog part of Thriftmac was ripped out and it became just a fancy list of links to free Mac apps that was seldom updated.
At one point, someone offered to buy it from me for about $2,000. This seemed like a good way to go for a site I didn’t really care about any more, but when I looked at the buyer’s other sites, I couldn’t bring myself to do it. Thriftmac was my baby, and I didn’t want to see it ruined.
Gradually I came to the realization that my motivation for Thriftmac didn’t have to be about making money. I now see it as a resource for people who, for whatever reason, can’t afford to pay for apps. I keep it up to date with new apps, and remove the ones that have gone to a paid model or that no longer work. I have even revived the blog part, although on a much less frequent basis.
It’s my own tiny contribution to making the web a better place. I’m not saying this has to be true for everyone, but for Thriftmac, it feels good to be free of any kind of monetization.
I hope the same can be said of Newsonaut. I try to be helpful, or at least entertaining. The site gets very few visitors, but I’m OK with that if those few people leave with something positive.
So don’t buy me a coffee. It would just spoil things for me.
Gordon McLean and Case Duckworth had a good back-and-forth about typography and layout. Gordon says you should make your website uncluttered and easy to read. Case says there are reasons why you might not want to do that.
But I do understand one of Case’s main arguments. A messy, hard-to-read blog not only stands out from the corporate web, it can be a way of taking a stance.
Weirdness has more than aesthetic value; it’s also praxis: all deviation from expected corporate norms contributes to a website’s illegibility by the Algorithm. Thus, a “weird” layout is an expression against the commercial web just as much as it is an expression for the author’s own tastes and creativity.
That got me thinking about the difference in appearance between personal and corporate websites. It’s easy to tell which is which, but how?
Some are indeed intentionally weird, or apparently have little talent for design. But others are slick. They are created by people who obviously know a lot about design. Still, you can tell they’re all part of the small web.
What they have in common is that they are a reflection of someone’s personality. Some people have odd personalities, and that’s fine. Others love fine typography, and that’s fine, too.
A beautiful site that’s easy to read might be the product of someone who is comfortable with the corporate world, but not necessarily. Instead, it may simply show an allegiance to their craft.
Principles of design and typography have been honed over hundreds of years. Those who learn them care about something bigger than what is implied by corporate or commercial.
The one easy thing you can do to help surface indie blogs and websites is to link to them. That way, if someone comes across your site, you can help them continue on to similar sites.
The best links are the ones in context. If you’re writing about something that a reader finds interesting, a link in your post signals that they can learn more about the subject by clicking.
Yes, the word “links” or “link” came up four times in that sentence, but it was worth it. An article like this on a particular subject is quite helpful. Anyone curious about the subject of links, or any other area you opt for, can use it as a base to explore from.
A blog roll can also be good. If someone likes your site in general, there is a chance they will like sites that you recommend.
I’m not so sure about web rings, though. Unless they specialize in a narrow subject area, you’re taking a chance on going to a random site that you don’t care about. Still, if you’re bored, it’s better than doom scrolling.
As a side note, I advise against making links open in a new tab. People can decide for themselves if they want a new tab with a simple right click. Why force it on them?
Robert Birming, who has a pretty great blog himself, is running a little thing called Junited, where participants give shoutouts to fellow bloggers they think more people should know about.
This post will be updated throughout the month of June.
Now with thousands of posts over the years, Greg Ross continues to find ways to pique our curiosity with a mix of tidbits covering history, literature, language, art, philosophy, and math. I especially like the ones about language. The chess puzzles are fun even though I've never been able to solve one. The math puzzles break my brain, but I find I can still have an appreciation for them.
I found this one on the highly recommended People and Blogs. It’s unabashedly eccentric, eclectic and very likely a third descriptor that begins with an “e.” The posts are thoughtful and original, but you get so much more in the museum and resources sections. The code for a guestbook is right there, not to mention some vegetarian recipes I intend to try out.
Quite possibly one of the most beautiful blogs I have ever encountered. I was first struck by the big, serif fonts, which I find particularly appealing in general. But the more I looked, the more I realized this is someone who sweats every detail. Soak it all in and learn from her design notes.
Entertaining posts with a healthy dose of humanity. Gordon McLean has enough self-confidence to put himself out there more than I would feel comfortable with, but good for him — and us.
It's a blog, but also a massive resource for free educational material. You can learn a little bit every day just by reading the posts, but you can also go on a deep dive into free courses, movies, language lessons, books, art, music, and much more. If you're a blogger, check out the writing tips from famous writers.
This is a great way to not only discover blogs, but also learn about the people behind them. Learning about their background and motivations can inspire you to do greater things with your own blog.
I saw “a11y” recently and it reminded me of my “No way!?” moment when I finally figured out, after years of puzzlement, what it meant.
For the longest time, I thought it was a fanciful way of spelling “ally,” but that didn’t make sense in context so I just moved on.
I can’t remember how I learned that it is short for “accessibility” — the “11” standing in for the 11 letters between the “a” and the “y.” It might have been around the same I figured out that “i18n” stands for “internationalization.”
While researching this post, I learned that these are known as numeronyms, and that there are plenty of others.
I can’t say I’ve run into any of these in the wild, likely because they are mainly used by developers within their communities.
Getting back to my “No way!?” moment with a11y, my first reaction was that it seemed clever, and I could understand why you wouldn’t want to write out that many letters every time. This numeronym is also handy for web design. You can make it nice and big, but not take up a lot of space.
But I couldn’t help but wonder how many other people have for years missed out on some good information about accessibility because the title went over their heads. In a way, it can ironically make this important guidance less accessible.
Still, I don’t want to sound critical. Good people are doing their best to make the web accessible, and a11y is — once you know what it means — an ingenious way of reaching out.
I still see many websites where the main content is in a tiny sans serif font. Why do they go out of their way to make their words hard to read?
I suspect it is due to outdated ideas from ye olde web.
There was a time when people running websites felt compelled to get as much as possible “above the fold”, so a smaller font would help you get more words at the top of the page.
Also, they believed that a sans serif font was better for computer screens because the serifs — those tails on the tops and bottom of letters — would look fuzzy on low resolution monitors.
Those are things you no longer have to worry about.
These days, your visitors are so used to scrolling that it is often the first thing they do. They quickly scan the entire page, top to bottom, to make sure it’s worth their while. There are a gazillion other things on the internet that could be more interesting.
Your readers also have much better computer screens these days. Resolutions are so good that they sometimes go beyond what the human eye is capable of discerning. Not only do serifs show up just fine, they also do a great job of helping you read. That’s because the letters of the alphabet are vertical but we read horizontally. The serifs help glide your eyes along.
I try to practise good typography on Newsonaut because I want it to be an easy read. If you want the same thing for your readers, hop over to Matthew Butterick’s Practical Typography. You don’t have to read the whole thing. In fact, he claims to be able to impart the basics in just 10 minutes.
Of course, he would really like you to buy a font, maybe one of his. I can’t argue with that. The quality of a purchased font is often head and shoulders above what you can get for free. Even if you can’t afford to go this route, it’s still a good idea to read his advice. You may be able to find something that comes close on Google Fonts. I use Newsreader on this site.
Just don’t be afraid of serifs. They were invented to make reading easier.
Newsonaut
The newsonaut is Mark Rogers, a writer, designer and web coder living in beautiful British Columbia.
