• Coding Beauty
  • Posts
  • New HTML <dialog> tag - an absolute game changer

New HTML <dialog> tag - an absolute game changer

🔴Reds vs 🔵Blues, new web dev features, and more

In partnership with

Fueling independent success - $25,000 at a time

  • Calling all early-stage marketing or creative businesses

  • Unlock your business potential with the Breakthrough Grant

  • Win $25,000 in cash, tools, resources, and training

  • Check out Techpresso: a daily rundown of what’s happening in tech and what you shouldn’t miss. Read by professionals at Google, Apple, and OpenAI.

Classic sports rivalry! Reds🔴 vs Blues🔵

Help fans know where their people are so they can always sit together.

I could code for many hours straight but I usually couldn’t say the same about writing!

And I always wondered why.

But I knew it was because of certain underlying emotions and values I felt when coding but didn’t quite feel for writing.

Eventually, I discovered at least 5 things about coding that make it so enjoyable and meaningful.

Things that can make any activity more pleasurable and fulfilling.

Coding gives us purpose, growth, and 3 other precious values.

1. Purpose

There’s a deep sense of purpose in coding that gives us constant drive & passion.

A reason to wake up in the morning.

Every massive coding project is a brand new mission in itself with lots of exciting goals & milestones.

It’s an endless adventure.

Imagine creating an endless runner game like Subway Surfers from scratch:

HTML will never be the same with the new <dialog> tag.

❌Before:

See how much work it would have taken me to create a dialog 👇

Almost 20 lines of CSS alone:

And that’s just CSS for the dialog functionality — it will still look very basic:

But how about with the new <dialog> tag!

âś… Now:

<button id="open">Open</button>
<dialog id="dialog">
  ⚡Lighting strikes the earth 44 times every second!
</dialog>
const dialog = document.getElementById('dialog');
const open = document.getElementById('open');
open.addEventListener('click', () => {
  dialog.showModal();
});

We can even use the show() method to show a non-modal dialog — less intrusive with no backdrop:

The biggest reason we use languages like JavaScript and Python instead of Assembly is how much closer to natural language they are.

Or how much they CAN be.

Because sometimes we write code just for it to work without any care about demonstrating what we're doing to other humans.

And then this backfires painfully down the line. Especially when one of those humans is your future self.

Parts of speech: back to basics

You know your code is natural when it resembles English as much as possible. Like an interesting, descriptive story.

It means you've intelligently made the entities and actions in the story powerfully express the code flow from start to completion.

What entities are we talking about?

Freelancing offers a life of freedom, flexibility, and financial potential that most full-time jobs don’t provide.

But it can be tough, especially when it comes to:

  • Finding clients

  • Maintaining a steady flow of jobs

  • Creating unlimited income potential with per-project work

All these and more are what the new Coding Beauty University is here to solve.

A new full-featured coaching program with loads of benefits:

  • âś…Start on a personalized learning path to everything you need to earn a comfortable living with regular, high-paying freelance web & mobile developer jobs. Start with no coding experience.

  • âś…Never run out of work again: Gain easy access to at least 3 exclusive freelance networks â€” $160,000 developer jobs on average. No resume needed.

  • âś…Build faster with Assistant Premium: Unlimited Premium access to our new AI tool providing advanced code completions and chat messages using context from your codebase. Fix your project issues rapidly with constant standby access to human help (IDE integration coming soon).

  • âś…Grow together with an exclusive coding community: improve your skills, earn faster, and develop a shared passion for programming.

Join the waitlist to learn more and get priority access + early bonuses when it launches soon in July 2024.

Thanks for taking the time to read today’s issue.

Don’t let the bugs byte,
Tari Ibaba