Skip to main content

A photo of Max Glenister

UX Design, UI Design & Front-end Development. Technically a cyborg.

omgmog.net

blog.omgmog.net

indieweb.social/@omgmog

github.com/omgmog

Max Glenister

Doom III is a Mod for the 1994 hit Doom II by id Software. Fight your way through 2 Chapters of new levels, SinglePlayer or Coop.

https://www.moddb.com/mods/doom-3-doom-ii-mod/news/doom-iii-doom-ii-mod

Max Glenister

The album that exploded punk rock 30 years ago, re-exploded onto obscure, obsolete, and inconvenient formats.

https://www.dookiedemastered.com/

Max Glenister

Running Game Boy ROMs on the STM32 ARM Cortex microcontroller

https://github.com/jnz/stm32boy

Max Glenister

Max Glenister

I spent some time playing with Astro over the weekend, and have put together a small shell script to automate converting Jekyll's filename-based post dates (yyyy-mm-dd-slug.md) to being a pubDate frontmatter property within each file.

It handles skipping file with a pubDate already specified, and skipping files with no date in the filename.

https://gist.github.com/omgmog/a6de66c8ae1e2c763fe5ad536938e7c1

Max Glenister

So you want to make pixel art for an Apple II...

http://www.deater.net/weave/vmwprod/a2_pixels/

Max Glenister

Max Glenister

👏

Annoyed by tons of bugs? Everything takes too long to build? No time for small usability improvements? Hire. HTML. And. CSS. People.

https://robinrendle.com/notes/hire-html-people/

Max Glenister

Departure Mono is a monospaced pixel font inspired by the constraints of early command-line and graphical user interfaces, the tiny pixel fonts of the late 90s/early 00s, and sci-fi concepts from film and television.

https://departuremono.com/

Max Glenister

箱庭

The meaning behind Shigeru Miyamoto's 'Miniature Garden' phrase

https://www.youtube.com/watch?v=n3dFAK3Owtg

Max Glenister

The Pattern Library Playbook: Get set up for success

https://www.futurice.com/blog/pattern-library-playbook

Max Glenister

Sanding UI: Sand it, feel the grain, get a splinter, sand again, and repeat until smooth.

https://blog.jim-nielsen.com/2024/sanding-ui/

Max Glenister

https://marioadventure3.com

Mario Adventure is a ROM hack of Super Mario Bros. 3. It was developed back in 2001 and released roughly in January of 2002. At the time, Mario Adventure was one of the most extensive hacks of not just Super Mario Bros. 3, but any NES hack. It's been highly regarded as one of the best ROM hacks of all time.

Max Glenister

Max Glenister

A legible monospace font… the very typeface you’ve been trained to recognize since childhood.

https://dtinth.github.io/comic-mono-font/

Max Glenister

Max Glenister

Max Glenister

Max Glenister

Your boundary is at hue 174, just like the population median. You're a true neutral.

https://ismy.blue/

Max Glenister

The web's clipboard, and how it stores data of different types

https://alexharri.com/blog/clipboard

Max Glenister

Max Glenister

https://symbol.fediverse.info/

⁂ is a typographical character, not an icon that needs to be inserted as an image. Unique-looking, but standardised.

Max Glenister

https://csvbase.com/blog/13

Being on The Semantic Web is easy, and, frankly, well worth the bother

Max Glenister

This is a pretty spectacular overview and explanation of how CSS named grid areas work and can be used effectively

https://ishadeed.com/article/css-grid-area/

Max Glenister

I've a lot of nostalgia for these books. It's great reading about others' collections and experience too!

https://www.michaeloglesby.com/fighting-fantasy-collection/

Max Glenister

https://www.datagubbe.se/crt/

The Effect of CRTs on Pixel Art

On Cathode Ray Tubes, nostalgia and anachronisms.

[...] there's a lot more going on with both pixel art and old gaming hardware than mere CRT fuzziness

Max Glenister

https://github.com/jpasqua/FauxTRS

This repository contains the instructions for building a Faux TRS-80. The model is meant to evoke the feel of a TRS-80 Model 3 or Model 4 computer, but is not an exact replica of either. It has mounting spots for a Raspberry Pi, display, and associated hardware that allow you to run a TRS-80 emulator and get the true Tandy experience.

Max Glenister

Max Glenister

Max Glenister

Max Glenister

🎉

New episodes on https://remotehack.space/live/

Max Glenister

Max Glenister

You might be good at TypeScript, but if you don’t know what this project does, what it needs to do next, how to build & run & test, and so much more–you can’t move it forward.

https://jessitron.com/2024/05/11/working-with-others-is-different-from-working/

Max Glenister

Max Glenister

The Apple ][ is one of the most iconic vintage computers of all time. But since Wozniak’s monster lasted all the way until 1993 (1995 if you could the IIe card, which I won’t count until I get one), it can be easy to forget that in 1977, it was a video extravaganza. The competitors– even much bigger and established companies like Commodore and Tandy– generally only had text modes, let alone pixel-addressable graphics, and they certainly didn’t have sixteen colors. (Gray and grey are different colors, right?)

https://nicole.express/2024/phasing-in-and-out-of-existence.html

Max Glenister

Max Glenister

This looks like a neat little self-hosted RSS reader/news feed. I might give it a go, though these days I tend to start my mornings with https://brutalist.report/

https://olano.dev/blog/reclaiming-the-web-with-a-personal-reader (and a follow-up https://olano.dev/blog/from-rss-to-my-kindle )

Max Glenister

Max Glenister

Max Glenister

Following up to my earlier post (https://social.omgmog.net/2023/fiddling-around-with-a-convoluted-method-of ) I've got a less convoluted method of handling switching audio output devices from a macro keypad now.

I'm now using Hammerspoon https://www.hammerspoon.org/ -- a powerful tool that lets you define all sorts of automation using Lua. This is my script for switching audio output devices: https://gist.github.com/omgmog/8c2139c9270431b7cddd93a947c9018c

I'm also now using a cheap 3-key macro pad from Aliexpress (rather than the Pimoroni RGB Keypad as I couldn't think of a good use for the rest of the keys!) that I've got bound to F12/F13/F14 keys.

Max Glenister

Max Glenister

Max Glenister

This is a book about building applications using hypermedia systems. Hypermedia systems might seem like a strange phrase: how is hypermedia a system? Isn’t hypermedia just a way to link documents together?

https://hypermedia.systems/

Max Glenister

Max Glenister

This is great! http://axio.ms//projects/2024/06/16/MicroMac.html

Now... what would it take to fit this inside something like the little Macintosh 128k brick set I built the other week?

https://social.omgmog.net/2024/jaki-maker-pop-personal-computer-se-1984

Max Glenister

A novel use of font ligatures

Sans Bullshit Sans. The font that replaces every buzzword by a Comic Sans-styled censorship bar

https://www.sansbullshitsans.com/

Max Glenister

Slash pages are common pages you can add to your website, usually with a standard, root-level slug like /now, /about, or /uses. They tend to describe the individual behind the site and are distinguishing characteristics of the IndieWeb.

https://slashpages.net/

Max Glenister

The VR Design Paradox

https://youtu.be/Fhlw88_Beu4

Max Glenister

Jaki Maker Pop: Personal Computer SE 1984

Jaki Maker Pop: Personal Computer SE 1984

Enjoyed building this small model that I bought from AliExpress.

It's a very detailed facsimile of the Macintosh 128k, and can be completed in around 45 minutes.

 

 

Max Glenister

Max Glenister

Fiddling around with a convoluted method of setting up macro keys on Mac OS. I'm using the old faithful Pimoroni RGB Keypad with a Pico, some basic CircuitPython keyboard stuff, and these two nifty apps:

switchaudio-osx: CLI utility to switch audio source https://github.com/deweller/switchaudio-osx icanhazshortcut: shortcut manager to bind any keyboard combo to any command https://github.com/deseven/icanhazshortcut

Anyway it's working nicely for me right now! So far I've got headphone/speaker output toggles and volume control sorted. Just 12 more keys to assign 🤔

Max Glenister

A good explainer and diagrams of how UTF-8 works with emoji

https://sethmlarson.dev/utf-8

Max Glenister

History, data and alcohol. Super interesting!

When did people stop being drunk all the time?

https://lefineder.substack.com/p/when-did-people-stop-being-drunk

Max Glenister

AI-Generated South Park Episodes

In this work we present our approach to generating high-quality episodic content for IP's (Intellectual Property) using large language models (LLMs), custom state-of-the art diffusion models and our multi-agent simulation for contextualization, story progression and behavioral control.

https://fablestudio.github.io/showrunner-agents/

Max Glenister

This is a really nice interactive tool for learning how SVG paths are drawn

Understanding SVG Paths

If you've ever looked at the SVG code for an icon before, you might have noticed that they're usually made up of a bunch of path elements, each with a cryptic d attribute.

https://www.nan.fyi/svg-paths

Max Glenister

Analyzing PACIFIC STATE

https://youtu.be/qJ4eDTrNFtc

Max Glenister

🧠 Cognitive Load Developer's Handbook

https://github.com/zakirullin/cognitive-load

Max Glenister

Max Glenister

🙌

Let’s look at 5 new CSS things that really matter to real-world development.

https://chriscoyier.net/2023/06/06/modern-css-in-real-life/

Max Glenister

🧸 Tiny is a lightweight 2D game engine that allows developers to easily create games using the Lua programming language.

https://minigdx.github.io/tiny/

Max Glenister

Max Glenister

https://www.youtube.com/watch?v=PawTU9Dip2Q

A great summary/recap of Breath of the Wild.

Should have my copy of Tears of the Kingdom before the end of the day. That's my weekend plans sorted!

Max Glenister

Modern CSS Solutions for Old CSS Problems

https://moderncss.dev

Max Glenister

Max Glenister

Hacking the original xbox controller for fun and no profit

https://wheybags.com/blog/xbox.html

Max Glenister

How Video Games Lie To You

It might come as a surprise to some of you, but your favorite games [...] use some pretty clever lies to invisibly balance their gameplay experience behind the scenes.

https://www.youtube.com/watch?v=Jl2u72LzurU

Max Glenister

I THOUGHT YOU WERE DEAD!

Though actually I'm happy to see Daft Punk come up on my New Releases playlist this week.

https://www.youtube.com/watch?v=YiZfLvLU5Jc

Max Glenister

Mo LaBorde is a reporter who has been collecting safety cards for almost ten years, and one day she started wondering how the modern safety card came about.

https://99percentinvisible.org/episode/in-the-unlikely-event/

https://www.youtube.com/watch?v=JIhXQzy1HQM

Max Glenister

Max Glenister

Max Glenister

DOOM maps to SVG to laser cutter

https://theor.xyz/doom-maps-laser-cut/

Max Glenister

Max Glenister

That's pretty cool!

Normally, submitting an app to app stores requires a lot of work, including writing code in languages web developers may not necessarily be familiar with, creating app icons, configuring various settings, and testing the app across different devices and operating systems. PWABuilder takes care of many of these tasks automatically, reducing the amount of time and effort required to publish apps.

https://www.pwabuilder.com

https://web.dev/pwas-in-app-stores/

Max Glenister

Max Glenister

Max Glenister

Espresso and open source hardware?

Making an espresso machine from (almost) scratch.

https://sohl.substack.com/p/espresso-and-open-source-hardware

Max Glenister

The majority of internet users aren't developers, so outputting the HTTP error code and its name (503 Service Unavailable) isn't good enough.

https://onlineornot.com/write-better-error-messages

Max Glenister

System font stack CSS organized by typeface classification for every modern OS

https://modernfontstacks.com

Max Glenister

WebGL2 from the ground up. No magic.

https://webgl2fundamentals.org

Max Glenister

This is a really impressive feat, and the ultimate asymmetrical VR experience!

The process of making a multiplayer-cross-platform video game that has parts that run on everything from a tiny microcontroller to a high end VR setup

https://www.youtube.com/watch?v=VnZac6lA1_k

Max Glenister

This is how the cover art of Defender of the Crown (1986) was made

https://spelpappan.se/2013/08/this-is-how-the-cover-art-of-defender-of-the-crown-1986-was-made/

Max Glenister

I've posted a short blog post about shutting down Dingoonity.org after 14 years https://blog.omgmog.net/post/saying-goodbye-to-dingoonity/

Max Glenister

I've jumped on the ChatGPT bandwagon lately. Using Open AIs implementation. I can see how conversational interfaces are going to revolutionize the way we use search.

Take my example from today - I wanted to batch convert a directory of PDF files to PNG:

Me:

How can I easily convert a directory of pdf files to png

AI:

You can use an open-source command-line tool called "ImageMagick" to easily convert a directory of PDF files to PNG images. Here's how to do it:

Install ImageMagick: You can download ImageMagick from their official website and install it on your computer.

Open a command prompt or terminal: Navigate to the directory where your PDF files are located.

Run the following command: magick mogrify -format png *.pdf

This command will convert all the PDF files in the current directory to PNG format. The converted PNG files will have the same name as the original PDF files, but with the .png extension.

If you want to convert the PDF files to a different image format, such as JPEG, you can simply replace "png" in the command with "jpg" or the desired image format.

Note that ImageMagick can also be used to convert individual PDF files to PNG images by using the "convert" command. Here's an example:

magick convert example.pdf example.png

This will convert the file "example.pdf" to a PNG image called "example.png".

Me:

how would I set the output resolution?

AI:

To set the output resolution for the converted PNG files, you can add the -density option to the ImageMagick command. The -density option specifies the number of pixels per inch (PPI) for the output image. Here's how to set the output resolution to 300 PPI:

magick mogrify -density 300 -format png *.pdf

This command will convert all the PDF files in the current directory to PNG images with a resolution of 300 PPI. You can adjust the resolution to a different value by changing the number after the -density option.

Note that the output image size will depend on the original PDF file's dimensions and the resolution you set. If the PDF file is large, the output PNG file may also be large in size. You can also use the -resize option to resize the output image to a specific size after converting it.

Me:

How would I make the transparent areas of the converted images be white?

AI:

To make the transparent areas of the converted images be white, you can use the -background and -alpha options in the ImageMagick command. Here's an example command that sets the transparent areas to white:

magick mogrify -background white -alpha background -flatten -density 300 -format png *.pdf

This command does the following:

-background white: sets the background color of the image to white. -alpha background: tells ImageMagick to treat transparent areas as background. -flatten: merges the alpha channel with the background color to create a fully opaque image. -density 300: sets the resolution of the output image to 300 PPI. -format png: sets the output format to PNG. *.pdf: specifies the input PDF files to convert. This command will convert all PDF files in the current directory to PNG images with transparent areas set to white. The output images will have a resolution of 300 PPI and will be saved as PNG files.

Max Glenister

Visual design rules you can safely follow every time

https://anthonyhobday.com/sideprojects/saferules/

Max Glenister

I finally got around to publishing a blog post about the movies I watched in 2022.

https://blog.omgmog.net/post/the-movies-i-watched-in-2022/

Max Glenister

Open UI: The missing industry standard definition of UI

https://open-ui.org

Max Glenister

Will Wright on Designing User Interfaces to Simulation Games

https://donhopkins.medium.com/designing-user-interfaces-to-simulation-games-bd7a9d81e62d

Max Glenister

The Mystery of the Dune Font

Putting a name to the typeface that defined the visual identity of the science fiction series and its author, Frank Herbert

https://fontsinuse.com/uses/43515/the-mystery-of-the-dune-font

Max Glenister

This seems like a useful tool. Lots of information that is usually a pain to compare!

Carsized: Compare car design and dimensions in a Virtual Showroom

https://www.carsized.com/en/

Max Glenister

I spent some time this evening fiddling with the UX of VR website. Pruned some dead links, de-Twittered the site, and added some multi-column goodness for wider screens.

I really wish I had the time/energy to add more content these days, but alas.

Anyway, check it out here: https://www.uxofvr.com

Max Glenister

💯

Create better designed games with these comprehensive guidelines that feature classic design principles combined with modern accessibility standards.

https://accessiblegamedesign.com

Max Glenister

This really does seem handy!

Shopify/handy: The eastiest way to mocap your hands! We developed this tool in order to streamline the process of capturing hand movements from Meta Quest headsets and bringing them into Blender for use in animations.

https://github.com/Shopify/handy https://diegomacario.github.io/Hands-In-The-Web/public/index.html

Max Glenister

Remaking Old Computer Graphics With AI Image Generation Can AI Image generation tools make re-imagined, higher-resolution versions of old video game graphics?

https://jalammar.github.io/ai-image-generation-tools/

Max Glenister

Max Glenister

When to hold ’em and when to fold ’em: Adding a hinge to a Game Boy that God never intended

https://posts.decontextualize.com/pocket-sp/

Max Glenister

Over 16,000 people still using their Pebble watches! I still go back to my Pebble Time from time to time 🥁

https://rebble.io/2022/11/02/rebble-hackathon.html

Max Glenister

Some great points! 👍👍

Why is VR more restrictive than my 27” monitor? Doesn’t that defeat the entire point?

Being able to manipulate and configure the environment in a way that is comfortable and bespoke to a user is probably the best end goal. Once we've gotten over the novelty of the new interaction paradigms, maybe this will become the norm.

We should be looking to VR headsets as an alternative to standard displays. The default for an experience should not be a full body workout.

One of the most limiting factors for me as a healthy type-1 diabetic is having a blood sugar crash after 30 minutes of using my full body as a controller in a game.

https://www.owlbynight.com/blog/missing-the-point-of-vr/

Max Glenister

Monocraft A programming font based on the typeface used in Minecraft

https://github.com/IdreesInc/Monocraft

Max Glenister

DOOM as you didn't realise you needed it!

Voxel DOOM: A mod that replaces 2d characters and props from Doom with fully 3d voxel-based models.

https://www.moddb.com/mods/doom-voxel-project

Max Glenister

These are all amazing game UI/UX resources.

The best collection of the most beautiful, exceptional and inspiring video game interfaces and screenshots.

https://videogameinterfaces.com

Explore a collection of video games interfaces, screenshots, and clips. Take a look at all the fragments that make up a video game, and find inspiration for your designs.

https://interfaceingame.com

The Game UI Database was created as a free resource for UI/UX Designers in the games industry. It was built to aid in the discovery of new inspiration, and to provide a fast and efficient way of searching for reference materials.

https://www.gameuidatabase.com

Following on from the essential games user reading list; this post is an introduction to some of the fantastic video resources available online. Ranging from 101 introductions to in-depth guides, ‘day in the life’ and more – video resources are a useful for learning about UX and games user research (GUR) alongside books, articles, and classes.

https://gamesuserresearch.com/2022/02/01/essential-videos-and-talks-for-new-games-user-researchers/