Skip to main content

A photo of Max Glenister

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

omgmog.net

blog.omgmog.net

twitter.com/omgmog

indieweb.social/@omgmog

github.com/omgmog

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/

Max Glenister

Open Source Game Clones

Open-source or source-available remakes of great old games in one place

https://osgameclones.com

Max Glenister

Max Glenister

PHONK is a coding playground for new and old Android devices.

Create scripts rapidly from your phone or using the remote Web Editor on your computer using Javascript. The API is simple and extensive. GUI, audio, graphics, Bluetooth BLE, Arduino, OSC, MIDI, and much more.

https://phonk.app https://github.com/victordiaz/PHONK

Max Glenister

Cramming 'Papers, Please' Onto Phones

https://dukope.com/devlogs/papers-please/mobile/

Max Glenister

Peter Howell of the BBC Radiophonic Workshop demonstrates how he reimagined Ron Grainer's classic Doctor Who theme [using] modern polyphonic analogue synthesisers like the Yamaha CS-80, an ARP Odyssey Mk3 and a Roland Jupiter-4, a vocoder and an old, malfunctioning phase shifter unit he found in the back of the Workshop.

https://www.youtube.com/watch?v=RZuf0LIU-2A

Max Glenister

So, here’s a bit of a mystery: Why does TeamViewer – the popular remote desktop program – install a font it doesn’t use on your computer?

https://www.ctrl.blog/entry/teamviewer-font-privacy.html

Max Glenister

Where Browsers Come From The economics around browsers, and what we should think about as we move forward.

https://bkardell.com/blog/WhereBrowsersComeFrom.html

Max Glenister

One of many default browser styles that I always change!

All browsers add an 8px margin on the body element – it’s part of the w3c-recommended default stylesheet which browsers generally use as a starting point for their own ‘user agent’ styles. But why 8px? Where does that come from?

https://www.miriamsuzanne.com/2022/07/04/body-margin-8px/

Max Glenister

Nifty.

MacintoshPi is a small project that allows running full-screen versions of Apple's Mac OS 7, Mac OS 8 and Mac OS 9 with sound, active Internet connection and modem emulation under Raspberry Pi.

https://github.com/jaromaz/MacintoshPi https://jm.iq.pl/macintoshpi-mac-os-7-8-and-9-for-raspberry-pi/

Max Glenister

Defensive CSS Practical CSS and design tips that helps in building future-proof user interfaces.

https://defensivecss.dev

Max Glenister

A small tool (rsspls) to generate RSS feeds from web pages that lack them. It runs on BSD, Linux, macOS, and more.

https://github.com/wezm/rsspls

Max Glenister

🙈 I do not need more tech. I do not need more tech!

Pocket Reform is a 7 inch mini laptop from MNT Research. We condensed the best features of MNT Reform into a smaller, lighter, and more affordable device while adding some new exciting details.

https://mntre.com/media/reform_md/2022-06-20-introducing-mnt-pocket-reform.html

Max Glenister

What would a Chromium-only Web look like?

https://www.mnot.net/blog/2022/06/22/chromium-only

Max Glenister

Max Glenister

🥳 though I can't help feeling uncomfortable by how smooth Clarus is.

Did you know that with macOS Ventura, Clarus the Dogcow has at long last returned home?

https://shadowfacts.net/2022/clarus/

Max Glenister

Game Design Mimetics (Or, What Happened To Game Design?)

https://blog.kylekukshtel.com/game-design-mimetics

Max Glenister

For my own reference, to find/replace the linked mastodon post for a post on Known in MySQL:

update entities set contents = replace(contents, 'old-post-id', 'new-post-id');

I might want to add the mastodon link to the post edit UI to be a bit more robust...

Max Glenister

Love the pixel art on this. The technical side of things is super interesting too!

https://atrailtale.com

Discussion on HN: https://news.ycombinator.com/item?id=31701026

Max Glenister

New episodes of Airquotes the Podcast Airquotes from the May 2022 are up!

https://remotehack.space/live/

Max Glenister

Hamburger Footer: Reaching the Bottom of Infinite Scroll https://prototypr.io/post/hamburger-footers-in-headers-infinite-scroll-techniques

Max Glenister

10 Surprising Things You Didn't Know About HTTP https://webdevguild.com/blog/10-things-http/

Max Glenister

More than you ever wanted to know about font loading on the web https://www.industrialempathy.com/posts/high-performance-web-font-loading/

Max Glenister

How classic Sierra game graphics worked (and an attempt to upscale them) https://www.youtube.com/watch?v=sclZDCjUVvI https://github.com/eviltrout/agi-upscale

Max Glenister

Max Glenister

I love everything about this. 😍

Electronic Catan LCD Tiles: A collection of hexagon tiles that magnetically snap together to create a Settlers of Catan board of any shape or size. Each tile features a large round LCD and a custom magnetic pogo connector on each edge. Linking up a bunch of tiles creates a position-aware partial mesh network.

https://coliniuliano.ca/projects/catan-tiles/

Max Glenister

I make web stuff all day every day. This is refreshing! 👏

