Design Thoughts
- For reasons, I’ll touch on later, this is mostly about desktop browsers.
- In terms of privacy and security, I’m approaching this from a reality where 65% of people use Chrome. So in this context, vastly improving the privacy from that, is more interesting than saying someone is a gullible idiot if they don’t use a Tor browser. 😛 So while I’m not saying those things shouldn’t be part of the discussion at all, I’d like to talk more about user experience and features than hardening if you catch my drift. 1
- Why do you use the one you use now?
- What are your favourite (large or small) features? Please be very specific!
- I’m 1.75 m tall, and my legs and arms aren’t especially long - so clothes are usually too long.
- Related, I like watches, bracelets, shoes and socks - and cuffing shows them off.
- I often think it makes the clothes themselves look better.
Lovely Attention to Detail
I love unnecessary details. I know that, for many people, this has about zero value. But even if it doesn’t serve a function (and there is an argument for the example in the video below having a function), small things like this simply brings joy. For instance, my mom’s car is nicer than mine - and one of the small things, is that the thump you get when you close the door, is so much nicer! And software can give this feeling as well.
Two quick tips for apps (that I’ll write more about later) that has excellent feel: Bike and Paper
I mean, just look at the way the text moves in Bike! 😍
A Simple Embroidery Design
There’s a first time for everything
My wife has received an embroidery book from her grandma, and wanted to give a little gift to her from it. She liked this heart in it - but wanted to make it large enough to be able to write “Mormor” inside of it. 1
She has a lot on her plate, so I wanted to help. So here’s my scaled up adaptation.
I'm working on adding lazy loading to the images on this site - so I thought a little thing like this would be a nice way to test it. Please let me know if you find some image bugs!
The app and process
Game Changing CSS Trick (for Noobs Like Me)
OK, I just learned a brilliant CSS technique I wish I knew about much sooner! This is probably old news for most of you wizards out there - but maybe this little post can be useful for some fellow newbies?
This is one of my "Noob teaching noobs" posts. Some experts are excellent teachers - but not all. Hopefully, these posts can be helpful due to their layman nature, but please contact me if I'm misinforming!
Here are some examples of selectors I could see myself using:
h1 {} -> Styling Header 1 (h1) elements.
h1:hover {} -> Style when hovering h1.
h1::after {} -> A pseudo-element (like a line) related to h1.
h1:hover::after {} -> The pseudo-element when I hover over h1.
h1 a {} -> A link (a) within an h1 element.
h1 a:hover {} -> When I hover over one of those links.
.page-content h1:hover {} -> When I hover an h1 that’s within .page-content.
Put into context, I could do:
Make a Click Wheel Mode for the Apple TV Already!
In this week’s episode of the excellent Hemispheric Views podcast, the hosts discussed features they’d (more or less seriously) like to see make a return in their technology. One of the picks was the Click Wheel, which Apple, in the infamous Apple Watch reveal, mentioned in the same sentence as other great input methods, such as the mouse, multitouch screens and the 💫Digital Crown™️💫.
Still, it’s mostly forgotten since then — but actually almost got some love when they updated the Apple TV remote.
Now, I’m actually one of the dozen of people who didn’t mind the previous Apple TV remote (the one on the left in the image above). Still, I agree that the new one is an improvement. But what’s really bothering me about the new one, is that they’re so close to making it great.
What if the Floorp Icon Actually Looked Like Piano Keys?
Floorp is an interesting Firefox fork, with a questionable name and logo.
Yesterday, someone on Reddit, posted “Floorp’s logo looks like piano keys”. And here’s the thing: I’ve been thinking the same, but at the same time there was something wrong. I’m not a pianist, but I’ve played with them enough to notice the problem. Let’s rotate the Mac icon, and compare with an actual piano:
The “double-sized” black key to the right was the culprit! 1 However, notice that there sometimes is two white keys next to each other. (This will be important later.)
But this made me think: What if the logo looked like a piano?
Anyone Else Feel Like They Should Use Firefox
… but Still Struggle With It?
This post was originally (and still is) a forum post on the MPU forums. I have two concrete question blocks I’d love feedback on, which I will present during the post. I would love to hear from you, either over at MPU, as a comment to this post on Micro.blog, via Mastodon, or email. 🙂
I’d like to talk about browsers! And people are of course welcome to comment whatever they want — but some notes on what my intentions for this discussion are:
OK, let’s go!
Ethics are always difficult to discuss. Because while I think everyone should be mindful of the small things we should do to improve things, people have different priorities and possibilities. And where should we draw the line while consumers in a problematic system? Like, I should probably use a Fairphone over an iPhone even though it’s worse, right? How much worse should I accept? How hard should I pull away from things like Facebook or X?
Still, I’m at least trying to try — and as the browser is perhaps the most used app, the choice of it is among the things I’m thinking about.
And here’s why I feel like I should use Firefox:
Input wanted!
In principle, I think I should use Firefox… So I’m digging deep to see if I can make it not-bad! 🙊
So, my question to those of you who use a (desktop) browser:
A Way To Get a Fancy Link Hover Effect
Jarrod, of (the great blog) HeyDingus.net, wanted to do something about the way his links appear on his website. He asked:
Since the first design of my site, I’ve stuck with blue text for my hyperlinks because that always seemed canonical with the web. Links = blue text, blue underline. But I’ve grown less certain with its readability with all that blue text interspersed. I’m considering a change. What do y’all think?
One thing he didn’t mention there, is that he also has a nice hover effect, that changes the underline to a gradient (that matches his logo and more) on hover.
My first idea for how to solve it sacrificed the gradient — but that just wouldn’t do. But I think I found a pretty good solution in the end!
The solution and how to implement it
I Just Want a Nice Browser!
Two sad browser stories
I’ve followed the Spicy Takes™️ surrounding the Arc Browser recently, that started in the Ruminate podcast and went on to the MacStories Weekly Issue 408.
And I agree with most of what John Voorhees is saying, and also Matt Birchler, who said: «The Browser Company feels gross to me right now».
Much of it is about ethics and AI. In general I agree with them, but this subject won’t be the focus of this post. (I’ve written more about AI here and here.)
Instead I’ll tell my browser story, and explain why both Arc and Firefox makes me sad.
🌱 Why do so many apps have weird margins?
There are tons of services, apps and clients for text based social media. But why are almost all of them wrong about timeline margins?
To show what I’m talking about, here’s Threads as an example:
I get that you want to start the text quite close to the username, and that avatars are taller than usernames on some services. But I still think that left-margin is a sin! It wastes space, and makes the entire screen lopsided.
I went through many apps checking - and many of the apps are good and well-designed in general! Many of them are Mastodon clients, because that service has a fantastic 3rd party ecosystem. Also, they’re all iOS apps, because that’s what I have. Would be interested to hear about the situation on Android!
OK, here are some more offenders:
Pedal tuners and product design
Firstly, sorry about caring a bit too much about guitar tuners. You see, as a side gig, I help people with their pedalboards (especially people using multiple guitars on stage), and I often recommend that they get a new tuner. But no tuners are exactly like I want!
While this post is mostly hard core nerd out on pedal tuners, there are also some comments on product design in general. Let’s go!
A new product series gives (false) hope
I prefer always-on tuners that you mute elsewhere (volume pedal or otherwise), and this makes foot-switches redundant. That’s why I like the idea behind Boss TU3-S.
So, when I saw the new(ish) Korg X tuners, I was stoked – especially for the XS. The pedal to display size ratio is great, the switch design is cool, and I like that it’s more squared off than your typical mini pedal. This allows it to fit into odd slots on pedalboards.
What makes a good cuff?
Ok, so this is by far the most niche thing I’ve ever written. But after getting a great jacket (that I’ll write about some other time!) that only had one problem, I wanted to gather my thoughts on this tiny subject. The “problem” was: It doesn’t cuff perfectly.
What’s the deal with cuffing anyway??
Cuffing is when you fold the sleeves of a shirt, jacket, sweater etc. It’s also commonly used when you do the same to leg opening of pants or shorts. And I’m an avid cuffer! The three reasons are: