• Coding Beauty
  • Posts
  • 95% of users will never use your app without this JS trick

95% of users will never use your app without this JS trick

šŸŽØFruit coloring, powerful JS trick for amazing UX, and more

In partnership with

Senior LatAm Tech Hiring in 24 Hours

CloudDevs is the largest pool of tech talent in LatAm. Our 10,000+ pre-vetted LatAm engineers have a minimum of 7 years of experience and are hand-selected for your project in just 24 hours.

Our talent is rigorously tested for problem-solving, tech stack and communication, and specialize in everything from AI and healthtech to fintech and web3.

GPTE AI: Discover over 5,000 new AI tools for productivity, design, content creation, and more. Check it out

reduce() can be incredibly tricky.

Can you help put the šŸfruits into the šŸŽØcolor baskets?

Thereā€™s a whole lot more to HTML than <div><a>, and <p>.

So many more sophisticated and powerful tags that youā€™ve probably never used.

With interesting abilities from interactive images to sophisticated UI components.

So first thereā€™s progress ā€“ your typical drama-free progress bar.

You set a value and max for gradation ā€” pretty straightforward.

But then thereā€™s meter ā€” also known as progress on a rampage:

2. dfn

dfn ā€” for anything weā€™re gonna define in the page:

And the definition must be inside the dfnā€˜s parent tag, or elseā€¦

Or else nothing ā€” just a semantic rule you can happily disregard.

3. dialog

New native HTML dialogs!

Stay open from the get-go:

Built-in support for closing:

Without this trick you will waste thousands of dollars and users will hate your app.

First theyā€™ll be irritated by the horrible user experience and probably never return.

So imagine youā€™ve created an amazing AI writing assistant giving helpful suggestions for writing engaging stories:

Youā€™ve got your API all set up for requests in handleChange :

But unfortunately thereā€™s a serious problem ā€” can you spot it? šŸ‘‡

I just started writing and immediately your AI is telling me nonsense about wrong spelling!

Short story? Where is my breathing space? Canā€™t you at least allow me to stop typing?

Oh no, Iā€™m done ā€” You ruined my day and I will NEVER return šŸ˜ .

Thanks for taking the time to read todayā€™s issue.

Donā€™t let the bugs byte,
Tari Ibaba