Intro to the Web Revival #1: What is the Web Revival? https://thoughts.melonking.net/guides/introduction-to-the-web-revival-1-what-is-the-web-revival

Max Glenister

📅 Tomorrow it's from 9:30 AM BST

🫂 Join in from wherever you are! 👉http://remotehack.space

📢 There might be new periodic Airquotes The Podcast Airquotes recordings: https://remotehack.space/live/

Max Glenister

📣 A new blog post: Using a Raspberry Pi to Host a local Visual Studio Code Server

https://blog.omgmog.net/post/raspberry-pi-local-dev-vscode-remote/

Max Glenister

The forgotten benefits of “low tech” user interfaces https://uxdesign.cc/the-forgotten-benefits-of-low-tech-user-interfaces-57fdbb6ac83

Max Glenister

Man, 90s appliance UIs were a ride!

About the Dual MN 8010, the remarkable retro stereo set you've never heard of, that has a GUI (Graphical User Interface).

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

Max Glenister

The Nightmare Of Getting DOOM Running On A Serious Business Machine ...

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

Max Glenister

Max Glenister

Well this DALL-E 2 is insane! Going to have to be even more critical/sceptical when consuming content...

"My deepfake DALL-E 2 vacation photos passed the Turing Test"

https://www.mattbell.us/my-fake-dall-e-2-vacation-photos-passed-the-turing-test/

Max Glenister

This is a great build log for converting a garage to a habitable workshop space.

Feeling bad that I've not done anything close to this with my garage yet!

https://michd.me/blog/diy-garage-to-workshop-conversion/

Max Glenister

Portal64: A demake of portal for the Nintendo 64

https://github.com/lambertjamesd/portal64

Max Glenister

These are some great a11y tips, and great explanations/examples too!

https://hidde.blog/common-a11y-issues/ https://hidde.blog/more-common-a11y-issues/

See also: https://www.a11yproject.com/checklist/

Max Glenister

Tomb Raider Reflection Effect: How it works

https://www.tombraiderforums.com/showthread.php?t=226585

Max Glenister

I've been using a couple of these tools for a while now with Windows 10. Great to see such a detailed overview of the whole suite!

PowerToys - 11 awesome features Microsoft won’t add to Windows: https://www.fourth-wall.co.uk/post/powertoys-11-awesome-features-microsoft-won-t-add-to-windows

Max Glenister

"Building like it's 1984: Scrollbars in web applications" https://height.app/blog/scrollbars-in-web-applications

Max Glenister

Great use of CSS variables to set inheritable aspect ratio styles!

"Building a combined CSS-aspect-ratio-grid" https://9elements.com/blog/combined-aspect-ratio-grid/

Max Glenister

Giving this a go, as I'm already using Hyper-V with some guest OS' on this machine I had to fiddle with the Virtualbox settings to get the installer going, but it seems to be working‼

"Push-button installer of macOS Catalina, Mojave, and High Sierra guests in Virtualbox for Windows, Linux, and macOS" https://github.com/myspaghetti/macos-virtualbox

Max Glenister

⌚ Lots of information about 7 segment displays, and some alternative designs https://www.youtube.com/watch?v=RTB5XhjbgZA

Max Glenister

🤯

Q1K3 – An homage to Quake in 13kb of JavaScript

Play it: https://phoboslab.org/q1k3/ Making of: https://phoboslab.org/log/2021/09/q1k3-making-of

Max Glenister

Starting a bunch of these sounds at once beats white noise, hands down!

http://savethesounds.info

Max Glenister

I suppose as a Jekyll/Github Pages user I've grown used to the levels of redundancy afforded by using the platform, and it's pretty neat for my development process to be so transparent (if anybody is bothered to look!)

If you're using Github and have a good number of followers, you also get a bit of syndication for free in the form of your commits showing up on your followers' timelines.

The only downside I've found is that I tend to have multiple drafts, on multiple clones of my blog repository across multiple machines, and I tend to lose stuff if I don't finish writing and publish in a timely manner!

https://tomcritchlow.com/2022/04/27/triple-entry-blogging/

Max Glenister

Looking forward to trying this!

It's time to renew https://mikage.app/time-to-renew-3ds-emulation/

Max Glenister

Excited to see that @[email protected] has started a new series. This time it's to make your own shmup!

Parts 1 and 2:

https://www.youtube.com/watch?v=81WM_cjp9fo

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

Max Glenister

It's 2022 and :only-child isn't aware of text nodes?

I'm trying to select an image that is the only direct descender of an element, with no text node siblings, e.g.:

<div><img /></div>

Not

<div>Hello<img />World</div>

div img:only-child will select this img in both cases, as will div img:first-child and div img:last-child

Am I missing something?

Max Glenister

Amazing! 😍🕹

Porting Zelda Classic to the Web https://hoten.cc/blog/porting-zelda-classic-to-the-web/

Max Glenister

I've been fiddling with my instance (https://social.omgmog.net), and for now I think I'm happy with it and how it integrates with the rest of my site.

Another couple of evening and it'll hopefully match my site design more!

Max Glenister

Alright, looks as if I've got this Known thing working!