Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Thanks for this! ❤️ My Review! #6

Open
porg opened this issue Nov 22, 2024 · 3 comments
Open

Thanks for this! ❤️ My Review! #6

porg opened this issue Nov 22, 2024 · 3 comments

Comments

@porg
Copy link

porg commented Nov 22, 2024

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

1.Start.screen.and.basic.operation.mp4
  • 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)

2.Change.font.family.and.change.texture.and.tint.style.mp4
  • 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

3.Get.bitmap.output.via.URL.mp4
  • 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

4.UX.details.mp4
  • 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

5.Responsive.Web.App.mp4
  • Layout and content reflows adequately!

Quick font/style toggling/cycling

Cycle.focused.font.chooser.drowdown.with.arrow.keys.up.and.down.mp4
  • 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
Copy link
Owner

flameshikari commented Nov 23, 2024

@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
Copy link
Owner

flameshikari commented Nov 23, 2024

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
Copy link
Owner

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! 😁

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants