Andrew

@lisagui

Follow for updates on my web OS project () as I add features and fix bugs. I occasionally post other stuff I'm working on.

64 Following202 Followers562 Posts

Bluesky

Is this your profile?Claim it and lisagui.dirty.social is yours.Claim profile

Andrew@lisagui· 6d

Adjusted the styling of LisaGUI's mobile click cursor. Also, no one asked for it, but the brightness of the color palette of the favicon now matches the display.

A screenshot of LisaGUI with two circular overlays. The one on the left has a slight blur and an embossed rim. The one on the right is a simple flat overlay.

Andrew@lisagui· 6d

Released a new LisaGUI build with a bug fix - open items were displayed on the desktop regardless of whether they were placed there. Also, the pointer icon has been updated to one that's a bit more authentic, based on one of the LisaGuide icons.

On the left: LisaGUI's pointer icon. On the right: An icon from the original LisaGuide tutorial application

Andrew@lisagui· 7d

This was done for the physical CDs of classic Mac OS apps. They would literally split up images into a bunch of icons with blank titles. I find the resourcefulness of this approach much more charming (maybe it's my rose tinted glasses speaking). Anyone know of a collection of screenshots of these?

The Journeyman Project 3 Legacy of Time CD window in Mac OS 9 showing an image positioned above the installer, readme, and registration icons. The image is technically made up of a grid of 32x32 icons precisely positioned within the window.

The same window as the last image, but the icons have been automatically arranged in a grid. Thus, the picture from the previous image has been split into its constituent icons, of which only some are visible within the window frame.

Andrew@lisagui· 8d

LisaGUI has touch controls; dragging one half of the screen moves the pointer; the other half presses the mouse button. I'm now using a second cursor instead of highlighting the entire mouse button div (it looked awful). This still needs more polish, but you can try it out in the latest build.

Andrew@lisagui· 15d

I wonder if some added text will garner more likes

Text next to an upvote button that says “…like this? Click here”

Text next to an upvote button that says “Thanks! :)”

Andrew@lisagui· 21d

1/3 I added a new banner to LisaGUI's homepage. The power button brightens a bit on hover, and fully turns on when the banner is clicked. In the future I really ought to take a photo with better lighting on the front, but this should be fine for now. #css #apple #webdesign #appleLisa

Andrew@lisagui· 21d

Added a scrolling marquee for lisagui.com's media links.

Andrew@lisagui· 28d

Pushing a new LisaGUI build with a ton of bug-fixes and a new rendering algorithm which can be turned on in the developer settings.

A screenshot of the “Developer” preferences pane in the LisaGUI preferences app. The “Developer” pane title and the setting for “Change the Compositing Algorithm” are circled in red.

Andrew@lisagui· Jun 28

Adjusted the blog's formatting. Darkened the gray in the dark theme's palette, trading off some authenticity for better readability, which I think is worth it. I also adjusted the post-list formatting so it more closely resembles a DOS file browser like Norton Commander. #blog #css #MSDOS

A screenshot of my blog, with white text on a gray background. It has a list of posts within a smaller rectangle with a blue background. The post list is enclosed within a white double-border and has two columns: dates in white text, and post titles in cyan text. The columns are split by a solid border. The post titles are formatted to look like pathnames. All text is set in the IBM VGA monospaced bitmap font.

A screenshot of Norton Commander 5, a DOS application with a split-pane view. The background is blue, with cyan and white text, all set in the IBM VGA monospaced bitmap font. In the right-hand pane is information about a PC’s disk drive. In the left-hand pane is a directory listing with columns for name, date, and size.

Andrew@lisagui· Jun 22

#Apple's magic mouse's form factor has been in use since 2009. I kept waiting for them to release a revised version with better ergonomics, and they never did. Can you imagine if they had kept the hockey puck mouse around until at least 2015? That's what this feels like.

Apple’s infamous “hockey puck” mouse. A rounded, fully-plastic, translucent-white circular object with two translucent Bondi-blue grips on either side.

Apple’s Magic Mouse. The top is a glossy white plastic arched rounded-rectangle surface, and underneath is a silver anodized-aluminum shape. It resembles two interlocking hyperbolic surfaces, like two Pringles chips connected at their edges.

Andrew@lisagui· Jun 21

I unified the toolbar buttons on my homepage (at larger widths). It looks so much better now. #css #aqua #frutigerAero yaros.ae

A dark-theme version of a rounded, segmented toolbar made up of glossy, aqua-style buttons labeled with text. The buttons read, from left to right, “homepage,” “downloads,” “web-log,” and “social links.”

