Thanks for this! ❤️ My Review!

[porg]

Thanks for offering this great web app!

• The UX of this web app is great!
• A lot of attention to detail.
• Both in terms of function and joy of use.

My review

Arriving to the web app for the first time

https://github.com/user-attachments/assets/c4f2d530-0653-4cd9-976c-ea09bab09036

• The web app is set to meaningful defaults
  • E.g. the preselected font is not 1 of XXX, but intentionally 7 of XXX, named "Arcade Classic" (very representational)
• "Type here!" in a blinking font (how fitting for the context/era!) as a call to action.
  • You immediately get the idea what this app offers overall, and where to start.
• And then discover further fine details along your journey…
  • Excellent execution 👍

Change font family and font style (combination of texture and tinting)

https://github.com/user-attachments/assets/07732ab7-d562-4133-b9c7-981465f73fb2

• Change font family via dropdown (which is not shown in it default look & feel but instead in the minimal retro style, great)
• Choose texture/tinting style by clicking WYSIWYG preview icon
• Change font size by slider

Really great export option

https://github.com/user-attachments/assets/e6b1c612-26af-4ad2-9710-053231541851

• You can get your rendered sample text in the font / style / size as a bitmap via dynamic URL.
• This is de facto a REST API.

• You can greatly use this to embed the bitmap rendering as a snippet anywhere!

  • On any web forum. Also here on Github:

    

  • Above bitmap was achieved simply with a HTML <img> whose src points to the dynamic URL like this:

<img src="https://fonts.hexed.pw/api/dbl-3/y-aof2/z-0/x-Output+embedded+in+Github">

Subtle good UX details

https://github.com/user-attachments/assets/37e18255-b15d-4ac2-ac70-aad0adf07a08

• UI elements on hover use jitter FX, very fitting in that overall playful/joyfull environment
• Whenever you apply a change, like changing font or size or sample text, the whole canva shortly bumps, as if you hit that old CRT monitor to get that "hanging image working again" 😂 great humor! Very fine detail!

Responsive Web App

https://github.com/user-attachments/assets/4cc81514-97bc-4df3-970d-e007154be454

• Layout and content reflows adequately!

Quick font/style toggling/cycling

https://github.com/user-attachments/assets/5de0e11b-2502-41f0-84b5-5c228cba62a9

• Possible to some degree
  • By default there are no hotkeys.
  • When the font dropdown has focus, then arrow key up and down (also: left and right) step through the fonts (at least on Mac Safari).
• Efficient operation to quickly see style iterations has some room for improvement, see my separate followup issue.

[flameshikari]

@porg hello! And oh, I was a bit taken aback when I saw issues you posted. In a good way, of course!

Absolutely surprising and amazing, a thousand thanks for a big, professional and detailed review with kind words.

But I'm kinda confused how did you find this repository and what prompted you to write such a review? No jokes, I'm feeling that I owe you some money for your job! 😅

So, I've checked 2nd issue, and maybe I'll investigate it today/tomorrow and see what I can do. If I couldn't, then probably on weekday evenings.

Really, really well review. Another million thanks! ❤️

[flameshikari]

By the way, most of UI things exist in the original website. I just remade the frontend for fun and to suit my own vision, keeping some good UI things that works. I bet NFG is a busy man and doesn't wanna hustle with webdev, and have no time to update his current website, so my version exists.

[flameshikari]

Well and yes, I'm not a true jedi in webdev, more of an amateur, so maybe I'll have some difficulties in implementing things, but I'll try not to upset you, haha! 😁