Categories
Other

Mobile only web design

Before, there were no smart phones, and web design was tailored to the computer screen. Then smart phones and tablets happened. Regular old web didn’t work so well on those, so the design became responsive and adapting to device screens. That often works well when someone actually cares about larger screen variants and implements dedicated layouts and styling.

Then mobile first happened.

Design for the mobile first and foremost, then consider designs for larger and wider screens as an afterthought. Too often it is actually mobile only design. Target the phones, and just forget about everything else. (Hell, just forget about the web entirely and force visitors to install an app, mhm ? Fuck that by the way.)

A mobile only web design may visually scale up without becoming ugly, but totally fail to take advantage of a larger screen with precise pointing device and a physical keyboard available. There is often too much wasted space; too much air, too big fonts, too big click (tap) targets and content hidden behind interactive revealing widgets. Too much imagery and visual design crap that actually drains mobile batteries faster. It becomes annoying to visit from a desktop.

In a mobile only web design, the menu is typically not directly visible, because it would take up too much space. So it requires interaction with a hamburger widget of some sort, which will reveal the menu items in huge font, typically covering whatever page is underneath completely. An anemic site map of sorts, because a real site map is just too much content. This is useless on a bigger screen – direct access to all menu items is much better. Similarly, other space saving measures just cripple the user experience on big screen, because of the narrow constraints. See the irony by the way ? The very WordPress theme I use on this site has some of those traits I do not like. (The newer ones are even more horrible, so I’m stuck with the lesser evil.)

Another common space saving measure is the Show more.. widgets. Instead of just laying out all the content and let users naturally ignore, scroll or flick past uninteresting stuff, the interface requires extra interactions while reading. When I’ve opened the next page of a book, I don’t want to be forced to do things with that page to read it. I just want to read it, skim it or skip it.

By all means, it makes very much sense to create mobile designs, but please don’t forget that the web is at its best when accessible on a variety of devices, including *OMG* actual computers with big screens.

I will end this rant by paying tribute to another lovely rant that explains this much more eloquently:
https://motherfuckingwebsite.com/

Categories
Code

ox-tagfilter-js version 1.0

I’ve just released version 1.0 of ox-tagfilter-js, after finally adding a search box to the UI. If you are an Org-mode user and publish org-exported HTML documents from your org-files, you might find this extension useful. It allows you to quickly filter document content, based on tags and heading text, using a web UI.

I use it to lookup stuff in my «digital brain», a growing huge journal of private notes that I maintain as an org-file. The org-file is automatically published to the web, and so I can read and search it easily from anywhere, including with my mobile phone.

Categories
Security

Signing out of account.microsoft.com

I have an account at Microsoft that I use occasionally from the web. After logging in and choosing «No» to the «Stay signed in?»-question, here is how signing out of account.microsoft.com works1:

  1. I click «Log off» from the top right account menu.
  2. I land on a page me telling me that I’ve been logged off. (It also tells me it is a good idea to close all browser windows.)
  3. I navigate back to account.microsoft.com by typing it in the address bar.
  4. I am right back in my Microsoft account overview, with no login steps required. So I guess I wasn’t signed out after all !

Now, I repeat steps 1 through 4, but at step 2 I actually restart my browser, like the dialogue advises. In one instance, this worked, and I was in fact properly logged out afterwords, but another time it didn’t, and I still had a session. And you better make sure to close all tabs/windows – simply closing the tab/window used for the Microsoft service is certainly not sufficient.

Lastly, sometimes I just get this message:

No, I am not «still signed in to some applications». This is simply a broken, slow and enshittified web experience created by one of the greatest big tech enshittifiers.

Take from this anecdotal evidence whatever you like, but I know I am not logging in to Microsoft services on devices that I don’t own or trust. The web logout flow is unreliable and broken, so better go delete all cookies manually, across several Microsoft-domains2, if you actually want to ensure your session is killed from the client side. Alternatively, make sure to always use a temporary incognito browser session.

  1. On Firefox v127.0.2, clean user profile with no extensions and no setting adjustments, Ubuntu 22.04. ↩︎
  2. At least live.com, login.microsoftonline.com, microsoft.com and account.microsoft.com. ↩︎