A light-theme version of a rounded, segmented toolbar made up of glossy, aqua-style buttons labeled with text. The buttons read, from left to right, “homepage,” “downloads,” “web-log,” and “social links.”

Andrew@lisagui· Mar 23

It's so nice to have a user interface which brings attention to my content without getting in the way. #tahoe #apple #macos

Screenshot of a QuickTime player window in macOS. The playback controls are on a temporary overlay which covers half the area of the window.

Andrew@lisagui· Mar 4

Andrew@lisagui· Mar 4

or this

Top down photo of the Apple M0110 keyboard's 59 key ISO layout

Andrew@lisagui· Feb 26

I've also added an option to access the "Startup from" menu via the service menu. In addition, I've updated the icon used for IndexedDB volumes.

A dropdown menu titled "Startup from" with three menu options; each option consists of an icon representing a disk, and text (to the right of each icon) specifying the name of the disk.

Andrew@lisagui· Feb 26

One of the options in the service menu is "Adjust Video" which is used to calibrate the screen. This makes sense on a real Lisa, of course, but isn't really that useful for LisaGUI unless you're running it on a CRT. If you're *actually* using LisaGUI on a CRT, please send me a photo.

A rectangular grid of white lines on a black background.

Andrew@lisagui· Feb 26

Added a "service menu" accessed by holding the space bar at startup. The option to reset display scaling settings has been moved here. #1bit #javascript #appleLisa #solodev #apple #retrocomputing #gui #ui #ux

A dropdown menu titled "options" with the following menu options: "Start and reset display options," "Select startup volume," "Adjust video," and "Restart system"

Andrew@lisagui· Feb 12

This menu is now fully implemented. You will be able to access it by holding down the "s" key as soon as the system starts up. The first option, "Install Diskette," is the same temporary volume created the first time you start LisaGUI (or if no other volumes are present). #appleLisa #js #apple

LisaGUI’s "startup from" menu - a drop down menu with three different options listed vertically. Each option contains, from right to left, an icon representing the disk, and the text of the disk’s name.

Andrew@lisagui· Feb 11

Most importantly, it doesn't *look* bad. I'll incorporate keyboard shortcut functionality at a later date; it's not terribly important right now.

The Lisa 1’s "startup from" menu, which lets a user select between disks at startup.

Andrew@lisagui· Feb 11

Now, I realize that isn't accurate to the Lisa's firmware, which only displays the keyboard shortcut for each menu option. Since each "disk" is just an IndexedDB database, and they will be displayed in an arbitrary order, a bunch of unlabeled menu items won't be useful.

The Lisa 2’s "startup from" menu, which lets a user select between disks at startup. This is what LisaGUI’s menu is modeled after, except instead of displaying the names of the disks, keyboard shortcuts (Apple key + 1, apple key + 2, etc.) are displayed next to each icon.

Andrew@lisagui· Feb 11

"Startup from" menu WIP

LisaGUI’s "startup from" menu: A dropdown menu with several options. Each option has an icon representing either a floppy disk or a hard drive. To the right of each icon, the name of the disk it represents is listed.

Andrew@lisagui· Nov 27

While I was at it, figured I might as well do a quick and dirty Win8 BSoD 404 page for the rest of my site

Andrew@lisagui· Nov 25

(after some tweaking)

Andrew@lisagui· Nov 23

New formatting for the blog's 404 page

Andrew@lisagui· Oct 12

This may be an odd question, but does anyone know what font was used for the MS-DOS packaging/branding in the early 90s? #retrocomputing #design #typography #fonts

Andrew@lisagui· Sep 29

Added some UI feedback for trackpad mode. When you drag along the trackpad side of the screen, you get a larger circular cursor underneath your finger. When you press on the button side, a visible shadow appears. This feature is a work in progress and may be a bit buggy.

Andrew@lisagui· Sep 23

Some more updates for my website: I added an additional icon pack to the downloads page, and a newer version of the emulator icon pack. yaros.ae/downloads/ #icons #emulators #emulation #macintosh #apple #retrocomputing #ux #ui

Andrew@lisagui· Sep 20

I added an icon for Snow to my emulator icon pack: yaros.ae/downloads/#e... #icons #emulators #emulator #macintosh #snow #apple #retrocomputing #ux #ui #artwork #art

A squircle-shaped, blue, lightly textured icon with a glass CRT display, floppy disk drive, and emblem, resembling an old Macintosh Plus computer. A snowflake icon is present on the emblem and the display.

Andrew@lisagui· Sep 17

#1bit #javascript #appleLisa #solodev #apple #retrocomputing #gui #ui #ux